@import url('styles.css');
/* -------- Winchester College Internal CSS ------------------- */
/* -------- Created 15/08/2009 ----------- */


/* --------------------------------------------- CORE --------------------------------------------- */
body {background:url(../images/bg-internal.png) #4b74b4 repeat-x;background-position:center 53px;}


/* --------------------------------------------- HEADER --------------------------------------------- */
#logo {width:107px;height:92px;margin:10px 0 0 15px;background:url(../images/WinchesterCollege-logo_small.png) no-repeat;}
#logo a {width:107px;height:92px;}

#internalSearchWrap {float:right;width:717px;margin:6px 0 0 0;}

#searchBox {float:right;width:207px;height:34px;margin-right:10px;padding-top:25px;}
#searchBox label {float:left;margin:0 10px 0 15px;padding-top:4px;}
#searchBox input {
	width:167px;height:30px;
	padding:4px 0 0 5px;
	font-family:Georgia, Times, serif;
	font-size:21px;
	background:url(../images/searchINT-input-bg.png) no-repeat;
}

#searchBox input.btnSearch {background:url(../images/searchINT-button-bg.gif) no-repeat;}

#rightNav {float:right;clear:right;width:300px; text-align:right; }
#rightNav ul {display:block;height:32px;margin-left:18px; text-align:right; }
#rightNav ul li {display:block;float:right;width:auto;height:22px;background:url(../images/bulletINT.gif) no-repeat;background-position:left 17px;padding:10px 3px 0 8px;}
#rightNav ul li:first-child {background:none;}
#rightNav ul li a {color:#ffffff;}
#rightNav ul li.selected a {font-weight:bold;color:#0fa1f5;}


/* --------------------------------------------- IMAGE AND CRUMBS --------------------------------------------- */

#internalHeaderWrap {width:966px;height:132px;margin:21px 0 0 17px;}

#crumbWrap {
	width:966px;height:auto;
	margin:10px 0 0 17px;
	padding:5px 0 5px 18px;
	border-top:1px dotted #fff;
	border-bottom:1px dotted #fff;
	background:url(../images/crumbs-arms.png) 5px 0 no-repeat;
}
#crumbWrap ul {display:block;height:19px;font-family:Georgia, Times, serif;font-size:14px;color:#ffffff;}
#crumbWrap ul li {
	float:left;
	display:block;
	height:19px;
	padding:0 15px 0 10px;
	background:url(../images/crumbs-arrow.gif) right no-repeat;
}
#crumbWrap ul li a {color:#ffffff;}


/* --------------------------------------------- BODY (2 column) --------------------------------------------- */
.eventsFormat .KD-Date { color:black; }

#bodyWrap {width:1000px;margin-top:13px;}

#leftColumn {
	float:left;
	width:242px;height:auto; overflow:hidden;
	margin:0 0 0 17px;
	padding-bottom:20px;
}

/*

#leftNavInternal {width:242px;background:url(../images/leftnav-bg.gif) bottom no-repeat;}
#leftNavInternal ul li {padding:10px 0 7px 20px;font-size:14px;background:url(../images/leftnav-divider.gif) top no-repeat; list-style-type:none}
#leftNavInternal ul li.selected {background:url(../images/leftnav-divider.gif) top no-repeat #c42f3b;}
#leftNavInternal ul li a {color:#ffffff;}
*/
#leftNavInternal { width:242px; overflow:hidden; }
/*.leftNav { width:242px; overflow:hidden; list-style-type:none; background:#003663 url("../images/leftnav-bg.gif") repeat-y 0px right; margin:20px 0 10px 0; } */
.leftNav { width:242px; overflow:hidden; list-style-type:none; background:#1a4d82 url("../images/leftnav-bg.gif") repeat-y right; margin:20px 0 10px 0; }
	.leftNav li { border-top:1px solid #245d99; border-bottom:1px solid #103b67; line-height:20px; }
	.leftNav li:hover { background: #c42f3b; }
		.leftNav li a { color:#FFF; font-size:14px; text-decoration:none; line-height:20px; padding:4px 4px 4px 10px; width:228px; display:block; }
		.leftNav li a:hover { background: #c42f3b;}
		.leftNav li a:active {}
		.leftNav li.active a { background: #c42f3b; }
		.leftNav li.active ul li a { background: #123962 url(../images/reddot.gif) no-repeat 10px 7px !important;}
		.leftNav li.active ul li a:hover {background:#264f7d url(../images/bluedot.gif) no-repeat 10px 7px !important;}
		
.thirdLevel,
.thirdLevel2 {background:#123962; color:#c93a38; padding:15px 0;}	
.thirdLevel li,
.thirdLevel2 li{border:none; line-height:15px;}		
.thirdLevel li a,
.thirdLevel2 li a {color:#ffffff; cursor:pointer; padding:0px 4px 0px 20px;  width:218px; font-size:14px; line-height:22px; background: #123962 url(../images/reddot.gif) no-repeat 10px 7px;}	
.thirdLevel li a:hover,
.thirdLevel2 li a:hover {background:#264f7d url(../images/bluedot.gif) no-repeat 10px 7px;}	
/* ul.thirdLevel li.active a {background:#264f7d url(../images/bluedot.gif) no-repeat 10px 7px;}	*/


	/* events menu */
	.dates {width:242px; overflow:hidden; background:#003663 url("../images/leftnav-bg.gif") repeat-y right; margin:20px 0 10px 0; padding:5px; }
		.lightBlue { background:#4b74b4; padding:5px; }	
			.lightBlue a {color:#ffffff; font-weight:bold;}
		.KD-Date {font-family:Georgia, Times, serif;font-size:16px;color:#cccccc;padding:10px 0 5px 0;}
		.dateLink {color:#0fa1f5;}
		#newsList .dateLink {color:#0fa1f5; font-weight:bold;}
		#newsList .dateLink a {color:#0fa1f5; font-weight:bold;}
		
		
/*
#ZinternalDatesBox {margin-top:10px;padding:10px; width:242px; overflow:hidden;}
#internalDatesBox h3 {padding:10px;background:#4b74b4;}*/

#KD-Content {padding:0 10px;}
#KD-Content p {color:#ffffff;line-height:16px;padding-bottom:5px;}
#KD-Content p a {color:#0fa1f5;}
#KD-Content .KD-Date {font-family:Georgia, Times, serif;font-size:16px;color:#cccccc;padding:10px 0 5px 0;}

#rightColumn {float:left;width:725px;margin:0;background:none;}

#rightColumnInt {float:left;width:725px;margin:0;background:none;}

#bodyContent {width:700px;padding-top:20px;background:url(../images/home-bodyINT-bg.png) repeat-y; padding:20px;}
	
	#bodyContent h1 {display:block;width:683px;margin:0 0 20px -20px;padding:6px 20px;background:#c42f3b;}
	#bodyContent p { margin:18px 0px; padding:0px; }
	
	ol.search-results { }
	ol.search-results li { }

#bodyFooter {width:725px;height:8px;background:url(../images/home-bodyINT-bottom.png);}

#bodyContent h2, H3 { font-weight: bold; color:#000000;}
#bodyContent li { margin-left: 50px;}
#bodyContent tr td { padding: 5px;}

.contactFormProsp { float: left; width: 300px; margin-left: 30px; border-left: dashed 1px #CCCCCC; }
.captchaForm { margin: 30px; clear:left; }
.prospDivForm { float: left; height: 350px; overflow: auto; margin-top: 30px }

.textarea { width: 154px; height: 90px;}

.videoLoad { background:url(../images/ajax-loader.gif); background-position:center; background-repeat:no-repeat;}