/*div {border:1px solid #f00;}*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	background-color: #CCCCCC;
	
	
	  text-align: center;

  min-width: 720px;
  
  
}

#page {  text-align: left;
	background-color: #FFFFFF;
	margin-top: 10px;
	width: 720px;  margin-left: auto;
  margin-right: auto; 
	border: 1px solid #000000;padding-bottom:0;margin-bottom:0;
}

#mainimg{border-top:1px solid #f93; margin-top:1px;}

#footer {  	font-size: 10px; 
	line-height: 20px;
clear:both;text-align: center;
	margin-top: 10px;
	width: 720px;  margin-left: auto;
  margin-right: auto; 
}

#footer p{font-weight:normal;}



 .box p a:link ,
 .splash  a:link ,
  .box p a:visited ,
 .splash  a:visited 
{text-decoration: none;font-weight:normal;
	color: #000; }
	
	
 .box p a:hover,
 .splash  a:hover{color: #369; } 
 
 
 
 .box h2 a:link ,
 .splash h2 a:link , 
 .box h2 a:visited ,
 .splash h2 a:visited
{text-decoration: none;
	color: #fff; }
	
	
 .box h2 a:hover,
 .splash h2 a:hover{text-decoration: underline;color: #fff; } 
 
 
 
 
 #footer a:link,
 #footer ,a:visited   {font-weight:bold;text-decoration: none; 
}
 
 #footer a:hover   {text-decoration: underline; }


a:link {
	color: #f63;
}
a:visited {
	
	color: #f66; 	
}
a:hover,
a:active {
	color: #369; 
}



#leftcol {float:left;
	width: 300px;
		font-size: 11px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
}

h1 {
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	color: #FF6633;letter-spacing:-1px;
}



h2 {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #1B6799;
	}




h3 {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #1B6799;margin-top: -10px; 
	}


#rightcol h3
{
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #1B6799;
	padding: 10px;
	margin: 20px;
}




#contents {
	padding: 10px; 
}







.caption {
	font-weight: bold;
	color: #1B6799;
}
.caption img {padding-right:10px;}


.caption h2 {font-size:12px; line-height:15px; color: #FF6633;}


#rightcol {
margin-left:330px; /* HAS TO BE 330. 350 ok on all but iew . 50 ok on all but ff*/

	width: 350px; 
	background-image: url(summer_school_images/rightbg.gif);
	background-repeat: repeat-y; padding-bottom:20px;
}

#activities {
	background-image: url(summer_school_images/box_activities.gif);

}

#school {
	background-image: url(summer_school_images/box_school.gif);

}

#plane {
	background-image: url(summer_school_images/box_plane.gif);

}



#classroom {
	background-image: url(summer_school_images/box_class.gif);

}

#fair {
	background-image: url(summer_school_images/box_fair.gif);

}




#london {
	background-image: url(summer_school_images/box_london.gif);

}






.box {background-position: 10px;border:1px solid #dfecf4; /* for moz/saf*/
	background-repeat: no-repeat;
	margin-top:10px;
	height: 132px;
	width: 305px;
	line-height: 15px;
	}

.box p {
	margin-left:40px; margin-right:125px; margin-top:0; padding-top:10px;
}

.intext {padding-left:20px;padding-right: 20px}
.note {
		font-size: 10px;}
		

.box h2 {
	margin-left:55px; margin-top:15px; color:#fff; font-size:12px;padding-bottom: 0; margin-bottom:0;
}

td h2 {padding-top:0; margin-top: 0;	line-height: 20px;
}




.splash {
		font-size: 10px;
background-color: #FFE287;
	padding: 0px;clear:left;margin-bottom:20px;
}

#rightcol .splash {clear:none; margin:30px;}

#rightcol li {padding-bottom:10px; padding-right:20px;}


.splash h2 {
	font-size: 11px;
	line-height: 20px;
	color: #FFFFFF;
	background-color: #1B6799;padding-bottom: 0; margin-bottom:0;
}


.splash h3 {
	font-size: 11px;
	line-height: 20px;
	color: #FFFFFF;
	background-color: #f63 ;padding-bottom: 0; margin-bottom:0;
}


 .splash ul , .splash p {padding-left:5px; padding-right:5px; margin-left:0px; padding-top:0;margin-top:0; padding-bottom:10px;}
 .splash img,  .intext img {padding:2px 5px 0 2px; text-align:left;}
 
 
 
 table {padding:5px; margin:20px;}
 
 .time 
 {
 	font-size: 11px;font-weight:bold;
 	white-space: nowrap;
 	background-color: #FFE287;
 	border-color: #F63;
 	border-width: 1px;
 	border-style: solid;
 } 
 
 .lesson 
 { 	font-size: 11px;font-weight:bold;
	background-color: #98c2d4;

  	border-color: #1B6799;
 	border-width: 1px;
 	border-style: solid;
 } 
/* .fees
 { 	font-size: 11px;font-weight:normal;
	background-color: #d1e7f1;

  	border-color: #98c2d4;
 	border-width: 1px;
 	border-style: solid;
 }
 
 */
 #bookbadge {text-align:center; padding:20px; background: #fff; margin:10px;}
 
 
 
 
  table.fees td {  font-size: 10px; line-height: 18px; font-weight: normal; color: #003399; background-color: #FFCC66; vertical-align: top; padding: 4px;}
table.fees th {  font-size: 10px; line-height: 18px; font-weight: bold; color: #003399; background-color: #CCCCFF; text-align: left; vertical-align: top; padding: 4px;}