@charset "UTF-8";
/* CSS Document */


/* --------------------| BODY |-------------------- */

body {
font-size: 12px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #333;
background: url(../images/bgBody.jpg) repeat-x top;
}

html, body {
width: 100%;
height: 100%;
}


/* --------------------| GENERAL TEXT |-------------------- */

.blue { 	color: #0f3b7e; }
.dblue { 	color: #0b548d; }
.copper { 	color: #bc7400 !important; }
.lcopper { 	color: #E5AE23 !important; }
.grey { 	color: #a6a5a4; }
.lgrey { 	color: #747474 !important; }
.llgrey { 	color: #999; }
.red { 		color: #990000; }
.green { 	color: #037d00; }

a {
text-decoration:none;
color: #bc7400;
} 

a:hover {
}

h1,h2,h3,h4,h5,h6,
h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {
font-weight: normal;
color: #333;
}

strong {
font-weight: bold;
}

em {
font-style: oblique;
}

h1 {
	font-size: 36px;
	text-transform: uppercase;
}

h2 {
	font-size: 24px;
	text-transform: uppercase;
}

h3 {
	font-size: 16px;
	text-transform: uppercase;
}

.relax {
	text-transform:none !important;
}

/* --------------------| GENERAL CRAP |-------------------- */

.clear {
clear:both;
display: block;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.clear10 {height:10px; clear:both;}
.clear15 {height:15px; clear:both;}
.clear20 {height:20px; clear:both;}
.clear30 {height:30px; clear:both;}
.clear45 {height:45px; clear:both;}
.clear60 {height:60px; clear:both;}

.right { float: right !important; }
.left { float: left !important; }

.textRight { text-align: right; }
.textLeft { text-align: left; }

.leftPad30 {
padding-left: 30px;
}
.leftPad45 {
padding-left: 45px;
}

/* --------------------| BUTTONS |-------------------- */

.button {
height: 30px;
padding: 0 10px 0;
color: #fff;
text-transform: uppercase;
font-size: 14px;
line-height: 30px;
font-weight: bold;
border: 0;
cursor: pointer;
}

.buttonOrange {
background: url(../images/buttonOrange.png) repeat-x top;	
}

	.buttonOrange:hover {
	background-position: bottom;
	text-decoration: none !important;
	}


/* --------------------| CONTENT FRAME |-------------------- */

#container {
width: 990px;
padding: 0 0 45px;
margin: 0 auto;
}

#header {
height: 240px;
display: block;
}

	#headerLogo {
	float: left;
	display: inline;
	margin-left: 15px;
	margin-top: 48px;
	}
	
	#headerSearch {
	float: right;
	display: inline;
	width: 246px;
	height: 36px;
	margin-right: 9px;
	margin-top: 52px;
	}
		
		#headerSearch span.text input {
		float: left;
		width: 202px;
		height: 28px;
		padding: 7px 0 0 8px;
		background: url(../images/headerSearchText.jpg) no-repeat;
		border: none;
		color: #9fb1cb;
		font-size: 12px;
		}
		
			#headerSearch span.text input.active {
			color: #0f3b7e;	
			}
		
		#headerSearch input.button {
		float: right;
		width: 36px;
		height: 36px;
		background: url(../images/headerSearchButton.jpg) no-repeat 0 0;
		border: none;
		cursor: pointer;
		}
		
			#headerSearch input.button:hover {
			background-position: 0 -36px;	
			}
	
	#headerNav {
	margin-top: 37px;
	display: block;
	position: relative;
	}
	
		#headerNav li {
		float: left;
		display: inline;
		margin-right: 19px;
		}
		
			#headerNav li.last {
			margin-right: 0;
			float: right;
			}
		
		#headerNav li a {
		float: left;
		padding: 15px;
		height: 16px;
		font-size: 16px;
		color: #fff;
		text-transform: uppercase;
		letter-spacing: 2px;
		}
		
			#headerNav li a:hover {
			background: url(../images/headerNavActive.jpg) repeat-y;
			}
			
			#headerNav li.active a, #headerNav li.active a:hover {
			color: #ffd200;
			background: url(../images/headerNavArrow.jpg) no-repeat center bottom;
			}
			
	#headerNav .headerSubnav {
	display: none;
	width: 960px;
	height: 46px;
	padding: 0 15px;
	position: absolute;
	left: 0;
	top: 46px;
	}
		
		#headerNav .headerSubnav ul {
		display: block;	
		}
	
		#headerNav .headerSubnav li {
		float: left;
		display: inline;
		margin-right: 30px;
		
		}
		
		#headerNav .headerSubnav li a {
		color: #333;
		font-size: 14px;
		text-transform: uppercase;
		letter-spacing: 1px;
		background: none;
		padding: 12px 5px 9px;
		height: auto;
		}
		#headerNav .headerSubnav li a.active {
			color: #e5ae23;
			background: #fff url(../images/bgSubNav.png) bottom center no-repeat;

			}			
			#headerNav .headerSubnav li a:hover {
			color: #fff;	
			background: #e5ae23;
			}
		
		
	
	
#footer {
width: 100%;
height: 46px;
background: url(../images/bgBody.jpg) repeat-x top;
color: #fff;
font-size: 11px;
text-transform: uppercase;
}

	#footerInner {
	width: 960px;
	margin: 0 auto;
	}
	
	#footer ul {
	float: left;
	margin-top: 18px;
	}
	
		#footer ul li {
		float: left;
		display: inline;
		padding: 0 5px;
		border-left: 1px solid #ccc;
		}
		
			#footer ul li.first {
			padding-left: 0;
			border: none;
			}
			
		#footer a {
		color: #fff;
		}
		
			#footer li a:hover {
			text-decoration: underline;	
			}
	
	#footer .sixohfour {
	float: right;
	margin-top: 11px;
	}
	
		#footer .sixohfour a span {
		}
	
		#footer .sixohfour a img {
		vertical-align: -7px;
		margin-left: 5px;
		}
	
	
			
	
/* --------------------| MAIN CONTENT AREA |-------------------- */

div.mainFrame {
padding: 20px 15px 15px;
}

	.main .halfLeft {
	width: 285px;
	float: left;
	}

		.colWide .halfLeft, .colWide .halfRight {
		width: 270px;	
		}
		
			.colWide .halfLeft {
			float: left;
			}

			.colWide .halfRight {
			float: right;
			}

	.colWide {
	width: 600px;
	}
	
	.colNarrow {
	float: right;
	width: 285px;
	}
	
		.colNarrow h3 {
		text-transform: uppercase;	
		}
	
	.main h1 {
	font-size: 36px;
	text-transform: uppercase;
	margin-bottom: 25px;
	}

	.cms h2 {
	font-size: 24px;
	line-height: 20px;
	margin-top:30px;
	margin-bottom: 15px;
	color: #0f3b7e;
	text-transform:uppercase;
	}

	.cms h3 {
	font-size: 16px;
	line-height: 20px;
	margin-top:30px;	
	margin-bottom: 10px;
	color: #0f3b7e; 
	text-transform:uppercase
	}

		.main h1.line {
		border-bottom: 1px solid #ddd;
		padding-bottom: 5px;
		margin-bottom: 15px;
		}
		
		.main h2.line {
		border-bottom: 1px solid #ddd;
		padding-bottom: 10px;
		margin-bottom: 15px;
		}

		.main h3.line {
		border-bottom: 1px solid #ddd;
		padding-bottom: 2px;
		margin-bottom: 15px;
		}

	.main p {
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1em;
	text-align: left;
	}
	
		.main a:hover {
		text-decoration: underline;
		}
		
		.main h2 a:hover {
		text-decoration: none;	
		}
		
		.main a.moreBlue, .main a.moreRed {
		padding-right: 18px;
		background-position: right center;
		background-repeat: no-repeat;
		text-transform: uppercase;
		}
		
		.main a.moreBlue { 
		background-image: url(../images/iconMoreBlue.png);
		color: #0f3b7e;
		}
		
		.main a.moreRed {
		background-image: url(../images/iconMoreRed.png);
		color: #990000;
		}
	
	.main ul.p, 
	.main ol {
	margin-bottom: 1em;	
	}
	
		.main ul.p li,
		.main ol li {
		line-height: 1.5em;
		}
	
	.main ul.p li {
	background: url(../images/iconList.png) no-repeat 0 3px;
	padding-left: 24px;
	margin-bottom: 5px;
	}
	
		.main ul.p li span {
		color: #888;
		display: block;
		}
	
	.main ol li {
	list-style-type: decimal;
	margin-left: 20px;
	}
	
	.mainPhoto {
	width: 360px;
	float: right;
	display: inline;
	margin: 4px 0 10px 20px;
	border: 1px solid #ddd;
	}
	
		.mainPhoto img {
		width: 360px;
		height: auto;
		display: block;
		}
		
		.mainPhoto span {
		display: block;
		font-size: 11px;
		line-height: 15px;
		padding: 5px;
		width: 350px;
		color: #bc7400 ;
		}
		
			.bioPhoto img {
			width: 200px;
			float: right;
			display: inline;
			margin: 4px 0 10px 20px;
			border: 1px solid #ddd;
			height: auto;
			display: block;
			}
		
		
/* --------------------| FAQ |-------------------- */

.faq {
border-bottom: 1px solid #ddd;
padding-bottom: 20px;
}
	
	.faq h3 {
	border-top: 1px solid #ddd;
	margin-top: 20px;
	padding: 20px 0 0 20px;
	background: url(../images/iconArrowRight.png) no-repeat 0 22px;
	cursor: pointer;
	line-height: 18px;
	text-transform:none !important;
	}
		
		.faq h3.active {
		background: url(../images/iconArrowDown.png) no-repeat 0 22px;	
		}
	
	.faq span.answer {
	padding: 10px 0 0 20px;
	display: none;
	}
	
/* --------------------| SCHOLAR PROFILES |-------------------- */
	
.listRow {
	
border-bottom: 1px solid #ddd;
margin-bottom: 20px;

}

	.listRow.first {
	border-top: 1px solid #ddd;
	padding-top: 20px;	
	}
	
	.listRow .left {
	width: 120px;
	margin-bottom: 20px;	
	}
	
	.listRow .right {
	width: 450px;	
	}
	
	.listRow .regional, .listRow .regional p {
	width: 170px;
	}
	
	.listRow span.info, .bioInfo {
	display: block;
	margin: 5px 0 10px;
	color: #222;
	line-height: 1.5em;
	
	}

	
		.listRow span.info strong {
		float: left;
		width: 65px;
		color: #888;
		}
	
	
		.listRow span.info a {
		}
		
	.listRow a.listLink {
	padding-left: 15px;
	background: url(../images/iconArrowRightSm.png) no-repeat 0 4px;
	cursor: pointer;
	}
	
	.listRow img.listPhoto {
	width: 120px;
	height: auto;
	float: left;
	}
	
	.listRow h3 {
		margin-bottom: 7px;	
	}


	
/* --------------------| DROPDOWN |-------------------- */

div.dropdown_container {
position: relative;
width: 150px;
height: 30px;
z-index: 604;
margin-top: 1px;
}

	.drophead {
	width: 139px;
	height: 22px;
	cursor: pointer;
	float: left;
	padding: 8px 0 0 10px;
	font-size: 14px;
	background-image: url(../images/bgDropHead.png);
	background-repeat: no-repeat;
	border-left: 1px solid #ddd;
	}
	
		.drop_closed { background-position: right top; }
		.drop_open { background-position: right bottom; }
	
	.dropdown {
	display: none;
	position: absolute;
	z-index: 420;
	width: 148px;
	left: 0;
	top: 30px;
	background: #ededed;
	border: 1px solid #ddd;
	border-top: none;
	padding-top: 10px;
	}
	
		.dropdown li {
		margin-bottom: 5px;
		cursor: pointer;
		color: #005482;
		display: block;
		}
		
			.dropdown li a {
			color: #0f3b7e;
			}
		
		.dropdown_container .overflow {
		max-height: 230px;
		overflow: auto;
		padding: 0 10px 10px;
		}

#dropoverlay {
position: fixed;
left: 0;
top: 0;
z-index: 99;
width: 100%;
height: 100%;
display: none;
background: #000;
}

	

/* --------------------| SCHOLARSHIP BOX |-------------------- */

.boxScholarship {
width: 300px;
background: url(../images/bgBoxScholarship.png) no-repeat top;
padding: 75px 0 30px;
color: #fff;	
}

			.homeBox {
				
				height: 195px;
			}

	.boxScholarship .date {
	height: 47px;
	padding-top: 18px;
	margin-bottom: 30px;
	text-transform: uppercase;
	color: #0b548d;
	}
	
		.boxScholarship .date .left .day {
		float: left;
		width: 75px;
		text-align: right;
		font-size: 32px;
		line-height: 32px;
		}
		
		.boxScholarship .date .left .month {
		font-size: 14px;
		float: left;
		padding: 3px 0 0 18px;
		}
	
		.boxScholarship .date .right {
		width: 120px;
		font-size: 14px;
		padding-top: 3px;
		}
		
		.boxScholarship ul {
		padding: 0 40px;
		}
		
		.boxScholarship ul li {
		display: block;
		}
		
			
		
			.boxScholarship li a {
			font-size: 14px;
			color: #fff;
			border-bottom: 1px solid #ccc;
			padding: 10px 0 10px 10px;
			display: block;
			}
			
			.boxScholarship ul li a.first {
			border-top: 1px solid #ccc;
			}
			
			.boxScholarship a.applyLink {
			width: 220px;
			padding: 15px 40px 0;
			display: block;
			}
			
			.boxScholarship li a:hover,  .boxScholarship li a.active{
			background: #2e5797;
			text-decoration: none;
			
			}
			
	
		

/* --------------------| HOMEPAGE CONTENT |-------------------- */

.homeText p {
line-height: 2em;	
}

.homePhoto {
padding-bottom: 15px;
width: 960px;
height: 300px;
background: url(../images/bgHomePhoto.png) no-repeat bottom;
overflow: hidden;
}

	.homePhoto div {
	width: 960px;
	height: 300px;
	position: relative;
	overflow: hidden;
	}

	.homePhoto img {
	width: 960px;
	height: 300px;
	}

	.homePic {
		width: 960px;
		height: 300px;
		background: url(../images/tempHome.jpg) top left;
		display: block;
	}
	
		.homePic span {
			display: block;
			background: transparent url(../images/bgHomePic.png);
			color: #fff;
			font-size: 14px;
			line-height: 18px;
			float: right;
			width: 540px;
			padding: 15px 30px;
			margin: 200px 0px 50px 0px;
			text-align: justify;
		}

div.tabs {
display: none;
background: url(../images/bgTabLine.png) repeat-x bottom;
margin-bottom: 20px;
}

	.tabs span {
	float: left;
	display: inline;
	margin-right: 3px;
	}
	
	.tabs span a {
	padding: 8px 15px;
	background: #d9d9d9 url(../images/bgTabGrey.png) no-repeat bottom left;
	float: left;
	text-transform: uppercase;
	color: #333;
	border: 1px solid #949494;
	border-bottom:none;
	}
	
		.tabs span a.active {
		background: #fff;
		color: #0f3b7e;
		}
		
		.tabs span a:hover {
		text-decoration: none;
		color: #555;
		}

.homeStory {
float: left;
display: inline;
width: 530px;
padding: 30px 40px 40px 30px;
background: url(../images/bgBoxHomeStory.jpg) no-repeat bottom right;
}

	.homeStory h2 {
	float: left;
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom: 15px;
	background: url(../images/bgOxfordSM.png) no-repeat;
	padding-left: 40px;
	padding-bottom: 10px;
	}
	
	.homeStory div.listRow {
	width: 330px;
	float: left;
	}
		
	.homeStory a.meet {
	width: 180px;
	floaT: right;
	height: 170px;
	padding-top: 100px;
	}
	
	.homeStory p {
	text-align: justify;
	}
	
	.homeStory h3 {
	text-transform:none;
	}
	
.homeNews {
width: 315px;
}

	.homeNewsPhoto {
	width: 180px;
	overflow: hidden;
	}

	.homeNews h2 {
	display: block;
	font-size: 24px;
	text-transform: uppercase;
	padding-left: 10px;
	padding: 30px 15px 0 15px;
	}
	
		.homeNews h2 span {
		font-size: 14px;
		display: block;
		margin-bottom: 3px;
		}
		
	.homeNews ul {
	display: block;
	}
	
	
		.homeNews ul li {
		float: left;
		display: inline;
		margin-right: 3px;
		border-left: 1px solid #e5e5e5;
		border-right: 1px solid #e5e5e5;
		border-top: 1px solid #e5e5e5;
		
		}
		
		.homeNews ul li a {
		padding: 8px 15px;
		background: #d9d9d9 url(../images/bgTabGrey.png) bottom left no-repeat;
		float: left;
		font-size: 16px;
		text-transform: uppercase;
		color: #333;
		}
		
			.homeNews ul li a.active {
			background: #d3e0f4;
			color: #0f3b7e;
			}
			
			.homenews ul li a:hover {
				background: #ff0000 !important;
			}
	
		
/* --------------------| LIFE AT OXFORD PAGE |-------------------- */		
		
	.oxford {
		display:block;
		background: url(../images/bgOxford.png) no-repeat;
		padding-left: 150px;
		margin-bottom: 30px;
	}
		
/* --------------------| SIDEBAR CONTENT |-------------------- */
	
	.sideBio {
		padding: 15px;
		background: #fff url(../images/bgBio.png) no-repeat;
		
	}
	
	.sideBio img {
	float: left;
	margin: 0 15px 10px 0;
	width: 100px;
	height: auto;
	}
	
	.sideBio h3 {
	}
	
	.sideBio span.info {
	margin-bottom: 2em;
	margin-top: 2px;
	line-height: 1.2em;
	display: block;
	color: #888;
	}
	
	
	/* --------------------| PAGINATION |-------------------- */
		
	.pagination {
	display: block;
	height: 21px;
	float: right;
	border: 1px solid #ddd;
	}
		
	.pagination a, .pagination span {
	float: left;
	background: url(../images/bgPagination.png) repeat-x top;
	border-left: 1px solid #ddd;
	padding: 5px 7px 0;
	height: 16px;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	}
	
		.pagination a.prev, .pagination span.prev { border: none;}
		.pagination a:hover { background-position: bottom; text-decoration:none; }
		.pagination span.inactive { color: #999; } 
		.pagination a.inactive:hover { background-position: top; }
		.pagination a.current, .pagination span.current { color: #025b72; }
	

/* --------------------| MESSAGES |-------------------- */

.messages div {
padding: 5px 10px 10px 50px;
border: 1px solid #ddd;
background-color: #ededed;
background-repeat: no-repeat;
background-position: top left;
font-size: 16px;
line-height: 21px;
min-height: 30px;
width: 528px;
margin-bottom: 30px;
}

	.messages div.success {
	background-image: url(../images/bgMessageSuccess.png);
	color: #0f3b7e;
	}
	
	.messages div.alert {
	background-image: url(../images/bgMessageError.png);
	color: #bc7400;
	}