@import url("reset.css");
@import url("grid.css");
@import url("text.css");

/*-- BASIC STRUCTURAL --*/
body {
	text-align: center; /* IE6 centering hack */
}

#header-content, #nav-inner, #topnav-inner, #content-wrapper, #footer {
	width: 980px;
	margin: 0 auto;
	text-align: left; /* end IE hack */
}

#wrapper {
	padding-bottom: 40px;
}

/* -- HEADER --*/
#header {
	background: url("/images/skin/header_bg.gif") top left repeat-x;
	height: 110px;
}

#header-content {
	height: 110px;
	overflow: hidden;
	position: relative;
}

#oc_logo {
	position: absolute;
	left: 0;
	bottom: 20px;
}

#hd_occareer {
	background: url("/images/text/welcome_careers.gif");
	width: 377px;
	height: 23px;
	position: absolute;
	right: 0;
	bottom: 16px;
	margin: 0;
	padding: 0;
}

/* -- TOP NAVIGATION --*/
#topnav {
	background: url("/images/skin/nav_bg.gif") top left repeat-x;
}

#topnav, #topnav-inner { height: 47px; }

#topnav-inner {
	width: 780px; /* Adjust to fit as nav items are changed or added */
}

#topnav ul {
	list-style: none;
	margin: 0 0 0 20px;
	padding: 6px 0 0 0;
}

* html #topnav a { text-align: center; }
* html #topnav_home { width: 90px; }
* html #topnav_about { width: 115px; }
* html #topnav_search { width: 130px; }
* html #topnav_college { width: 175px; }
* html #topnav_faq { width: 80px; }

#topnav li {
	height: 21px;
	display: block;
	float: left;
	font: 1.3em/1em "GillSans", "Arial Narrow", Arial, Helvetica, sans-serif;
	height: 31px;
	margin-right: 42px;
	overflow: hidden;
	position: relative;
}

#topnav li:last-child { margin-right: 0; }

#topnav li a {
	display: block;
	background: url("/images/skin/topnav_left.gif") top left no-repeat;
	padding-left: 20px;
	
	color: #333;
	text-decoration: none;
	height: 31px;
	position: relative;
}

#topnav li a span {
	display: block;
	height: 31px;
	position: relative;
	padding-right: 20px;
	padding-top: 9px;
	background: url("/images/skin/topnav_right.gif") top right no-repeat;
	font-weight: 300;
}

* html #topnav li {
	display: inline-block;
}

#topnav li a:hover, #topnav li.selected a { 
	background-position: 0 -31px;
}
#topnav li a:hover span, #topnav li.selected a span { 
	background-position: 100% -31px;
	font-weight: 400;

}


/* -- CONTENT --*/
#content {
	background: url("/images/skin/page_bg_pink.gif") top left repeat-x;
	padding: 30px 0 0 0;	
}

#feature-content {
	background: url("/images/skin/feature_bg.png") 50% 100% no-repeat;
}

* html #feature-content { background: url("/images/skin/feature_bg_low.jpg") 50% 50px no-repeat; }

#feature-content h1 {
	font-size: 3.5em;
}

#subfeatures {
	background: url("/images/skin/feature_divider.gif") top left repeat-x;
	padding-top: 29px;
}

#subfeatures-inner {
	position: relative;
	background: url("/images/skin/subfeature_bg.gif") bottom left repeat-x;
	padding-bottom: 1em;
}

#subfeatures h2 {
	font-size: 1.5em;
}

/* -- MAIN CONTENT -- */
#maincontent, #maincontent-cufon-fix {
	padding-bottom: 40px;
}

.breadcrumbs {
	font-size: 0.8em;
	margin-bottom: 30px;
}

.content-block {
	padding-bottom: 30px;
	margin-bottom: 20px;
	background: url("/images/skin/content_block_bg.png") bottom left repeat-x;
	position: relative;
}

* html .content-block { background-image: url("/images/skin/content_block_bg.gif"); }

.section-leader { margin-top: 0; }

.section-hero {
	display: block;
	position: absolute;
	right: 0;
	bottom: 1px;
}

/* -- SIDENAV -- */

#sidenav {
	margin-top: 2px;
}

#sidenav ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 30px;
}

#sidenav ul li {
	display: block;
	height: 49px;
	overflow: hidden;
	margin: 0 -20px;
	background: transparent;
}

#sidenav ul li a {
	display: block;
	height: 49px;
	overflow: hidden;
	width: 100%;
	padding-left: 20px;
	padding-top: 11px;
	font: 1.15em/1em "GillSans", Arial, Helvetica, sans-serif;
	text-decoration: none;
	background: transparent url("/images/skin/sidenav_bg.png") top left no-repeat;
}

* html #sidenav ul li a { background-image: url("/images/skin/sidenav_bg.gif"); }

#sidenav ul li a:hover, #sidenav ul li.selected a {
	background: transparent url("/images/skin/sidenav_bg.png") 0 -52px no-repeat;
	color: #fff;
}

* html #sidenav ul li a:hover, * html #sidenav ul li.selected a {
	background-image: url("/images/skin/sidenav_bg.gif");
}

#sidenav h2 {
	font-size: 1.25em;
	font-weight: 400;
	margin: 0 0 1em 0;
}

/* -- FOOTER --*/
#footer {
	clear: both;
	background: url("/images/skin/footer_bg.gif") top left no-repeat;
	font-size: 0.9em;
	overflow: hidden;
	zoom: 1;
	padding-top: 2em;
}

.footer-links {
	float: left;
}

.footer-links li {
	display: block;
	float: left;
	margin-right: 1em;
}

.footer-links #follow-title { margin: 0 0.75em 0 0em; }
#icon_tw, #icon_fb, #icon_yt { height: 16px; width: 16px; }
#icon_yt { background-image: url("/images/logos/icon_yt.gif"); margin-right: 0; }
#icon_fb { background-image: url("/images/logos/icon_fb.gif"); }
#icon_tw { background-image: url("/images/logos/icon_tw.gif"); }

#footer-right ul {
	float: right;
	margin-bottom: 1em;
}

#footer-right .footer-links li { margin: 0 0 0 1em; }

#copyright-statement { clear: both; text-align: right; }

/* -- MAJORS & FUNCTIONS -- */
.candidate-details {
	float: right;
	margin: 0 150px 0 1em;
	z-index: 2;
	padding: 1em;
	background: #fff;
	border: 1px solid #ccc;
	font-size: 0.9em;
	width: 150px;
	display:inline;
}

* html .candidate-details { margin-right: 145px; }


/* -- MEET US -- */
.meet_us {
	float:left;
	width: 320px;
	margin-right: 20px;
	margin-bottom: 1em;
}

.meet_us h2 {
	font-size: 1.8em;
	margin: 0 0 0.25em 0;
}

.meet_us h3 {
	font-size: 1.4em;
	margin-bottom: 0.25em;
}