/*_____________________________________

 	NORMAN COURT SUMMER SCHOOL		 
_____________________________________*/

* {
	margin:0;
	padding:0;
}

/*_____________________________________

	 REUSEABLE STYLES
______________________________________*/

.clear {
	clear:both;
	}
	
.right {
	text-align:right;
	}
	
.center {
	text-align:center;
	}
	
.auralOnly {
	text-indent:-1000em;
	position:absolute;
	overflow:hidden;
	}
	
/* Lists */

ul.bigBtns li {
	display: inline;
	float:left;
	list-style-type:none;
	margin:10px 7px 0 0;
	}

ul.bigBtns li a {
	display: block;
	height:46px;
	text-decoration:none;
	width:222px;
	}
	
ul.bigBtns li a.accomodation { background:url(../images/bigBtn_accom.gif) 0 0 no-repeat; }
ul.bigBtns li a.programme { background:url(../images/bigBtn_prog.gif) 0 0 no-repeat; }
ul.bigBtns li a.englishPlus { background:url(../images/bigBtn_englishPlus.gif) 0 0 no-repeat; }
ul.bigBtns li a.contact { background:url(../images/bigBtn_contact.gif) 0 0 no-repeat; }
ul.bigBtns li a:hover { background-position: bottom!important; }

ul.bullets, ul.accordian, ul.bullets-col {
	margin-left:1em;
	list-style-type: none;
	line-height:20px;
	}	
ul.accordian {
	margin:1.5em 1em 0;
	}
ul.accordian li {
	background:url(../images/blueArrow_r.gif) 0 4px no-repeat;
	padding-left:2em; }
ul.bullets li, ul.bullets-col li {
	background:url(../images/bullet.gif) 0 8px no-repeat;
	padding-left:1em;
	font-size:11px; }
ul.accordian li h3 {
	font-size: 1.4em;
	}	
ul.bullets li a, ul.bullets-col li a {
	text-decoration: none;
	color:#1469A5;
	}
ul.bullets-col {
	float:left;
	padding-right:40px;
	}
#bullet-col-holder {
	width:459px;
	height:auto;
	float:left;
	padding-bottom:20px;
	}

/*2 Column Bullets */

ul.bullets-2 {
	width:auto;
	height:auto;
	float:left;
	margin-left:0.5em;
	list-style-type: none;
	line-height:20px;
	padding-bottom:10px;
}

ul.bullets-2 li {
	width:190px;
	float:left;
	background:url(../images/bullet.gif) 0 8px no-repeat;
	padding-left:15px;
}

/* Tables */

table { margin-top:.5em;  }
td, th { border: 1px solid #E7D1B9; padding:4px; height:24px; font:normal 1.1em Arial, Helvetica, sans-serif; }
th { font-weight: bold; }

/*_____________________________________

	 MAIN PAGE ELEMENTS
______________________________________*/

#mainContainer {
	background: url(../images/bg_mainContent.gif) 0 0 repeat-y;
	margin: 0 auto;
	position:relative;
	width: 1004px;
	}
	
#header {
	height:50px;
	}
	
#header h1 {
	display:block;
	background:url(../images/logo_topLeft_RoundCorner.png) 0 0 no-repeat;
	height:165px;
	position:absolute;
	width:238px;
	}
	
	a.logoAnchor {
		display:block;
		width:100%;
		height:100%;
		}


#mainImage {
	width:1004px;
	height:379px;
	}
/* ---------------------  THE MAIN IMAGES FOR EACH PAGE  ------------------------- */
#mainImage.home { background:url(../images/mainImage_home.jpg) 0 0 no-repeat; 		}
#mainImage.school { background:url(../images/mainImage_school.jpg) 0 0 no-repeat; 	}
#mainImage.staff { background:url(../images/mainImage_archery4.jpg) 0 0 no-repeat; 	}
#mainImage.contact { background:url(../images/mainImage_flags.jpg) 0 0 no-repeat; 	}
#mainImage.thanks { background:url(../images/mainImage_archery.jpg) 0 0 no-repeat; 	}
#mainImage.work { background:url(../images/mainImage_teacher.jpg) 0 0 no-repeat; 	}
#mainImage.terms { background:url(../images/mainImage_volleyBall.jpg) 0 0 no-repeat;}

#mainImage.pAndD { background:url(../images/mainImage_artWork.jpg) 0 0 no-repeat; 	}
#mainImage.pAndD_p { background:url(../images/mainImage_beanbags.jpg) 0 0 no-repeat; }
#mainImage.pAndD_d { background:url(../images/mainImage_ballGame.jpg) 0 0 no-repeat; }
#mainImage.pAndD_oi { background:url(../images/mainImage_boyPainting.jpg) 0 0 no-repeat; }

/*#mainImage.prog { background:url(../images/mainImage_girls.jpg) 0 0 no-repeat; 	}*/
#mainImage.prog { background:url(../images/mainImage_Swim.jpg) 0 0 no-repeat; 	}
#mainImage.prog_ml { background:url(../images/mainImage_lessons.jpg) 0 0 no-repeat; }
#mainImage.prog_aa { background:url(../images/mainImage_swimming.jpg) 0 0 no-repeat;}
#mainImage.prog_ea { background:url(../images/mainImage_eveningActivities.jpg) 0 0 no-repeat; 	}
#mainImage.prog_ld { background:url(../images/mainImage_london.jpg) 0 0 no-repeat; 	}
#mainImage.prog_dt { background:url(../images/mainImage_dayOut.jpg) 0 0 no-repeat; }
#mainImage.prog_si { background:url(../images/mainImage_kayaks.jpg) 0 0 no-repeat; 	}
#mainImage.prog_st { background:url(../images/mainImage_playground.jpg) 0 0 no-repeat; 	}

#mainImage.parentInfo { background:url(../images/mainImage_orienteers.jpg) 0 0 no-repeat; }
#mainImage.pInfo_at { background:url(../images/mainImage_plane.jpg) 0 0 no-repeat; }
#mainImage.pInfo_faqs { background:url(../images/mainImage_dormitory.jpg) 0 0 no-repeat; }
#mainImage.pInfo_ins { background:url(../images/mainImage_girlsReading.jpg) 0 0 no-repeat; }
#mainImage.pInfo_vs { background:url(../images/mainImage_rowOfKids.jpg) 0 0 no-repeat; }
/* ------------------------------------------------------------------------------- */	

#content {
	margin:0 2px;
	padding:0 0 2em;
	background: url(../images/bg_contentInner.gif) 0 0 repeat-x;
	width:1000px;	
	z-index:-2;
	}
	
#colRight {
	float:left;
	width:250px;
	}
	
	#colRight img {
		margin: 5px 0 10px 0;
		}
	#colRight .support_panel {
		background: url(../images/support/bg_support_panel.png) 0 0 no-repeat;
		height:84px;
		width:204px;
		padding:15px;
		margin: 5px 0 10px;
		}
	#colRight .support_panel h3 {
		background:url(../images/support/hdr_booking_form.gif) 0 0 no-repeat;
		display:block;
		height:23px;
		width:107px;
		}
	#colRight .support_panel p, #colRight .support_panel h4 {
		color:#fff;
		font:bold 1.2em Arial, Helvetica, sans-serif;
		}
		#colRight .support_panel h4 {
			font-size:1.6em;
			}
			
		#broDownload {display:block;margin: 10px 0 10px 0px;width:240px;height:190px;background:url(/includes/images/bro-norm.png) no-repeat 0 0;text-indent:-9999px;}

#colLeft {
	background:url(../images/img_bowBoy.gif) 40px 20px no-repeat;
	_height: 436px;
	left:0;
	min-height:456px;
	position:absolute;
	top:450px;
	z-index:0;
	width:250px;
	}

.Programme #colLeft { background:url(../images/img_abseiler.gif) 20px 140px no-repeat; }
.Parent #colLeft { background:url(../images/img_abseiler.gif) 20px 30px no-repeat; }	

#colCentre {
	border-left:1px solid #E7D1B9;
	float:left;
	_height: 436px;
	margin-left:250px;
	min-height:436px;
	padding:0 20px;
	width:459px;
	}
	
.wide { width: 659px!important; }
	
	
/*_____________________________________

	 MAIN/TOP-LEFT NAVIGATION BAR
	 (Accordian styles in seperate css)
______________________________________*/

#mainNav {
	float:right;
	width: 562px;
	}

#mainNav li {
	display:inline;	
}

#mainNav li a {
	background-position:top left;
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:21px;
	margin:10px 40px 0 0;
}

#mainNav li a#home { background:url(../images/nav_home.gif);width:78px;}
#mainNav li a#faqs { background:url(../images/nav_faq.gif);width:36px;}
#mainNav li a#bookings { background:url(../images/nav_bookings.gif);width:196px; height:37px; margin-top:0; margin-right:10px;}
#mainNav li a#others { background:url(../images/others.png);width:142px; height:37px; margin-top:0; margin-right:10px;}

#mainNav li a.current {
	background-position:bottom left!important;
	}	
#mainNav li a:hover {
	background-position:0 42px!important;
	}
#mainNav li a#bookings:hover { background:url(../images/nav_bookings.gif) 0 37px!important;width:196px; height:37px;}	
#mainNav li a#others:hover { background:url(../images/others.png) 0 37px!important;width:142px; height:37px;}	
a.selected {
	color: #005A9D;
	}

/*_____________________________________

	 			FOOTER
______________________________________*/

#footer {
	background:#fff url(../images/content_bottom.gif) 0 0 no-repeat;
	height:40px;
	padding:20px 0 2em;clear:both;position:relative;margin-bottom:30px;text-align:center;
	}

img.bc {position:relative;margin:0 auto;margin-bottom:10px; width:125px;}


#footer li {
	border-right:#C89B70;
	} 
	
#footer a:hover {
	color: #E7D1BA;
	}
	
/*_____________________________________

	 		FORM STYLES
______________________________________*/

form {
	border:1px solid #E7D1B9;
	padding: 10px;
	}

form p {
	clear:left;
	}

fieldset {
	border:none;
	}

legend {
	display:none;
	}

label {
	float:left;
	padding-top:2px;
	width:120px;
	}

input {
	float:left;
	margin-right:10px;
	margin-bottom:4px;
	}

label.error {
	color:#990000;
	width:130px;
	}
	
label.subject {
	width:200px;
	}

.required {
	color:#990000;
	}
	
.radioArea {
	float:left;
	font: 1.1em Arial, Helvetica, sans-serif;
	height:auto;
	line-height:16px;
	padding-bottom:10px;
	}

.radioArea input {
	clear:left;
	}

button.submit {
	background: #F9EFDF url(../images/btn_submit.gif) 0 0 no-repeat;
	border:none;
	cursor:pointer;
	display: block;
	float: right;
	height:35px;
	width:93px;
	}
	
button.submit:hover { background-position: bottom left;	}



/*_____________________________________

	 			SPECIAL
______________________________________*/

.illustratedList { margin: 1em 0; width: 572px; clear:right; }
.illustratedList div.ilDiv { width: 380px;  }
.illustratedList div.ilDiv  {
	float:right;
	clear:none;
}

.illustratedList img  {
	float:right;
	margin: 10px 10px 0 0;	
}

.illustratedList h3  {
	clear: both;
}



#welcome li{
	font-size: 0.8em;
	padding-top: 0.5em;
}
#welcome li em{
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: underline;
	font-style:normal;
}