/*_____________________________________

 	SBC OXFORD SUMMER SCHOOL		 
_____________________________________*/

* {
	margin:0;
	padding:0;
}

body {
	background: #FFF;
	}
	

/*_____________________________________

	 REUSEABLE STYLES
______________________________________*/

.clear {
	clear:both;
	}
	
.right {
	text-align:right;
	}
	
.center {
	text-align:center;
	}
	
.auralOnly {
	text-indent:-1000em;
	position:absolute;
	overflow:hidden;
	}
.auralSpecial {
	display:none;
	}


/*_____________________________________

	 MAIN PAGE ELEMENTS
______________________________________*/

#mainContainer {
	background:#EBF8F9;
	margin: 0 auto;
	position:relative;
	width: 1000px;
	}
	
#header {
	background:#7AC2D7 url(../images/bg_header.jpg) top right no-repeat;
	height:140px;
	}
	
#header h1 a {
	background:url(../images/logo_topLeft.gif) 0 0 no-repeat;
	height:90px;
	margin:20px 0 0 40px;
	position:absolute;
	width:125px;
	}


#header p#strapline {
	background: url(../images/international-summer-school.png) 0 0 no-repeat;
	margin:1em 20px 0 0;	
	clear:right;
	float:right;
	width:553px;
	height:28px;
	display:block;
	}

/* ---------------------  THE MAIN IMAGES FOR EACH PAGE  ------------------------- */

/* All other pages */
#mainImage { 
	width: 1000px;
	height: 235px;
	display:block; }

body.prog #mainImage { background:#EBF8F9 url(../images/2011/the-programme-top.jpg) 0 0 no-repeat;  }
body.staff #mainImage { background:#EBF8F9 url(../images/2011/staff-top.jpg) 0 0 no-repeat;  }
body.contact #mainImage { background:#EBF8F9 url(../images/2011/contact-top.jpg) 0 0 no-repeat;  }
body.thanks #mainImage { background:#EBF8F9 url(../images/mainImage_archery.jpg) 0 0 no-repeat;  }
body.work #mainImage { background:#EBF8F9 url(../images/mainImage_schoolRear.jpg) 0 0 no-repeat;  }
body.terms #mainImage { background:#EBF8F9 url(../images/mainImage_schoolAndOxford.jpg) 0 0 no-repeat;  }
body.school #mainImage { background:#EBF8F9 url(../images/mainImage_schoolBuilding.jpg) 0 0 no-repeat;  }
body.pAndD #mainImage { background:#EBF8F9 url(../images/2011/prices-top.jpg) 0 0 no-repeat;  }
body.ml #mainImage { background:#EBF8F9 url(../images/2011/english-prog-top.jpg) 0 0 no-repeat;  }
body.teacher #mainImage { background:#EBF8F9 url(../images/mainImage_lessons.jpg) 0 0 no-repeat;  }
body.aa #mainImage { background:#EBF8F9 url(../images/2011/aft-act-top.jpg) 0 0 no-repeat;  }
body.ea #mainImage { background:#EBF8F9 url(../images/2011/eve-act-top.jpg) 0 0 no-repeat;  }
body.ld #mainImage { background:#EBF8F9 url(../images/2011/london-top.jpg) 0 0 no-repeat;  }
body.dt #mainImage { background:#EBF8F9 url(../images/2011/exc-prog-top.jpg) 0 0 no-repeat;  }
body.si #mainImage { background:#EBF8F9 url(../images/2011/eng-plus-top.jpg) 0 0 no-repeat;  }
body.st #mainImage { background:#EBF8F9 url(../images/2011/timetable-top.jpg) 0 0 no-repeat;  }
body.pInfo #mainImage { background:#EBF8F9 url(../images/mainImage.jpg) 0 0 no-repeat;  }
body.at #mainImage { background:#EBF8F9 url(../images/mainImage_schoolAndOxford.jpg) 0 0 no-repeat;  }
body.ins #mainImage { background:#EBF8F9 url(../images/mainImage_oxfordSkyline.jpg) 0 0 no-repeat;  }
body.vs #mainImage { background:#EBF8F9 url(../images/mainImage_school.jpg) 0 0 no-repeat;  }
/* ------------------------------------------------------------------------------- */	

#content {
	min-height:690px;
	padding-bottom:40px;
	position:relative;
	width:1000px;
	}
	
#mainCol {float:left;width:740px;}
	
/* #rightCol {position:absolute;top:250px;right:20px;width:235px;} */
	
#rightCol {float:right;margin:250px 20px 0 0;width:235px;}

#rightCol .menu { _margin-left: -1px!important;}
	
#rightCol img {
	margin-bottom:20px;clear:both;}
	}
	
/* Styles for the white boxes on most pages... */
.container_540 {
	margin:15px 20px;
	width:720px;
	margin-left:0;
	}
.box_corner {
	clear:both;
	display:block;
	float:left;
	height:35px;
	width:100%;
	}
.big_white_box_top {
	background:url(../images/big_white_box_top.png) top right no-repeat;
	}	
.big_white_box_bot {
	background:url(../images/big_white_box_bot.png) top right no-repeat;
	}	
.big_white_box {
	background:transparent url(../images/big_white_box_bg.png) top right repeat-y;
	clear:both;
	margin:0;
	width:100%;
	}
.big_white_box p, .big_white_box h3, .big_white_box h4, .big_white_box ul, .big_white_box table {
	margin: .5em 40px 0 250px;
	}
.big_white_box table {
	margin-bottom:.5em;
	border:1px solid #D5DFF1;}
	}
	
	.pdTable {width:60%;border:1px solid #D5DFF1;}

/* Just on the home page... */
.home .container_540 { 	width:600px; }
.home #mainContainer { background:#FFF url(../images/mainImage_home.jpg) 0 140px no-repeat; height:740px;}
.home #mainContainer .big_white_box_top { background:transparent url(../images/white_box_corner_top.png) top right no-repeat;}
.home #mainContainer .big_white_box_bot { background:transparent url(../images/white_box_corner_bot.png) top right no-repeat;}
.home #mainContainer .big_white_box { background:transparent url(../images/bg_white_box.png) top right repeat-y;}

/* And also overwrite these styles on special interest, sample timetable and day trips pages: */
.dt .container_540, body.si .container_540, body.st .container_540 {
	width:980px;
	}
body.st .big_white_box, body.dt .big_white_box, body.si .big_white_box {
	background:transparent url(../images/bg_bigger_white_box.png) top right repeat-y;
	}
body.st .big_white_box_top, body.dt .big_white_box_top, body.si .big_white_box_top {
	background:url(../images/bigger_white_box_corner_top.png) top right no-repeat;
	}	
body.st .big_white_box_bot, body.dt .big_white_box_bot, body.si .big_white_box_bot {
	background: url(../images/bigger_white_box_corner_bot.png) top right no-repeat;
	}
	
/* Various lists */
	
.big_white_box .bullets, .big_white_box .numeric {
	margin-left: 275px;
	}
.big_white_box ul.split {
	width:340px;margin-left:275px;
	}
.big_white_box ul.split li {
	width:170px;
	height:18px;
	float:left;
	list-style-type:disc;	
	}
#rightCol .bullets {
	margin-left: 2em;
	line-height:1.8em;
	}
	
/* Illustrated lists on special interest and day trips pages */
.illustratedList {
	margin: 1em 0 0 250px;
	clear:both;
	padding-top:1em;
	}
	
.illustratedList span  {
	display:block; 
	float:left;
	clear:none;
	width: 490px;
	height:122px;
	border-bottom: 1px solid #D5DFF1;
}

.ilContainer  {
	display:block; 
	float:left;
	clear:none;
	width: 490px;
	height:122px;
	border-bottom: 1px solid #D5DFF1;
}


.illustratedList p {
	margin: 0;
	}
.illustratedList img  {
	float:left;
	margin: 0 0 0 20px;
}
.illustratedList h4  {
	clear: both;
	margin:0;
	font:bold 1.6em Arial, Helvetica, sans-serif;
	color:#0560A1;
	margin-bottom:.5em;
}

/* Small boxes on home page (fixed size) */

.container_231 {
	float:left;
	height:102px;
	margin:230px 0 0 5px;
	padding:10px 20px;
	width:191px;
	}
.sharp_dark { background:url(../images/sharp_dark_box.png) 0 0 no-repeat; }
.sharp_blue { background:url(../images/sharp_blue_box.png) 0 0 no-repeat; margin-left:250px; _margin-left:125px; }
.rounded_blue { background:url(../images/rounded_blue_box.png) 0 0 no-repeat; }

/* Misc. support boxes/buttons (right col)  */

#btn_download_st {
	display:block;
	width:225px;
	height:42px;
	color:#fff;
	text-decoration:none;
	text-align:center;
	padding-top:22px;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	background: url(../images/internal/bg_download.png) 0 0 no-repeat;
	position: absolute;
	right:28px;
	top:290px;
	}
	#btn_download_st:hover { color:#87BFD4; }

.download_box a {
	display:block;
	width:255px;
	height:40px;
	color:#fff;
	text-decoration:none;
	text-align:center;
	padding-top:24px;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	background: url(../images/internal/bg_download.png) 0 0 no-repeat;
	margin:-8px -20px 0 0;
	}
#btn_download_st:hover { color:#87BFD4; }

#rightCol .brochure_box img {
	float: right;
	margin: 10px 25px -10px 10px!important;
	}	
#rightCol .brochure_box p {
	margin-right:0;
	margin-bottom:0;
	}
	
	#broDownload {display:block;margin: 10px 0 10px 0px;width:230px;height:190px;background:url(/includes/images/bro-sbc.png) no-repeat 0 0;text-indent:-9999px;}

/*_____________________________________

	 MAIN/LEFT NAVIGATION BAR
______________________________________*/

#menu_outer {
	position:absolute;
	left:0;
	top:20px;
	width:230px;
	}

.menu {
	background: url(../images/bg_menu.png) 0 0 repeat-y;	
	float:left;
	margin:0;
	padding:0;
	width:100%;
	}
	
.menu ul {
	
}
	
.menu_corner_top {
	background:transparent url(../images/menu_corner_top.png) 0 0 no-repeat;
	clear:both;
	float:left;
	height:40px;
	width:230px;
	z-index:-1;
	}

.menu_corner_bot {
	background:transparent url(../images/menu_corner_bot.png) 0 0 no-repeat;
	clear:both;
	height:40px;
	margin-bottom:10px;
	width:230px;
	}

.menu li {
	list-style-type: none;
	padding:0 0 10px 40px;
	pad\ding:0 0 15px 40px;
	}

.menu li.last, .menu li.last a {
	padding-bottom:0; margin-bottom: 0;
	}

.menu li ul, .menu li ul li {
	padding:0; margin: 0; line-height:1em;
	}
	
.menu a {
	color: #7FD2E8;
	display:block; 
	font:normal 16px Arial, Helvetica, sans-serif;
	margin-bottom:5px;
	text-decoration: none;
	}
	
.menu li ul li a {
	font:normal 0.85em Arial, Helvetica, sans-serif;
	line-height:1.6em;
	margin-bottom:0;
	color:#FFFFFF;
	}
.menu li ul li a:hover{
	color: #7FD2E8;
	}
	
.menu li a.home { background:url(../images/nav_home.gif) top left no-repeat; height:17px; width:46px; }
.menu li a.school { background:url(../images/nav_school.gif) top left no-repeat; height:17px; width:87px; }
.menu li a.prog { background:url(../images/nav_prog.gif) top left no-repeat; height:17px; width:120px; }
.menu li a.staff { background:url(../images/nav_staff.gif) top left no-repeat; height:17px; width:116px; }
.menu li a.pAndD { background:url(../images/nav_pAndD.gif) top left no-repeat; height:17px; width:121px; }
.menu li a.pInfo { background:url(../images/nav_pInfo.gif) top left no-repeat; height:17px; width:144px; }
.menu li a.work { background:url(../images/nav_work.gif) top left no-repeat; height:17px; width:92px; }
.menu li a.contact { background:url(../images/nav_contact.gif) top left no-repeat; height:17px; width:82px; }
.menu li a.brochure { background:url(../images/nav_brochure.png) top left no-repeat; height:17px; width:70px; }
.menu li a.bookingform { background:url(../images/nav_bookingform.png) top left no-repeat; height:17px; width:106px; }


.menu li a:hover {
	color: #FFFFFF;
	}

.menu .submenu .submenu li {
	padding-left: 20px;
	}


.menu .submenu .submenu li a {
	font:normal .9em Arial, Helvetica, sans-serif;
	line-height:1.6em;
	}

/*_____________________________________

	 TOP-RIGHT NAVIGATION BAR
______________________________________*/

#horizNav {
	float:right;
	text-align:right;
	margin:10px 0 40px;
	}

#horizNav li {
	display:inline;
}

#horizNav li a {
	display:block;
	color: #2F579C;
	font: bold 1.4em Arial, Helvetica, sans-serif;
	float:left;
	height:38px;
	text-decoration: none;
}

#horizNav_book { background:url(../images/nav_book_2.png) top left no-repeat; width:219px; height: 38px; }
#horizNav_home { background:url(../images/nav_home_2.png) top left no-repeat; width:76px; height: 38px; margin-right:20px; }
#horizNav_faq { background:url(../images/nav_faq_2.png) top left no-repeat; width:33px; height: 38px; margin-right:20px; }
#horizNav_others { background:url(../images/link-button-oxford1.png) top left no-repeat; width:219px; height: 38px; }
#horizNav li a:hover {
	background-position: bottom!important;
	}

#horizNavLine2 {
	float:right;
	text-align:right;
	position: absolute;
	right: 0px;
	margin:54px 0 0px;
	}

#horizNavLine2 li {
	display:inline;
}

#horizNavLine2 li a {
	display:block;
	color: #2F579C;
	font: bold 1.4em Arial, Helvetica, sans-serif;
	float:left;
	height:38px;
	text-decoration: none;
}
#horizNavLine2 li a:hover {
	background-position: bottom!important;
	}
	
/*_____________________________________

	 		FORM STYLES
______________________________________*/

form {
	border:none;
	}

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;
	float:left;
	width:120px;
	}
	
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;
	margin:1em 0;
	}
	
button.submit:hover { background-position: bottom left;	}

/* Contact us page brochure image */
.menu img { width: 100px; height:100px; border:1px solid #F9EFDF; margin:0 0 0 45px!important; }

/*_____________________________________

	 FOOTER
______________________________________*/

#footer { 
	margin:0 auto;
	width:1000px;
	clear:both;position:relative;margin-bottom:30px;text-align:center;
	padding-top: 5px;
	}
	img.bc {position:relative;margin:0 auto;margin-bottom:10px; width:125px;}

#footer ul li {
	list-style-type: none; display: inline; }
#footer ul li a { text-decoration: none; }

/*_____________________________________

	 Quotes
______________________________________*/
div.openCommas {clear:left; margin:0;padding:0;margin-bottom:5px;width:25px;height:20px;display:block;background:url('../images/opencommas.png') no-repeat;float:left;}
div.closeCommas {clear:right;margin:0;padding:0;margin-bottom:10px;width:25px;height:20px;display:block;background:url('../images/closecommas.png') no-repeat;float:right;}
.quote {clear:left;margin:0px;margin-bottom:10px;font-size:18px; }
#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;
}