body {margin: 0; padding: 0; background: #fff url(/img/bg.gif) repeat-x; font-family: arial, sans-serif; font-size: 75%;}
#home {background-image: url(/img/bg-h.gif);}
#wrapper {width: 756px; margin: 0 auto;}

a {color: #2323a0; outline: none; text-decoration: none;}
a:visited {color: #7c6993;}
a:hover {color: #9f4b1f; text-decoration: underline;}
form {padding: 0; margin: 0;}
img {border: 0;}

#topnav {text-align: right;}
#topnav form {display: inline; float: right; margin-top: 3px;}
#topnav form img {vertical-align: middle;}
#topnav form #searchbox {border: 1px solid #dedede; margin-right: 0; margin-left: 0;}
#topnav form #button {vertical-align: top; margin-top: -3px;}
#topnav #login {float: right; width: 44px; height: 18px; position: relative; margin-top: 6px; color: #999b8d;}
#topnav #login span {position: absolute; top: 0; left: 0; width: 44px; height: 18px; background: url(/img/bt-login.gif) 0 -18px no-repeat;}
#topnav #login:hover span {background-position: 0 0;}

#logo {margin-top: 16px; float: left;}
#nav {float: left; width: 540px; margin: 56px -20px 0 0; padding: 0; list-style: none;}
#nav li {margin: 0; padding: 0; list-style: none; float: left; position: relative;}
#nav li a {display: block; height: 23px; padding-bottom: 8px; color: #999b8d; background: url(/img/nav.gif) no-repeat; text-indent: -3000px;}
#nav li a:hover {color: #9f4b1f; text-decoration: none;}
#nav ul {position: absolute; top: 31px; left: 0; padding: 0; margin: 0; z-index: 1000; border: 1px solid #c9c8c6; border-width: 1px 1px 0; display: none;}
*html #nav ul.block {display: block;}
 #nav li:hover ul {display: block;}
#nav ul li {float: none; border: 1px solid #c9c8c6; border-width: 0 0 1px;}
#nav ul li a {text-indent: 0; margin-bottom: -1px; background-image: none; height: auto; width: 140px !important; background-color: #fff; padding: 4px 8px; border: 1px solid #c9c8c6; border-width: 0 0 1px; filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90;}
#nav ul li a:hover {filter:alpha(opacity=100); -moz-opacity:1.00; opacity:1.00}
#nav ul ul {top: 0; left: 156px; display: none !important;}
*html #nav ul ul.block {display: block !important;}
#nav ul li:hover ul {display: block !important;}

#nav #nv_home a {width: 48px; background-position: 0 -23px;}
#nav #nv_programs a {width: 93px; background-position: -48px -23px;}
#nav #nv_alumni a {width: 73px; background-position: -141px -23px;}
#nav #nv_about a {width: 66px; background-position: -214px -23px;}
#nav #nv_news_events a {width: 98px; background-position: -280px -23px;}
#nav #nv_resources a {width: 72px; background-position: -378px -23px;}
#nav #nv_support a {width: 70px; background-position: -450px -23px;}

#nav #nv_home a:hover, #home #nav #nv_home a {background-position: 0 0;}
#nav #nv_programs a:hover, #programs #nav #nv_programs a {background-position: -48px 0;}
#nav #nv_alumni a:hover, #alumni #nav #nv_alumni a {background-position: -141px 0;}
#nav #nv_about a:hover, #about #nav #nv_about a {background-position: -214px 0;}
#nav #nv_news_events a:hover, #news_events #nav #nv_news_events a {background-position: -280px 0;}
#nav #nv_resources a:hover, #resources #nav #nv_resources a {background-position: -378px 0;}
#nav #nv_support a:hover, #support #nav #nv_support a {background-position: -450px 0;}

#mainphoto {clear: both; height: 79px;}
#home #mainphoto {height: 181px;}
#mainphoto #photo {display: block;}

#programs #mainphoto {background: url(/img/t-programs.gif) 235px 0 no-repeat;}
#alumni #mainphoto {background: url(/img/t-alumni.gif) 235px 0 no-repeat;}
#about #mainphoto {background: url(/img/t-about.gif) 235px 0 no-repeat;}
#news_events #mainphoto {background: url(/img/t-news_events.gif) 235px 0 no-repeat;}
#resources #mainphoto {background: url(/img/t-resources.gif) 235px 0 no-repeat;}
#support #mainphoto {background: url(/img/t-support.gif) 235px 0 no-repeat;}
#login #mainphoto {background: url(/img/t-login.gif) 235px 0 no-repeat;}
#search #mainphoto {background: url(/img/t-search.gif) 235px 0 no-repeat;}

#contentwrap {overflow: auto; height: 100%; background: url(/img/bg-content.gif) repeat-y; padding: 8px 0; line-height: 1.5;}
h1, h2, h3, h4 {color: #9f4b1f;}
p {margin: 0 0 8px;}

#content {width: 496px; float: right; overflow: hidden;}
#content .intro {font-size: 150%; color: #676767; margin: 16px 0;}
*html #content .program {height: 98px;}
#content .program {padding: 8px 0 0 125px; min-height: 90px;}
#content .program h2 {font-size: 120%; margin: 0 0 4px;}
#content .program h2 a {color: #9f4b1f;}
#content #prog_highschool {background: url(/img/h-summerprograms.jpg) no-repeat;}
#content #prog_university {background: url(/img/h-universitystudents.jpg) no-repeat;}
#content #prog_faculty {padding: 0 24px;} 
#content hr {width: 40%; border: 1px solid #e5e5e5; border-width: 1px 0 0; height: 1px; margin: 18px auto 12px;}

#content h1 {font-size: 120%; margin: 16px 0;}
#content h2 {font-size: 110%; margin: 12px 0 0;}
#content h3 {font-size: 100%; margin: 12px 0 0;}

.tabs {margin: 16px 0 0; padding: 0; list-style: none; height: 23px; width: 100%; }
.tabs li {float: left; padding: 0; margin: 0 0 0 3px; border: 1px solid #c9c8c6; border-bottom-width: 0;}
.tabs li a {text-decoration: none; background: #e9e4e1; padding: 2px 8px; display: block; cursor: pointer;}
.tabs li a:hover {text-decoration: underline;}
.tabs li.current a {background-color: #fff; margin-bottom: -2px; padding-bottom: 3px; font-weight: bold; position: relative;}
.tabs li.current a:hover {text-decoration: none;}

#news_events table {width: 100%; border-collapse: collapse; border-spacing: 0; border-bottom: 1px solid #c9c8c6;}
#news_events table td {vertical-align: top; padding: 8px 8px 8px 0; border-top: 1px solid #c9c8c6;}
#news_events table td.date {font-weight: bold; white-space: nowrap;}

#content form {margin: 0 0 8px; padding: 0;}
#content form fieldset {border: 1px solid #c9c8c6; background-color: #f7f5f4; padding: 0 10px 8px 16px; overflow: auto;}
* html #content form fieldset {background: #fff;}
#content form fieldset legend {font-size: 100%; font-weight: bold; color: #9f4b1f; padding: 4px; margin: 0 -4px;}
#content form label, #content form input, #content form select {float: left; margin: 0 4px 0 0;}
#content form label {width: 70px;}
#content form div {overflow: auto; clear: left; margin: 0 8px 8px 0;}
#content form .wider {margin-top: 16px;}
#content form .wider label {float: none; display: block; width: auto;}
#content form textarea {width: 100%; height: 140px;}
#content form #button {background: #e9e4e1; padding: 8px; text-align: center;}
#content form #button input {float: none;}

#sidebar {width: 208px; float: left; padding: 0 12px 0 16px;}
#sidebar h3 {margin: 16px 0 -8px; font-size: 120%; }
#home #sidebar h3 {margin-bottom: 4px;}
#sidebar .box {margin: 16px -12px 0 -10px; background: url(/img/box-top.gif) repeat-y;}
#sidebar .box div {padding: 10px 12px 10px 10px; background: url(/img/box-bot.gif) bottom left no-repeat;}
#sidebar .box h3 {margin-top: 0;}
#sidebar .box ul {margin: 0 0 8px; padding: 0; list-style: none;}
#sidebar .box ul li {margin: 0 0 3px; padding: 0 0 0 14px; background: url(/img/li.gif) 0 5px no-repeat;}

#sidebar #subnav {list-style: none; margin: 16px 0; padding: 0;}
#sidebar #subnav a.current {font-weight: bold; color: #9f4b1f;}
#sidebar #subnav ul {list-style: none; margin: 0 4px 8px; padding: 0; font-size: 90%;}
#sidebar #subnav ul li {border: 1px solid #f7f5f4;}
#sidebar #subnav ul li a {display: block; background: url(/img/li.gif) 0 5px no-repeat; padding: 0 0 0 14px;}
#sidebar #subnav ul li a:hover, #sidebar #subnav ul li a.current {background-image: url(/img/li1.gif)}

#sidebar #related {font-size: 90%; background: #e9e4e1; margin: 0 -4px 0 -8px; padding: 8px;}
#sidebar #related h4 {font-size: 110%; font-weight: normal; margin: 0;}
#sidebar #related ul {list-style: none; margin: 0; padding: 0;}
#sidebar #related ul li a {display: block; background: url(/img/li.gif) 0 5px no-repeat; padding: 0 0 0 14px;}
#sidebar #related ul li a:hover {background-image: url(/img/li1.gif)}

#footer {text-align: right; font-size: 90%; color: #adafa4; margin-top: 8px;}
#footer a {color: #adafa4; text-decoration: underline;}
#footer a:hover {color: #9f4b1f;}