/*----------------------------------------
Name: global.css
Developed by: Fourleaf ltd		
Date Created: 05.05.2009
Last Updated: 19.11.2009
Copyright: Fourleaf ltd
----------------------------------------*/


/* Elements
----------------------------------------*/

html, body, #mainContainer 	{ height: 100%;/*margin-bottom: 1px;*/ }
body > #mainContainer 		{ height: auto; min-height: 100%; }
body, p, td, th 			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.825em; line-height:1.5em; color:#5d3931; margin: 0; }
p 							{ color: #5d3931; margin-bottom: 1em; }
.newsletters p				{ padding: 5px 20px; }
body 						{ background-color: #e4dbd4; }
address						{ font-size: 11px; }

/*--- Link Styles ----------------------*/

a:link, a:visited 			{ color:#ca211d; text-decoration: none; }
a:hover, a:active 			{ color:#a00101; text-decoration:none; }
h1 							{ color:#a00101; margin:0em 0 0.25em; font-size:1.75em; }
h2 							{ color:#a00101; margin:0.25em 0 0.25em; font-size:1.475em; }
h3 							{ color:#8f746b; margin:1em 0 .5em 0; font-size:1.225em; }
.newsItems h3				{ padding: 10px 0; margin: 0; line-height: 1.3em; }
.newsletters h3 			{ padding: 5px 20px 0 20px; margin: 0; }
h4 							{ color:#a00101; /*margin:0.25em 0 0.75em;*/ font-size:1em; line-height: 1.3em; }
.newsletters h4 			{ padding: 5px 20px; }
h5 							{ color:#503a25; margin:0; font-size:1em; display: inline; }
.newsletters h5 			{ padding: 5px 20px; }
h6 							{ color:#5d3931; margin:.25em 0 .5em 0; font-size:1.25em; }
table h6 					{ font-size: 1.275em; color: #f9f6f1; }
ul, li 						{ list-style-type:none; }
.contentWide li 			{ font-size: 0.825em; list-style-type: disc; color: #5d3931; margin-left: 15px; }
.ContentFullWidth li 		{ font-size: 0.825em; list-style-type: disc; color: #5d3931; margin-left: 15px; }
ol li 						{ list-style-type: none; margin-left:25px; list-style-image: url(../images/elementsImages/button_small.jpg); list-style-position: outside;  *padding: 0 0 10px 5px;
position: relative; }

.faq li 					{ color:#5d3931; }
.faq a 						{ color:#5d3931; }
.answer li 					{ list-style-type: disc; margin-left: 20px; }
blockquote 					{ margin: 20px auto; color:#993333; padding: 0 10px 0 0; }
strong 						{ font-weight:bold; }
em 							{ font-style:italic; }
cite 						{ color:#8f746b; font-size:0.875em; }
hr 							{ border-top: 1px solid #f3ede3; border-bottom: 1px solid #ffffff; margin-bottom: 10px; border-right: 1px solid #ffffff; border-left-style: solid; border-left-color: #f3ede3; }


/* --- Table styles --- */

table 						{ margin: 15px 0; }
th 							{ text-align: left; padding: 6px 6px 0 12px; background-color: #a00101; border: 1px solid #e4dbd4; }
td 							{ border-right: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #fff; background: #fff; padding: 6px 6px 6px 12px; color: #8f746b; }
td.alt 						{ background: #ebe4de; color: #5d3931; }


/* --- Standard Definitions --------------------*/

.left 						{ float:left; }
.right 						{ float:right; }
.clearThis 					{ clear:both; height:0px; overflow: hidden; margin: 0; padding: 0; }
.small 						{ font-size:.625em; }
.large 						{ font-size:1em; }
.soft 						{ color:#D3D3D3; }
.hide 						{ display:none; }
.last 						{ margin-bottom:1.875em; }
.first 						{ margin-top: 0.875em; }
.credit 					{ /*width: 280px; float: right; padding-right: 10px;*/ font-size: 0.675em; padding: 0 10px; color:#8f746b; font-style: italic; }


/* --- Wrapper -------------------------*/

#mainContainer 				{ position: relative; width:964px; margin: 0 auto; background-image:url(../images/elementsImages/bg.jpg); background-repeat:repeat-y; background-color: #FFF; }


/* Header ------------------------------*/

#header 									{ width:950px; height:162px; position: relative; background-image: url(../images/elementsImages/wrapper_bg.jpg); background-repeat: repeat-x; background-color: #FFF; margin: 0 auto; }

.logo 										{ display: inline; float: left; margin: 20px 0 0 40px; }
.headerRight 								{ width: 460px; float: right; position: relative; display: inline; padding-top: 45px; padding-right: 60px; }
.headerLink a:link, .headerLink a:visited 	{ color:#503a25; font-family: Futura Medium, Verdana, Helvetica, sans-serif; text-decoration: none; position: relative; }
.headerRight .headerLink h5 a 				{ position: relative; top: -8px; left: -8px; }
.headerLink 								{ /*display: block;*/ width: 115px; height: 25px; float: right; padding-right: 10px; padding-top: 10px; padding-left: 20px; }


/* --- Nav	----------------------------*/

#mainNavigation 							{ height: 30px; position: relative; }
.mainNav 									{ position: relative; top: 0; height: 29px; padding-left: 100px; }
.mainNav li 								{ float: left; list-style: none; padding: 12px 15px 0; height: 26px; }
.mainNav li a:link, .mainNav li a:visited 	{ text-decoration: none; color: #f9f6f1; }
.mainNav li a:hover, .mainNav li a:active 	{ color:#f9f6f1; text-decoration: underline; }
.mainNav li.currentPage 					{ font-weight: bold; background-color: #990000; border-right: 1px solid #CC0000; border-left: 1px solid #CC0000; }


/* --- Sidebar -------------------------*/

/*#sidebar {
	display: inline;
	position: relative;
	float: left;
	width: 250px;
	padding: 50px 0px 20px 50px;
}	
*/

#sidebar 						{ display: inline; position: relative; float: left; width: 430px; padding: 50px 0px 20px 50px; }
#sidebarWide 					{ display: inline; position: relative; float: left; width: 864px; padding: 50px 0px 20px 50px; }
.newsItems						{ float: left; width: 500px; padding: 50px 30px 0 50px; }
.newsletters					{ float: left; width: 325px; margin-top: 55px; padding-bottom: 10px; background-image: url(../images/elementsImages/newsletter_bg_bottom.gif); background-repeat: no-repeat; background-position: left bottom; clear: both;}
ul.newsArchive li 				{ font-size:11px; padding: 0px 20px 5px 0px; list-style-type: none; list-style-image: url(../images/elementsImages/button_small.jpg); list-style-position: outside;  *padding: 0 20px 5px 5px; position: relative; margin-left: 50px; *margin-left: 40px;}



/* --- Sidebar Navigation -------------- */

.sideNav 							{ background-color: #ebe4de; display: inline; position: relative; float: left; width: 190px; margin: 50px 0 10px 40px; }
.sideNav ul li 						{ height: 20px; padding: 3px; width: 184px; }
.sideNav a 							{ font-size: 10px; }
.tierOne li 						{ border-bottom: 1px solid #f9f5f0; background-image: url(../images/elementsImages/arrow_light_brown_right.jpg); background-repeat: no-repeat; background-position: 5px 50%; }

.tierOne a 							{ padding: 0 0 0 15px; color: #8f746b; }
.sideNav .subItemCurrent .tierOne a { color: #8f746b; }

#boys.current, #girls.current, #education.current, #admission.current, #history.current, #culture.current, #team.current, #supporters.current, #ukCharity.current, #help.current, #reward.current, #alumniStudies.current, #pupilStudies.current { background-color: #a00101; background-image:url(../images/elementsImages/arrow_red_down.jpg); background-repeat: no-repeat; background-position: 5px 50%; padding: 3px 0 3px 20px; }

#boys, #girls, #education, #admission, #history, #culture, #team, #supporters, #ukCharity, #help, #reward, #alumniStudies, #pupilStudies { background-color: #8f746b; border-bottom: 1px solid #f9f5f0; padding: 3px 0 3px 20px; width: 170px; background-image:url(../images/elementsImages/arrow_brown_right.jpg); background-repeat: no-repeat; background-position: 5px 50%; }
.subItem { display: none; }


li.active 							{ background-image: url(../images/elementsImages/arrow_active_link.jpg); background-repeat: no-repeat; background-position: 175px 50%; }
li.active a, li.active a:visited 	{ color: #8f746b; }
#boys a, #girls a, #education a, #admission a, #history a, #culture a, #team a, #supporters a, #ukCharity a, #help a, #reward a, #alumniStudies a, #pupilStudies a { color: #fff; }

/* --- Main Content -------------------------*/

#content 			{ margin: 0 auto; width: 964px; padding-bottom: 60px; }
/*#mainContent {
	position: relative;
	top: -16px;
	left: 0px;
	display: inline;
	float: right;
	width:600px;
	padding-right: 40px;
}*/

#mainContent 		{ position: relative; top: -16px; left: 0px; display: inline; float: right; width:420px; padding-right: 40px; }
.contentWide 		{ position: relative; float: right; width: 660px; padding: 50px 50px 0 0px; }
.leftColumn 		{ width: 300px; float: left; }
.leftColumnWide 	{ width: 500px; float: left; }
.rightColumn		{ width: 330px; float: right; position: relative; top: -70px; }
.ContentFullWidth 	{ width:860px; margin: 50px 50px 0; }
.calculator 		{ width: 450px; }
.newsLeft 			{ width: 90px; float: left; padding: 10px 0 0 50px; }
.newsLeftFirst 		{ width: 90px; float: left; padding: 50px 0 0 50px; }
.newsRight 			{ width: 350px; float: left; padding: 10px 50px 0 20px; }
.newsRightFirst 	{ width: 350px; float: left; padding: 50px 50px 0 20px; }
#flashcontent 		{ width:620px; height:550px; }

.promoBannerTop 			{ position: relative; width: 375px; /*height: 140px;*/ margin-top: 30px; padding: 23px 20px 0px 20px; background-image:url(../images/elementsImages/promo_banner_top.gif); background-repeat: no-repeat; }

.promoBannerTop p 									{ padding: 20px 0; margin: 0;}

.promoBannerBottom									{ background:url(../images/elementsImages/promo_banner_bottom.gif) no-repeat top left; width: 335px; height: 55px; padding: 10px 40px 0px 30px;}
.promoBannerBottom p								{ color: #fff; }
.promoBannerBottom	a:link, .promoBannerBottom a:visited { color: #f8f5f0 }
.promoBannerBottom a:hover							{color: #f8f5f0; text-decoration: underline;}

.newsThumb	{ width: 118px; height: 88px; float: left; border: solid 1px #876e65; margin: 5px 15px 10px 0; }
p.newsItem_withThumb	{ width: 350px; float: left; clear:right; }

/* --- Footer ------------------------------*/

#footer 							{ position: relative; clear:both; width:950px; /*height:30px;*/ background-image:url(../images/elementsImages/footer_bg.jpg); background-repeat: repeat-x; margin: 0 auto; }

.footerWrap 						{ background-image:url(../images/elementsImages/bg.jpg); background-repeat: repeat-y; width: 964px; margin: -60px auto 0; height: 60px; }
#footer a:link, #footer a:visited 	{ color: #f9f6f1; text-decoration: none; }
#footer a:hover, #footer a:active 	{ color: #a59590; text-decoration: none; }

#footer a.footerSecondRow, #footer a:visited.footerSecondRow { color:#a59590; font-size: 9px; }

#footer a:hover.footerSecondRow 	{ color:#a00101; }
#footer p 							{ font-size:9px; text-align: center; line-height: 28px; color: #a59590; margin:0; }


/*--- Content A-day-in-the-life ----------*/

.columnOne 						{ float: left; width: 250px; padding: 20px 10px; }
.columnTwo 						{ float: left; width: 250px; padding: 20px 10px; }
.columnOne h3, .columnTwo h3 	{ width: 200px; padding-left: 10px; }
.columnOne a, .columnTwo a 		{ color:#8f746b; }
.buttonSmall 					{ margin-left: 70px; display: inline; }
.profile 						{ width: 660px; }
.profileLeft 					{ width: 420px; float: left; }
.profileRight 					{ float: right; width: 200px; }


/* CLEAR FIX*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


.topPage 		{ font-size: 12px; padding: 5px 0 5px 0; position: relative; }
.printOnly 		{ display: none; }

/* sidenav hover link styles */

#mainContainer #content .sideNav a:hover 							{ color: #5d3931; }
#mainContainer #content .sideNav .current a:hover 					{ color: #fff; }
#mainContainer #content .sideNav .subItemCurrent .tierOne a:hover 	{ color: #d31a18; }
#mainContainer #content .sideNav .subItemCurrent .tierOne .active a { color: #d31a18; }


.embededVideo { background-image:url(../images/elementsImages/emberded_video_bg_new.jpg); background-repeat: no-repeat; width: 320px; height: 197px; padding: 11px 0 0 11px; }
.embededVideoHomepage { background-image:url(../images/elementsImages/homeepage_slideshow_bg.jpg); background-repeat: no-repeat; width: 413px; height: 305px; padding: 13px 0 0 17px; }
.logos { width: 300px;  }
.logos a { float: left; }

.tdtLogoSmall { position: relative; top: 5px; left: 0;}  /*separate styles for ie */

.downloads_sidebar { width: 320px; height: 274px; background-image:url(../images/elementsImages/downloads_bg.jpg); background-repeat: no-repeat; background-position: top left;}

.downloads_sidebar p { padding: 35px 25px 0 25px;}