/* = Reset 
#########################################*/
body {height: 100%; width: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,tr,th,td,embed,object{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
ul {list-style:none;}
caption,th {text-align:left;}
div{text-align: left; vertical-align: top;}
q:before,q:after{content:'';}
a{text-decoration:none;}
strong{font-weight: bold;}
em{font-style: italic;}
* {outline: none;}

/* = Library 
#########################################*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clear {clear: both; float: none;}
.align-right {text-align: right;}
.align-left {text-align: left;}
.align-center {text-align: center;}
.justify {text-align: justify;}
.float-left {float:left;}
.float-right {float:right;}
.hide {display:none;}
.show {display: block;}
.inline {display: inline;}
.italic {font-style: italic;}
.nomargin {margin: 0;}
.nopadding {padding: 0;}
.subscript {font-size: .75em; vertical-align: bottom;}
.font14 {font-size:14px;}
.font16 {font-size:16px;}
.font18 {font-size:18px;}
.font20 {font-size:20px;}


/* = Global Elements
#########################################*/
body {
	background: #ffffff;
	text-align: center;
	font: 12px/1.75 Arial, Helvetica, sans-serif;
	color: #666667;
}

#main p {
	margin: 12px 0 12px 0;
}	

#main p.large {
	font-size: 28px;
	line-height: 1.25;
}

body.yellow-template #main p.large {
	color: #0079c1;
}

body.blue-template #main p.large {
	color: #00b274;
}

body.purple-template #main p.large {
	color: #e5b53b;
}

body.green-template #main p.large {
	color: #b22991;
}

h1 {
	color: #3f4346;
	font-size: 22px;
	line-height: 30px;
}

h2 {
	color: #3f4346;
	font-size: 22px;
	line-height: 30px;
}

#main ul {
	margin: 12px 0 12px 1.25em;
}

#main ul li {
	list-style-type: disc;
}

/* = Layout
#########################################*/

#wrapper {
	border-right: 1px solid #666667;
	border-left: 1px solid #666667;
	border-bottom: 1px solid #666667;
	margin: 0 auto;
	text-align: left;
	width: 1020px; 
}

#header {
	background-position: top-left; 
	background-repeat: no-repeat;
	height: 220px;
	position: relative;
}

body#index #header {background-image: url('../images/bg-header-home.jpg');}	
body#academics #header {background-image: url('../images/bg-header-academics.jpg');}	
body#admissions #header {background-image: url('../images/bg-header-admissions.jpg');}	
body#contact #header {background-image: url('../images/bg-header-contact.jpg');}	
body#faculty #header {background-image: url('../images/bg-header-faculty.jpg');}	
body#getting-started #header {background-image: url('../images/bg-header-getting-started.jpg');}	
body#library #header {background-image: url('../images/bg-header-library.jpg');}	
body#parent-community #header {background-image: url('../images/bg-header-parent-community.jpg');}	
body#partners #header {background-image: url('../images/bg-header-partners.jpg');}	
body#student-life #header {background-image: url('../images/bg-header-student-life.jpg');}

p.header-links {
	color: #ffffff;
	font-size: 14px;
	position: absolute;
	top: 185px; left: 30px;
}

p.header-links a {
	color: #ffffff;
}

#logo {
	position: absolute; 
	top: 93px; 
	right: 30px;
}

#main {
	background: url('../images/bg.jpg') no-repeat left top;
	padding: 60px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}	

#left {
	width: 510px;
	float: left;
}

#right {
	width: 340px;
	float: right;	
}
	
#footer {	
	background-position: top-left; 
	background-repeat: no-repeat;
	color: #ffffff;
	height: 37px;
	line-height: 37px;
	width: 1020px;
	text-align: center;
}

#footer a {
	color: #ffffff;
}

body.blue-template #footer {background-image: url('../images/bg-footer-blue.jpg');}
body.green-template #footer {background-image: url('../images/bg-footer-green.jpg');}
body.orange-template #footer {background-image: url('../images/bg-footer-orange.jpg');}
body.purple-template #footer {background-image: url('../images/bg-footer-purple.jpg');}
body.yellow-template #footer {background-image: url('../images/bg-footer-yellow.jpg');}

/* = Navigation
============================================================*/
.primary-nav {
	height: 35px;
	width: 945px;
	margin: 0 0 0 40px;
	padding: 0;
	position: relative;
	background: url(../images/primary-nav.gif) left top no-repeat;
}

.primary-nav li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}

.primary-nav li, .primary-nav li a  {display: block; height: 35px; text-indent: -9009px;}

#primary-nav-item2 {left: 0;width: 88px;}
#primary-nav-item2 a:hover, #primary-nav-item2.selected a {background: url(../images/primary-nav.gif) left -35px no-repeat;}

#primary-nav-item3 {left: 88px; width: 90px;}
#primary-nav-item3 a:hover, #primary-nav-item3.selected a {background: url(../images/primary-nav.gif) -88px -35px no-repeat;}

#primary-nav-item4 {left: 178px; width: 72px;}
#primary-nav-item4 a:hover, #primary-nav-item4.selected a {background: url(../images/primary-nav.gif) -178px -35px no-repeat;}

#primary-nav-item5 {left: 250px;	width: 134px;}
#primary-nav-item5 a:hover, #primary-nav-item5.selected a {background: url(../images/primary-nav.gif) -250px -35px no-repeat;}

#primary-nav-item6 {left: 384px; width: 98px;}
#primary-nav-item6 a:hover, #primary-nav-item6.selected a  {background: url(../images/primary-nav.gif) -384px -35px no-repeat;}

#primary-nav-item7 {left: 482px; width: 75px;}
#primary-nav-item7 a:hover, #primary-nav-item7.selected a  {background: url(../images/primary-nav.gif) -482px -35px no-repeat;}

#primary-nav-item8 {left: 557px; width: 191px;}
#primary-nav-item8 a:hover, #primary-nav-item8.selected a  {background: url(../images/primary-nav.gif) -557px -35px no-repeat;}

#primary-nav-item9 {left: 748px; width: 123px;}
#primary-nav-item9 a:hover, #primary-nav-item9.selected a  {background: url(../images/primary-nav.gif) -748px -35px no-repeat;}

#primary-nav-item10 {left: 871px; width: 74px;}
#primary-nav-item10 a:hover, #primary-nav-item10.selected a  {background: url(../images/primary-nav.gif) -871px -35px no-repeat;}