body { 
font-family: "Comic Sans MS", Arial, serif; 
color: black; 
background-color: #E2EBFA; /*#F6F6F6 #33CCFF;*/
margin: 1em; 
padding: 0;
} 


/* By the way, this is a comment */ 

p { 
line-height: 1.5em; 
} 

h2 { 
color: white; 
background-color: #95B3DE;
font-size: 1.5em; 
margin: 0; 
padding-left: 1em; 
} 

h6 { 
color: black; 
font-size: 0.8em;
font-weight: normal; 
background-color: #E2EBFA;
}

a:link { 
	font-weight: normal; 
	text-decoration: none; 
	color: #000099;
	background-color: #E2EBFA;
}

a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #000099;
	background-color: #E2EBFA;
}

a:hover, a:active { 
	font-weight: normal;
	text-decoration: underline; 
	color: #000099;
	background-color: #E2EBFA;
}

#imgtitle { 
text-align: center; 
}

h1{
background: transparent url(Khnd.jpg) no-repeat top center;
text-align: center;
font-size: 0.8em;
}

#pageHeader h1 { 
	background: url(Khnd.jpg) no-repeat top center;
	width: 648px; 
	height: 73px;
	}

#message_red{
font-size: 1em;
font-style: italic; 
text-align: center; 
color: red;
background-color: #E2EBFA;
}

#image_link_english_version{
position: relative;
background: transparent url(usa.ico) no-repeat center;
width: 32px;
height: 32px;
float: left;
top: 1em;
}

#image_link_french_version{
position: relative;
background: transparent url(french.ico) no-repeat center;
width: 32px;
height: 32px;
float: left;
top: 1em;
}

#image_link_accueil{
position: relative;
background: transparent url(home.ico) no-repeat center;
width: 32px;
height: 32px;
float: left;
}

#image_link_geo{
position: relative;
background: transparent url(globe.ico) no-repeat center;
width: 32px;
height: 32px;
float: left;
}

#image_link_vues_aeriennes{
position: relative;
background: transparent url(plane.ico) no-repeat center;
width: 32px;
height: 32px;
float: left;
}

#image_link_cotes_en_vue{
position: relative;
background: transparent url(crowsnest.ico) no-repeat center;
width: 32px;
height: 32px;
float: left;
}

#image_link_trajet_boston_ecole{
position: relative;
background: transparent url(car.ico) no-repeat center;
width: 32px;
height: 32px;
float: left;
}

#image_link_trajet{
position: relative;
background: transparent url(plane_car.ico) no-repeat center;
width: 32px;
height: 32px;
float: left;
}

#image_link_images_ecole{
position: relative;
background: transparent url(bearce.ico) no-repeat center;
width: 32px;
height: 32px;
float: left;
}

#image_link_project_week{
position: relative;
background: transparent url(tente.ico) no-repeat center;
width: 32px;
height: 32px;
float: left;
}

#image_link_emploi_temps{
position: relative;
background: transparent url(schedule.ico) no-repeat center;
width: 32px;
height: 32px;
float: left;
}

#image_link_mountain_day{
position: relative;
background: transparent url(mountain.ico) no-repeat center;
width: 32px;
height: 32px;
float: left;
}

#image_link_halloween{
position: relative;
background: transparent url(citrouille.ico) no-repeat center;
width: 32px;
height: 32px;
float: left;
}

#image_link_chimie{
position: relative;
background: transparent url(chimie.ico) no-repeat center;
width: 32px;
height: 32px;
float: left;
}

#image_link_american_literature{
position: relative;
background: transparent url(livres.ico) no-repeat center;
width: 32px;
height: 32px;
float: left;
}

#image_link_sport{
position: relative;
background: transparent url(soccer.ico) no-repeat center;
width: 32px;
height: 32px;
float: left;
}

#image_link_visite_francais{
position: relative;
background: transparent url(visitefr.ico) no-repeat center;
width: 32px;
height: 32px;
float: left;
}

#image_link_auction{
position: relative;
background: transparent url(hammer.ico) no-repeat center;
width: 32px;
height: 32px;
float: left;
}

#image_link_vie_ecole{
position: relative;
background: transparent url(vie_ecole.ico) no-repeat center;
width: 32px;
height: 32px;
float: left;
}

#image_link_parents{
position: relative;
background: transparent url(jumelles.ico) no-repeat center;
width: 32px;
height: 32px;
float: left;
}

.textlink0{
position: relative;
font-weight: normal;
font-size: 0.8em;
text-align: left;
}

.textlink1{
position: relative;
top : 0.3em;
font-size: 0.8em;
text-align: left;
text-decoration: underline;
line-height: 200%;
}

.textlink2{
position: relative;
top : -0.3em;
font-size: 0.8em;
text-align: left;
text-decoration: underline;
}

#navigation { 
position: absolute;
top: 0;
left: 0; 
width: 11em;
border: 1px solid #999999;
padding-left: 2px;
padding-top: 1em;
background-color: #E2EBFA;
color: black; 
} 

#content {
margin-left: 10em;
padding-left: 5px;
background-color: #E2EBFA;
color: black; 
}