/*** GENERAL STYLES ***/

body {background: #041c3e url(/images/bkg.gif) center top repeat-y; text-align: center; margin: 0; padding: 0;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: arial, helvetica, sans-serif; font-size: 13px; color: #555;}
body, th, td, h1, h2, h3, h4, h5, h6 {line-height: 18px;}
form, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

img, table, fieldset {border: 0;}
ul, ul li {list-style: none; margin: 0; padding: 0;}
p {margin: 0 0 1.5em 0;}
a {color: #005596;}
a:hover {color: #005596;}

.hide {display: none;}
.alert {color: #d00; font-weight: bold;}
.small {font-size: 11px;}
.nowrap {white-space: nowrap;}

.floatleft {float: left;}
.floatright {float: right;}
.imgleft {float: left; margin: 0 30px 20px 0;}
.imgright {float: right; margin: 0 0 20px 30px;}
img.imgborder {border: 7px solid #fff;}
div.imgborder {background: #fff; padding: 7px; border: 1px solid #ddd;}
.textleft {text-align: left;}
.textcenter {text-align: center;}
.textright {text-align: right;}
.fileinfo {font-size: 11px; padding-left: 8px; font-weight: normal;}

.spacer {float: none; clear: both; height: 1px; overflow: hidden;}
.hr {float: none; clear: both; height: 1px; overflow: hidden; background: #ccc; margin: 2em 0;}
.clear {float: none; clear: both;}

.half {width: 50%;}
.third {width: 33%;}
.twothird {width: 60%;}
.quarter {width: 25%;}
.threequarter {width: 70%;}

.ir {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
a .ir {cursor: pointer;}


/*** STRUCTURAL STYLES ***/

#outer {position: relative; width: 870px; padding: 100px 30px 30px; margin: 0 auto; text-align: left; background: #fff;}
#logo {position: absolute; left: 30px; top: 0; width: 500px; height: 100px; line-height: 100px; font-size: 30px; text-decoration: none; font-weight: normal; font-family: georgia, serif;}
#logo .ir {background: url(../images/logo.gif) left top no-repeat;}
#printlogo {display: none;}

.corner {position: absolute; width: 15px; height: 15px; overflow: hidden;}
.nw {left: 0; top: 0; background: url(/images/corners/15-nw.png) no-repeat;}
.ne {right: 0; top: 0; background: url(/images/corners/15-ne.png) no-repeat;}
.sw {left: 0; bottom: 0; background: url(/images/corners/15-sw.png) no-repeat;}
.se {right: 0; bottom: 0; background: url(/images/corners/15-se.png) no-repeat;}

#eyebrow {position: absolute; right: 40px; top: 15px; font-size: 11px; overflow: hidden;}
#eyebrow li {position: relative; float: left; left: 1px; border-right: 1px solid #ddd;}
#eyebrow a {display: block; width: 10px; white-space: nowrap; color: #6699c0; text-decoration: none; padding: 0 10px; height: 15px; line-height: 15px;}
	html>body #eyebrow a {width: auto;}
#eyebrow a:hover {text-decoration: underline;}

/*
#eyebrow .corner {width: 10px; height: 10px;}
#eyebrow .nw {background-image: url(/images/corners/10-nw.png);}
#eyebrow .ne {background-image: url(/images/corners/10-ne.png);}
#eyebrow .sw {background-image: url(/images/corners/10-sw.png);}
#eyebrow .se {background-image: url(/images/corners/10-se.png);}

#eyebrow {position: absolute; right: 28px; top: 0; font-size: 11px;}
	body.index #eyebrow {display: none;} 
#eyebrow li {position: relative; float: left; margin-right: 2px;}
#eyebrow a {display: block; width: 10px; white-space: nowrap; text-transform: uppercase; text-decoration: none; color: #fff; padding: 0 10px; height: 25px; line-height: 25px;}
	html>body #eyebrow a {width: auto;}
#eyebrow li#eyebrow1 {background-color: #878d3a;}
#eyebrow li#eyebrow2 {background-color: #a55241;}
#eyebrow li#eyebrow3 {background-color: #009ddc;}
#eyebrow a:hover, #eyebrow li.on a {padding-top: 10px;}
*/

#givebutton {position: absolute; top: 45px; right: 15px;}

#nav {position: relative; background: #005596; font-size: 16px; width: 870px;}
#nav ul {height: 40px; line-height: 40px; padding: 0 13px;}
#nav li {float: left;}
#nav li.floatright {float: right; font-weight: bold;}
#nav a {display: block; width: 10px; white-space: nowrap; color: #fff; text-decoration: none; padding: 0 11px;}
	html>body #nav a {width: auto;}
#nav li.floatright a {color: #fcc238;}
#nav li.on a, #nav a:hover {background: #6699c0;}

#main {background: url(/images/main.gif) left top repeat-x;}
	body.tab1 #main {background-image: url(/images/main1.gif);}
	body.tab2 #main {background-image: url(/images/main2.gif);}
	body.tab3 #main {background-image: url(/images/main3.gif);}
#leftnav {position: relative; float: left; width: 200px; padding-top: 200px; background: #005596;}
	body.tab1 #leftnav {background-color: #878d3a;}
	body.tab2 #leftnav {background-color: #a55241;}
	body.tab3 #leftnav {background-color: #009ddc;}
#content {position: relative; float: left; width: 400px; padding: 10px 0 30px 35px; z-index: 1;}
#sidebar {float: right; width: 170px; padding: 20px 15px 30px; min-height: 510px; background: url(/images/sidebar.gif) left top repeat-x;}
	body.tab1 #sidebar {background-image: url(/images/sidebar1.gif);}
	body.tab2 #sidebar {background-image: url(/images/sidebar2.gif);}
	body.tab3 #sidebar {background-image: url(/images/sidebar3.gif);}

#thephoto {position: absolute; right: -14px; top: -9px; padding: 12px; background: url(/images/thephoto.png);}
#thephoto, #thephoto img {width: 250px; height: 175px;}
#leftnav h1 {font-family: georgia, serif; font-weight: normal; font-size: 20px; color: #fff; line-height: 25px; padding: 0 15px;}
#leftnav ul {line-height: 16px; padding: 10px 15px 20px;}
#leftnav li {padding: 3px 0;}
#leftnav li a {display: block; font-size: 14px; font-weight: bold; color: #6699c0; text-decoration: none; width: 170px;}
	body.tab1 #leftnav li a {color: #b7bb89;}
	body.tab2 #leftnav li a {color: #c9978d;}
	body.tab3 #leftnav li a {color: #99d8f1;}
#main #leftnav li a:hover {color: #fff;}
#main #leftnav li.on a {color: #fcc238;}
#leftnav li a span.subnav {display: block; padding-left: 25px; width: 145px; background: url(/images/subnav.gif) 15px 6px no-repeat;}

#content h1, #content h2, #content h3 {font-family: georgia, serif; margin: 1.5em 0 .5em; font-weight: normal; color: #005596;}
	body.tab1 #content h1, body.tab1 #content h2, body.tab1 #content h3 {color: #878d3a;}
	body.tab2 #content h1, body.tab2 #content h2, body.tab2 #content h3 {color: #a55241;}
	body.tab3 #content h1, body.tab3 #content h2, body.tab3 #content h3 {color: #009ddc;}
#content h1 {font-size: 28px; margin-bottom: 1em; line-height: 28px;}
#content h2 {font-size: 22px; line-height: 22px;}
#content h3 {font-size: 17px;}
#content ul, #sidebar ul {margin: 0 0 1.5em 0;}
#content ul ul, #sidebar ul ul {margin: .5em 0 1em 0;}
#content ul li, #sidebar ul li {padding-left: 13px; margin-bottom: 8px; background: url(/images/bullet.gif) 3px 7px no-repeat;}

table {border-collapse: collapse; margin: 0 0 1.5em 0; width: 100%;}
td, th {border: 1px solid #bbb; padding: 4px 8px; font-size: 12px; text-align: left;}
thead td, thead th {background: #005596; font-weight: bold; color: #fff;}

#contactform div {clear: left; padding-top: 3px;}
#contactform label {position: relative; float: left; width: 60px; padding-right: 20px;}
#contactform .req {position: absolute; right: 4px; top: 0; color: #d00; font-size: 30px; line-height: 30px;}
#contactform .text input, #contactform textarea {width: 250px;}
#contactform textarea {height: 100px;}
#contactform .button input {margin-left: 80px; background: #005596; color: #fff; font-weight: bold; border: solid #ccc; border-width: 0 2px 2px 0; font-size: 17px; line-height: 18px;}

.backlink {position: absolute; right: -20px; top: 10px; font-size: 11px; text-align: right; line-height: 14px;}
.toplink {text-align: right; font-family: tahoma, verdana, sans-serif; font-size: 9px; margin: -1em 0 -1.5em !important; text-transform: uppercase;}

#sidebar h1, #sidebar h2, #sidebar h3 {color: #005596; border-bottom: 1px solid #005596; margin-bottom: 1em; padding-bottom: 3px; font-size: 13px;}
	body.tab1 #sidebar h2 {color: #878d3a; border-bottom: 1px solid #878d3a;}
	body.tab2 #sidebar h2 {color: #a55241; border-bottom: 1px solid #a55241;}
	body.tab3 #sidebar h2 {color: #009ddc; border-bottom: 1px solid #009ddc;}
.sidebarmodule {padding-bottom: 20px;}

#footer {position: relative; overflow: hidden; clear: both; margin-left: 240px; font-size: 11px; color: #999; line-height: 12px; height: 12px;}
#footer li {position: relative; left: -10px; float: left; border-left: 1px solid #999;}
#footer span, #footer a {color: #999; padding: 0 10px;}
#footer a:hover {color: #005596;}
#footer span a {padding: 0;}

#hometop {position: relative; margin: 0 -15px; height: 280px; background: #6699c0 url(/images/homecontent.gif) 654px 0 repeat-y; z-index: 2;}
#homeflash {position: absolute; left: -45px; top: -9px; background: url(/images/homeflash.png); padding: 12px; width: 680px; height: 274px; z-index: 10;}
#homeflash img {width: 680px; height: 274px;}
#hometop #content {position: absolute; left: 674px; top: 20px; width: 206px; height: 190px; padding: 0; color: #fff; font-family: georgia, serif; font-size: 14px; line-height: 20px; z-index: 2;}
#hometop #content h1 {color: #fff; font-size: 22px; margin: 0 0 .5em;}
#homequicklinks {position: absolute; left: 654px; bottom: 20px; width: 228px; z-index: 5;}
#homequicklinks h2 {line-height: 30px; margin: 0; padding: 0; font-size: 16px;}
#homequicklinks h2 a {display: block; color: #333; padding: 0 0 0 20px; width: 208px; height: 32px; background: #fcc238 url(/images/homequicklinks.gif) no-repeat; cursor: pointer;}
#homequicklinks ul {display: none; position: relative; top: -2px; width: 226px; background: #333 url(/images/homequicklinks.gif) 0 -32px no-repeat; padding: 10px 0;}
#homequicklinks ul a {display: block; width: 186px; padding: 3px 20px; color: #fff; text-decoration: none; font-weight: bold;}
#homequicklinks ul a:hover {background: #b45240;}
#homequicklinks.open ul, #homequicklinks:hover ul {display: block;}

#homebottom {position: relative; overflow: hidden; background: url(/images/homebottom.gif) right top repeat-y; zoom: 1;}
#homebottomleft {float: left; width: 200px;}
#homenewsarea {position: relative; height: 311px; margin-bottom: 15px; background: #005596 url(/images/homenewsarea.gif) 197px 0 repeat-y;}
#homead, #homenews, #homeevents {position: absolute; left: 25px; top: 15px; padding-top: 33px; width: 150px; height: 220px; overflow: hidden; font-size: 12px; line-height: 16px;}
#homead {padding-top: 3px; height: 250px;}
#homenews p, #homeevents p {margin-bottom: 1em; font-weight: bold; color: #fff;}
#homenewsarea a {display: block; color: #fff; text-decoration: none;}
#homenewsarea .newsdate {color: #98bdd9 !important; font-weight: normal;}
#homenewsarea .more {color: #fdb813 !important; font-weight: normal; font-size: 9px; text-transform: uppercase; white-space: nowrap;}
#homenewsarea a:hover .more {text-decoration: underline;}
#homenewsarea .viewalllink {position: absolute; right: 0; top: 5px; font-size: 9px; color: #fdb813; width: 150px; background: url(/images/homeviewall.gif) 0 4px no-repeat; text-align: right; line-height: 11px;}
#homeevents .viewalllink {background-position: -6px 4px;}

#hometoggle {position: absolute; right: 0; bottom: 0; max-width: 200px; height: 30px; line-height: 30px; font-size: 11px;}
#hometoggle li {float: left; text-align: center; height: 30px; text-transform: uppercase; color: #fff; cursor: pointer; padding: 0 10px; margin-left: 1px; background: url(/images/hometoggle.gif) 0 0 repeat-x;}
#hometoggle li.on {background: none;}

#homesocial {margin-left: 25px; width: 175px;}
#homesocial li {background: #fdb813 url(/images/homesocial.gif) left bottom no-repeat; margin-bottom: 8px;}
#homesocial a {position: relative; display: block; width: 125px; padding: 7px 15px 9px 35px; line-height: 16px; color: #333; text-decoration: none; font-weight: bold; font-size: 12px;}
#homesocial img {position: absolute; left: 0; top: 0; width: 29px; height: 30px; border-right: 1px solid #fff;}

#homebottomright {position: relative; float: right; width: 610px; padding: 25px 30px; background: #97b5d1 url(/images/homebottomright.gif) left top repeat-x; min-height: 338px;}
#homebottomright h2 {color: #333; font-family: georgia, serif; font-size: 26px; line-height: 30px; font-weight: normal; margin-bottom: 15px !important;}
#homebottomright h2 p {margin: 0;}

.homefeatures {position: relative; margin: 0 -10px 8px 0;}
.homefeaturestop {position: absolute; left: 0; top: 0; width: 100%; height: 5px; overflow: hidden; background: url(/images/homefeaturestop.png);}
.homefeaturesmiddle {position: absolute; left: 0; top: 5px; right: 0; bottom: 62px; background: url(/images/homefeatures.png);}
.homefeaturesbottom {position: relative; background: url(/images/homefeaturesbottom.png) left bottom repeat-x; overflow: hidden;}
.homefeature {float: left; width: 250px; padding: 15px 25px 15px 25px; margin: 0 10px 0 0; font-size: 12px; position: relative;}
.homefeaturetext {height: 130px; overflow: auto; margin-right: -25px; padding-right: 25px;}
.homefeature.more .homefeaturetext {height: auto;}

.homefeature .imgright {margin: 0 0 10px 20px;}
.homefeature h3 {font-size: 15px; margin-bottom: 5px;}
.homefeature ul {margin: 0 0 1.5em 0;}
.homefeature ul ul {margin: .5em 0 1em 0;}
.homefeature ul li {padding-left: 13px; margin-bottom: 5px; background: url(/images/bullet.gif) 3px 7px no-repeat;}

#homecontactinfo {text-align: right; padding: 15px 30px; font-size: 11px; color: #999;}
#homecontactinfo span {padding: 0 4px; color: #bbb;}
#homecontactinfo a {color: #999;}
#homecontactinfo a:hover {color: #005596;}

/**********/

#oldhometop {position: relative; margin: 0 -15px; height: 280px; background: #ddd; z-index: 2;}
#oldhometoggle {position: absolute; right: 0; top: 0; width: 220px; height: 30px; line-height: 30px; font-size: 11px;}
#oldhometoggle li {float: left; width: 50%; text-align: center;}
#oldhometoggle li a {display: block; width: 110px; height: 30px; text-transform: uppercase; text-decoration: none; color: #555; cursor: pointer; cursor: hand;}
#oldhometogglenews {background: url(/images/hometogglenews.gif);}
#oldhometoggleevents {background: url(/images/hometoggleevents.gif);}
#oldhometogglenews.on, #oldhometoggleevents.on {background: #ddd;}
#oldhomenews, #oldhomeevents {position: absolute; right: 20px; top: 50px; width: 200px; height: 210px; overflow: hidden; font-size: 12px;}
#oldhomenews p, #oldhomeevents p {margin-bottom: 1em;}
#oldhomenews .morelink, #oldhomeevents .morelink {position: absolute; right: 0; bottom: 0;}

#oldhomebottom #content {width: 260px; padding: 25px 30px 10px 30px; background: #005596; color: #fff;}
#oldhomebottom #content h1 {color: #fcc238; font-size: 22px; margin: 0 0 .5em;}

#hometabarea {position: relative; float: right; width: 550px; height: 250px; color: #fff; font-size: 12px;}
#hometab1, #hometab2, #hometab3 {position: relative; width: 490px; height: 175px; padding: 25px 30px 20px;}
#hometab1 {background: #878d3a url(/images/hometab1.gif) left top repeat-x;}
#hometab2 {background: #a55241 url(/images/hometab2.gif) left top repeat-x;}
#hometab3 {background: #009ddc url(/images/hometab3.gif) left top repeat-x;}
#hometabarea .floatleft {width: 259px; height: 170px; overflow: hidden;}
#hometabarea .floatright {width: 171px; height: 170px; overflow: hidden; padding-left: 30px;}
#hometabarea .floatright ul {line-height: 23px; font-weight: bold;}
#hometabarea .floatright ul a {text-decoration: none;}
#hometab1 .floatright {border-left: 1px solid #abaf75;}
#hometab2 .floatright {border-left: 1px solid #c0867a;}
#hometab3 .floatright {border-left: 1px solid #4dbbe7;}
#hometabarea h1 {font-family: georgia, serif; margin: 0 0 .5em; font-weight: normal; color: #fff; font-size: 22px; line-height: 28px;}
#hometabarea h2 {font-size: 13px; color: #fff; margin-bottom: 5px;}
#hometabarea a {color: #fff;}
#hometabarea .floatright a:hover {text-decoration: underline;}
#hometabarea ul li {margin-bottom: 0; line-height: 18px;}

#hometabs {padding-left: 30px; font-size: 13px;}
#hometabs li {position: relative; float: left; margin-right: 5px;}
#hometabs li a {display: block; width: 10px; white-space: nowrap; text-transform: uppercase; text-decoration: none; color: #fff; padding: 0 20px; height: 30px; line-height: 30px; cursor: pointer; cursor: hand;}
	html>body #hometabs li a {width: auto;}
#hometabs li#hometabs1 {background-color: #878d3a;}
#hometabs li#hometabs2 {background-color: #a55241;}
#hometabs li#hometabs3 {background-color: #009ddc;}

#oldhomecontactinfo {float: left; padding: 15px 30px; font-size: 11px; color: #999;}
#oldhomecontactinfo a {color: #999;}
#oldhomecontactinfo a:hover {color: #005596;}

/*** CURRICULUM PICKER FORM ***/

#curriculumpicker {background: #eee; border: 1px solid #ddd; padding: 10px; margin: 0 -10px;
	border-radius:			8px;
	-moz-border-radius: 	8px;
	-op-border-radius:		8px;
	-webkit-border-radius: 	8px;
}
#curriculumpicker .formline {overflow: hidden;}
#curriculumpicker select {margin: 0 5px;}