/*** GENERAL STYLES ***/

html {height: 100%;}
body {background: #f9f3d7 url(/images/bkg.jpg); text-align: center; margin: 0; padding: 0; height: 100%;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: georgia, serif; font-size: 14px; color: #636466;}
body, th, td, h1, h2, h3, h4, h5, h6 {line-height: 22px;}
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: #6d5185;}
a:hover {color: #e2811c;}

.hide {display: none;}
.alert {color: #c00;}
.small {font-size: 11px; font-family: verdana, tahoma, sans-serif;}

.floatleft {float: left;}
.floatright {float: right;}
.imgleft {float: left; margin: 0 30px 20px 0;}
.imgright {float: right; margin: 0 0 20px 30px;}
.textleft {text-align: left;}
.textcenter {text-align: center;}
.textright {text-align: right;}
.nowrap {white-space: nowrap;}

.spacer {float: none; clear: both; height: 1px; overflow: visible;}
.hr {float: none; clear: both; height: 1px; overflow: visible; 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;}


/*** TOP STYLES ***/

#top {position: relative; height: 123px; background: url(/images/top.png) center top; z-index: 6; width: 1024px}
#logo {position: absolute; right: 24px; top: 0;}
#nav {position: absolute; left: 0; top: 71px; height: 44px; line-height: 44px; background: #865ea1;}
#nav li {float: left;}
#nav a {position: relative; display: block; height: 44px; text-decoration: none; text-align: center; color: #fff; font-weight: bold;}
#nav a:hover, #nav li.on {background: #5ca9a5;}
#nav .ir {background: url(/images/nav.jpg);}

#navhome a {width: 68px;}
#navprog a {width: 105px;}
#navstaf a {width: 49px;}
#navlife a {width: 117px;}
#navther a {width: 71px;}
#naveduc a {width: 85px;}
#navreso a {width: 87px;}
#navadmi a {width: 97px;}
#navabou a {width: 91px;}

#navhome a .ir {background-position: 0 0;}
#navprog a .ir {background-position: -68px 0;}
#navstaf a .ir {background-position: -173px 0;}
#navlife a .ir {background-position: -222px 0;}
#navther a .ir {background-position: -339px 0;}
#naveduc a .ir {background-position: -410px 0;}
#navreso a .ir {background-position: -495px 0;}
#navadmi a .ir {background-position: -582px 0;}
#navabou a .ir {background-position: -679px 0;}

#navhome.on a .ir, #navhome a:hover .ir {background-position: 0 -44px;}
#navprog.on a .ir, #navprog a:hover .ir {background-position: -68px -44px;}
#navstaf.on a .ir, #navstaf a:hover .ir {background-position: -173px -44px;}
#navlife.on a .ir, #navlife a:hover .ir {background-position: -222px -44px;}
#navther.on a .ir, #navther a:hover .ir {background-position: -339px -44px;}
#naveduc.on a .ir, #naveduc a:hover .ir {background-position: -410px -44px;}
#navreso.on a .ir, #navreso a:hover .ir {background-position: -495px -44px;}
#navadmi.on a .ir, #navadmi a:hover .ir {background-position: -582px -44px;}
#navabou.on a .ir, #navabou a:hover .ir {background-position: -679px -44px;}

#nav div {display: none;}
#nav li:hover div {display: block; position: absolute; left: 7px; top: 44px;}
body.home #nav li:hover div {left: 0;}


/*** SUBNAV STYLES ***/

.subnav {width: 770px; background: url(/images/subnav.png);}
	#left .subnav {margin: 0 -30px 20px -65px;}
	#nav .subnav {background: url(/images/subnav.png) -7px -77px; width: 756px;}
	body.home #nav .subnav {background-position: 0 -77px; width: 770px;}
.subnav ul {width: 532px; height: 61px; padding: 16px 8px 0 230px; line-height: 20px;}
#navprog .subnav ul, body.program #left .subnav ul {background: url(/images/subnav-program.png) left top no-repeat;}
#navstaf .subnav ul, body.staff #left .subnav ul {background: url(/images/subnav-staff.png) left top no-repeat;}
#navlife .subnav ul, body.life #left .subnav ul {background: url(/images/subnav-life.png) left top no-repeat;}
#navther .subnav ul, body.therapy #left .subnav ul {background: url(/images/subnav-therapy.png) left top no-repeat;}
#naveduc .subnav ul, body.education #left .subnav ul {background: url(/images/subnav-education.png) left top no-repeat;}
#navreso .subnav ul, body.resources #left .subnav ul {background: url(/images/subnav-resources.png) left top no-repeat;}
#navadmi .subnav ul, body.admissions #left .subnav ul {background: url(/images/subnav-admissions.png) left top no-repeat;}
#navabou .subnav ul, body.about #left .subnav ul {background: url(/images/subnav-about.png) left top no-repeat;}
	#left .subnav ul {margin: 0;}
	#nav .subnav ul {height: 53px; padding-left: 223px; background-position: -7px 0;}
	body.home #nav .subnav ul {height: 61px; padding-left: 230px; background-position: 0 0;}
/*.subnav li {float: left; padding: 0 !important; margin-right: 15px; background: none !important;}*/
.subnav li {float: left; margin-right: 5px; padding-left: 12px !important; background: url(/images/bullet-white.png) 2px 10px no-repeat !important;}
.subnav li a {display: block; color: #fff; text-decoration: none; background: none !important; font-size: 15px !important; display: inline !important; font-weight: normal !important; white-space: nowrap;}
.subnav li a:hover, #left .subnav li.on a {color: #6d5185 !important; text-decoration: underline !important;}

/*** STRUCTURAL STYLES ***/

#outer {height: 100%; min-height: 100%; background: url(/images/outer.png) center bottom repeat-x; width:1024px}
	html>body #outer {height: auto;}
.container {position: relative; width: 960px; margin: 0 auto; text-align: left;}
#main {position: relative; overflow: hidden; margin-top: -8px; z-index: 1;}
#left {float: left; width: 675px; padding: 0 30px 50px 65px;}
	body.home #left {width: 567px; padding-left: 115px;}
#right {float: right; width: 177px; padding: 18px 0 50px;}


/*** LEFT STYLES ***/

#homeflashdiv {margin: 0 -50px 10px -20px; padding-top: 18px;}
#heroimage {margin: -20px -30px 20px -65px;}

#left h1 {font-size: 19px; line-height: 25px; color: #e2811c; margin-bottom: 5px; font-weight: normal;}
#left h2 {font-size: 15px; margin-bottom: 5px;}
#left ul {margin-bottom: 1.5em;}
#left ul li {padding-left: 20px; background: url(/images/bullet.png) 8px 10px no-repeat;}
#left ul ul {margin: .5em 0;}

#left blockquote {margin: 2em 0; padding: 0 0 0 40px; background: url(/images/blockquote.png) 0 5px no-repeat;}
#left blockquote p {margin-bottom: 1em;}
#left blockquote cite {font-size: 12px;}

.notepaper {width: 531px; margin: 1.5em auto;}
.notepaper .top {height: 11px; background: url(/images/notepaper-top.png); overflow: hidden;}
.notepaper .middle {background: url(/images/notepaper.png); padding: 11px 20px; color: #6d5185; line-height: 26px; overflow: hidden;}
.notepaper .bottom {height: 11px; background: url(/images/notepaper-bottom.png); overflow: hidden;}
#left .notepaper ul {margin: 0;}
#left .notepaper ul li {float: left; padding-left: 35px; background-position: 15px 12px; white-space: nowrap;}
#left .notepaper ul li.clear {float: left; padding: 0; background: 0;}

.staffleft {clear: both; float: left; width: 200px; text-align: center; color: #e2811c;}
.staffphoto {padding: 10px; background: #fff url(/images/staffphoto.gif); margin-bottom: 8px;}
.staffphoto img {width: 180px; height: 180px;}
.staffright {float: right; width: 450px; padding-bottom: 10px;}
.staffright h1 {display: inline; padding-right: 10px;}
.staffright h2 {display: inline; white-space: nowrap;}

table {margin: 1.5em 0; border-collapse: collapse; font-size: 11px;}
th, td {padding: 3px 5px; border: 1px solid #666; text-align: center; font-family: verdana, tahoma, sans-serif; font-size: 12px;}
th {text-align: right; font-size: 10px; white-space: nowrap; background: #dcdbb2;}
thead th, thead td {font-weight: bold; font-size: 10px; white-space: nowrap; text-transform: uppercase; background: #dcdbb2;}
td.alt {background: #e8e8e8;}

#googlemap {border: 1px solid #666;}


/*** RIGHT STYLES ***/

#right {font-family: verdana, tahoma, sans-serif; font-size: 10px; line-height: 14px;}
#right p {margin-bottom: 1em;}
#livechat {margin: 0 -5px 1em;}
#right h3 {color: #6d5185; font-size: 17px;}
#right h4 {font-family: verdana, tahoma, sans-serif; font-size: 11px; line-height: 14px; color: #003e7e; margin-bottom: 2px;}
#right h4 a {text-decoration: none; color: #003e7e;}
#right h4 a:hover {text-decoration: underline;}

#topics {position: relative; background: #fff url(/images/topics.gif); padding: 0 10px; margin-bottom: 20px;}
#topics .top {position: relative; height: 40px; margin: 0 -10px 10px;}
#topics .top .ir {background: url(/images/h3-topics.gif) no-repeat;}
#topics .bottom {height: 15px; background: url(/images/topics-bottom.gif) left bottom no-repeat; margin: 10px -10px 0;}

#needsupport {position: relative; background: #dcdbb2 url(/images/needsupport.gif); margin-bottom: 20px; padding: 0 10px;}
#needsupport .top {position: relative; height: 40px; margin: 0 -10px 10px;}
#needsupport .top .ir {background: url(/images/needsupport-top.gif) no-repeat;}
#needsupport .bottom {height: 15px; background: url(/images/needsupport-bottom.gif) left bottom no-repeat; margin: 10px -10px 0;}


/*** CONTACT FORM STYLES ***/

#left #contactform {}
#contactform div {padding-top: 3px;}
#contactform label {display: block; font-weight: bold; margin-bottom: 3px; font-size: 11px; color: #003e7e;}
#left #contactform label {float: left; width: 150px;}
#left #contactform input.text, #left #contactform textarea {width: 230px;}
#left #contactform #interestedin label {margin-bottom: 30px;}
#contactform #interestedin label {text-transform: none;}
#contactform input.text {width: 95%;}
#contactform textarea {width: 95%; height: 70px;}
#submitbutton {text-align: center;}
#left #submitbutton {padding-left: 150px; text-align: left;}


/*** FOOTER STYLES ***/

#footer .container {width: 560px; padding-right: 40px; text-align: center; font-family: verdana, tahoma, sans-serif; font-size: 11px; color: #000; line-height: 13px; padding-bottom: 20px;}
#footer p {margin: 0 0 3px 0;}
#footer a {color: #000;}
#footerlogos img {margin: 0 15px 10px;}
#footer .small {font-size: 9px;}