/*** GENERAL STYLES ***/

body {background: #f8dca3 url(/images/bkg.jpg) center top; text-align: center; margin: 0; padding: 0;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; color: #555;}
body, th, td, h1, h2, h3, h4, h5, h6 {line-height: 16px;}
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: #003e7e;}
a:hover {color: #91a66c;}

.hide {display: none;}
.alert {color: #c00;}
.small {font-size: 11px;}
.large {font-size: 15px;}
.caps {text-transform: uppercase;}
.gray {color: #888;}
.purple {color: #565b8e;}
.indent {padding-left: 20px;}
#right .small {font-size: 9px; line-height: 13px;}

.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;}

.spacer {float: none; clear: both; height: 1px; overflow: hidden;}
.hr {float: none; clear: both; height: 3px; overflow: hidden; background: #aaa; 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 {height: 172px; background: url(/images/top.jpg) center top;}
#top h1 a {display: block; position: relative; width: 950px; height: 142px; line-height: 142px; margin: 0 auto; text-align: left; color: #3a3f69; font-size: 30px; font-weight: normal; text-decoration: none;}
#top h1 a .ir {background: url(/images/nav.jpg);}
#topshadow {position: absolute; left: 0; top: 172px; width: 100%; height: 7px; background: url(/images/topshadow.png); z-index: 5; overflow: hidden;}

#nav {width: 950px; height: 30px; line-height: 30px; margin: 0 auto; font-size: 17px;}
#nav li {position: relative; float: left; z-index: 10;}
#nav a {position: relative; display: block; text-align: center; color: #3a3f69; text-decoration: none; text-transform: lowercase; cursor: pointer;}
#nav .ir {background: url(/images/nav.jpg); height: 30px;}
#nav li.on a, #nav a:hover {color: #91a66c;}

#navprog a {width: 95px;}
#navstud a {width: 98px;}
#navteam a {width: 74px;}
#navlife a {width: 151px;}
#navtrea a {width: 110px;}
#naveduc a {width: 98px;}
#navreso a {width: 108px;}
#navadmi a {width: 117px;}
#navabou a {width: 99px;}

#navprog .ir {background-position: 0 -142px;}
#navstud .ir {background-position: -95px -142px;}
#navteam .ir {background-position: -193px -142px;}
#navlife .ir {background-position: -267px -142px;}
#navtrea .ir {background-position: -418px -142px;}
#naveduc .ir {background-position: -528px -142px;}
#navreso .ir {background-position: -626px -142px;}
#navadmi .ir {background-position: -734px -142px;}
#navabou .ir {background-position: -851px -142px;}

#navprog.on a .ir, #navprog a:hover .ir {background-position: 0 -172px;}
#navstud.on a .ir, #navstud a:hover .ir {background-position: -95px -172px;}
#navteam.on a .ir, #navteam a:hover .ir {background-position: -193px -172px;}
#navlife.on a .ir, #navlife a:hover .ir {background-position: -267px -172px;}
#navtrea.on a .ir, #navtrea a:hover .ir {background-position: -418px -172px;}
#naveduc.on a .ir, #naveduc a:hover .ir {background-position: -528px -172px;}
#navreso.on a .ir, #navreso a:hover .ir {background-position: -626px -172px;}
#navadmi.on a .ir, #navadmi a:hover .ir {background-position: -734px -172px;}
#navabou.on a .ir, #navabou a:hover .ir {background-position: -851px -172px;}

#nav li:hover ul {display: block;}
#nav ul {display: none; position: absolute; left: 0; top: 30px; z-index: 10; background: #a5ab6b url(/images/nav.gif); padding: 5px 0 10px; border-top: 1px solid #999;}
#nav #navabou ul {left: auto; right: 0;}
#nav ul li {float: none;}
#nav li.on ul a, #nav ul li.on a, #nav ul a {text-align: left; color: #fff; font-size: 12px; line-height: 14px; padding: 4px 12px; width: 150px;}
#nav li.on ul a:hover, #nav ul li.on a:hover, #nav ul a:hover {color: #3a3f69;}


/*** SUBNAV STYLES ***/

body.program #subnav, body.program #subnav h1 .ir, body.program #subnav ul {background-image: url(/images/subnav-program.jpg);}
body.students #subnav, body.students #subnav h1 .ir, body.students #subnav ul {background-image: url(/images/subnav-students.jpg);}
body.team #subnav, body.team #subnav h1 .ir, body.team #subnav ul {background-image: url(/images/subnav-team.jpg);}
body.lifeatnewhaven #subnav, body.lifeatnewhaven #subnav h1 .ir, body.lifeatnewhaven #subnav ul {background-image: url(/images/subnav-lifeatnewhaven.jpg);}
body.treatment #subnav, body.treatment #subnav h1 .ir, body.treatment #subnav ul {background-image: url(/images/subnav-treatment.jpg);}
body.education #subnav, body.education #subnav h1 .ir, body.education #subnav ul {background-image: url(/images/subnav-education.jpg);}
body.resources #subnav, body.resources #subnav h1 .ir, body.resources #subnav ul {background-image: url(/images/subnav-resources.jpg);}
body.admissions #subnav, body.admissions #subnav h1 .ir, body.admissions #subnav ul {background-image: url(/images/subnav-admissions.jpg);}
body.aboutus #subnav, body.aboutus #subnav h1 .ir, body.aboutus #subnav ul {background-image: url(/images/subnav-aboutus.jpg);}

#subnav {position: relative; height: 256px; text-transform: lowercase; z-index: 1;}
body.treatment #subnav, body.education #subnav, body.resources #subnav, body.aboutus #subnav {height: 288px;}

#subnav h1 a {position: absolute; left: 0; top: 143px; text-indent: 40px; width: 718px; height: 55px; line-height: 55px; font-size: 45px; font-weight: normal; color: #726894;}
body.treatment #subnav h1 a, body.education #subnav h1 a, body.resources #subnav h1 a, body.aboutus #subnav h1 a {top: 159px;}
#subnav h1 .ir {background-position: 0 -143px;}
body.treatment #subnav h1 .ir, body.education #subnav h1 .ir, body.resources #subnav h1 .ir, body.aboutus #subnav h1 .ir {background-position: 0 -159px;}

#subnav ul {position: absolute; left: 0; top: 200px; background-color: #726894; background-position: 0 -200px; padding: 0 20px 0 40px; width: 658px; line-height: 17px;}
body.treatment #subnav ul, body.education #subnav ul, body.resources #subnav ul, body.aboutus #subnav ul {top: 216px; background-position: 0 -216px;}

#subnav ul li {float: left; padding: 0 15px 0 0;}
#subnav ul li a {color: #fff; font-size: 12px; font-family: arial, helvetica, sans-serif; white-space: nowrap;}
#subnav ul li a:hover {color: #fac058;}
#subnav ul li.on a {color: #ded7f5; text-decoration: none;}


/*** COLUMN STYLES ***/

#main {position: relative; width: 950px; padding: 0 7px; margin: 0 auto; text-align: left; background: #fff url(/images/main.gif);}
#left {float: left; width: 718px; padding: 0 0 90px;}
#right {float: right; width: 200px; padding: 15px 9px 60px; font-size: 11px;}


/*** LEFT COLUMN STYLES ***/

#flashdiv {height: 330px; z-index: 1;}
#content {background: url(/images/content.gif) left top no-repeat; padding: 20px 30px 0;}
body.home #content {padding-top: 5px;}
#content h1 {color: #565b8e; text-align: center; line-height: 21px; border-bottom: 3px solid #aaa; text-transform: uppercase; font-size: 15px; padding: 0 50px 10px; margin-bottom: 20px;}
#content h2 {color: #565b8e; line-height: 21px; font-size: 15px; margin-bottom: 5px;}
#content h3 {margin-bottom: 5px;}
#content h4 {font-weight:normal; font-style: italic; margin-bottom: 5px;}
#content ul {margin-bottom: 1.5em;}
#content ul li {position: relative; padding-left: 30px; background: url(/images/bullet.gif) 20px 6px no-repeat; margin-bottom: 5px;}
#content ul ul {margin-top: .5em;}

#homecolumns {overflow: hidden; margin-bottom: 1.5em; font-size: 12px;}
.homecolumn {float: left; width: 200px; margin-right: 19px;}
#content .homecolumn h2 {background: #666; color: #fff; line-height: 33px; margin-bottom: 10px; padding: 0 10px;}
.homecolumn p {margin-bottom: 15px; padding: 0 2px;}

table {margin-bottom: 1.5em; border-collapse: collapse; font-size: 11px;}
th, td {padding: 3px 5px; border: 1px solid #ccc; text-align: center; background: #f4f4f4;}
th {text-align: right; font-size: 10px; white-space: nowrap; background: transparent; border-left: 0;}
thead th, thead td {font-weight: bold; font-size: 10px; white-space: nowrap; text-transform: uppercase; background: transparent; border-top: 0;}
td.alt {background: #e8e8e8;}

.campusgallery {float: left; width: 319px; margin: 0 30px 20px 0;}
.cgltblue .cgimage {background: url(/images/campusgallery-ltblue.gif) left top no-repeat;}
.cggreen .cgimage {background: url(/images/campusgallery-green.gif) left top no-repeat;}
.cgblue .cgimage {background: url(/images/campusgallery-blue.gif) left top no-repeat;}
.cgpurple .cgimage {background: url(/images/campusgallery-purple.gif) left top no-repeat;}
.cgimage {padding: 17px;}
.cgimage img {width: 285px; height: 220px;}
.cglinks {text-align: center; font-size: 11px; padding: 5px 20px;}

.biggreen {height: 250px; padding: 17px; background: url(/images/contentphoto-biggreen.gif) center top no-repeat;}
.biggreen img {width: 400px; height: 250px;}
.horizblue {width: 240px; height: 160px; padding: 17px; background: url(/images/contentphoto-horizblue.gif) left top no-repeat;}
.horizgreen {width: 240px; height: 160px; padding: 17px; background: url(/images/contentphoto-horizgreen.gif) left top no-repeat;}
.vertblue {width: 160px; height: 240px; padding: 17px; background: url(/images/contentphoto-vertblue.gif) left top no-repeat;}
.vertgreen {width: 160px; height: 240px; padding: 17px; background: url(/images/contentphoto-vertgreen.gif) left top no-repeat;}
.horizblue img, .horizgreen img {width: 240px; height: 160px;}
.vertblue img, .vertgreen img {width: 160px; height: 240px;}

.staffphoto {padding: 17px; background: url(/images/staffphoto.gif) left top no-repeat;}
.staffphoto img {width: 125px; height: px;}


/*** RIGHT COLUMN STYLES ***/

#right h3 {position: relative; background: #91a66c; color: #fff; font-size: 17px; font-weight: normal; height: 30px; line-height: 30px; padding: 0 12px;}
#right h3 .ir {background-repeat: no-repeat; width: 200px;}

#contact {position: relative; font-size: 14px; color: #737b35; text-align: center; height: 58px; overflow: hidden; padding-bottom: 15px}
#contact strong {display: block; font-weight: normal; font-size: 26px; color: #565b8e; padding: 15px 0 11px;}
#contact .ir {background: url(/images/contact.gif);}

#contactpaid {position: relative; font-size: 14px; color: #737b35; text-align: center; height: 58px; overflow: hidden; padding-bottom: 15px}
#contactpaid strong {display: block; font-weight: normal; font-size: 26px; color: #565b8e; padding: 15px 0 11px;}
#contactpaid .ir {background: url(/images/contact-paid.gif);}

#_lpChatBtn {display: block;}

#topicsh3 {margin-top: 20px;}
#topics {background: #fff url(/images/topics.gif) left bottom no-repeat; padding: 12px; margin-bottom: 20px; font-size: 10px; line-height: 13px;}
#topics h4 {color: #003e7e; font-size: 11px; margin-bottom: 2px;}

#twitter {padding-bottom:50px; margin-top: 30px;text-align:center}

#contactformh3 {background: #726894 url(/images/contactformh3.gif) left top no-repeat; color: #fff; line-height: 30px; height: 30px; margin-bottom: 0 !important; width: 400px; padding: 0 20px;}
#left #contactform {width: 400px; background: #fbf1e1 url(/images/contactform.gif) left bottom no-repeat; padding: 20px; margin-bottom: 1.5em; font-size: 11px; border: 2px solid #;}
#right #contactform {background: #726894 url(/images/contactform-right.gif) left bottom no-repeat; color: #fff; padding: 12px; margin-bottom: 20px;}
#contactform div {padding-top: 3px;}
#contactform label {display: block; font-weight: bold; margin-bottom: 3px; text-transform: lowercase;}
#left #contactform label {float: left; width: 150px; text-transform: none;}
#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 {position: relative; font-size: 11px; line-height: 12px; color: #000;}
#footergraphic {margin-top: -60px; height: 243px; background: url(/images/footer.png) center top;}
#footerinfo {position: absolute; left: 0; top: 54px; width: 100%;}
#footerinfo p {width: 800px; margin: 0 auto 10px;}
#footerinfo p.small {font-size: 9px;}
#footer a {color: #0254a8; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footerlogos img {margin: 0 10px;}