body {margin: 0; padding: 0; background: #fff url(../img/tnav-bg.gif) 0 20px repeat-x; font: 75% helvetica, sans-serif; color: #323232;}

/*
colors
dark purple: #5b4096
med purple: #85789f
lt purple line: #dfd8eb
light purple: #f2eff7
yellow: #e1c14a
light yellow: #f6edcb
lt yellow line: #f0dba7
lt grey text: #666
*/

a[href="#"], a[href=""] {color: red;}

a {color: #5b4096; outline: none;}
a:visited {color: #6f6683;}
a:hover {color: #e1c14a;}
.hilight {background-color: #f6edcb !important;}

img {border: 0;}
ul, ol {margin: 0 0 12px; padding: 0;}
li {margin: 0 0 4px 18px; padding: 0;}
ol ol {list-style-type: lower-latin;}
ul.box {list-style-type: none;}
ul.box li {background: url(../img/ic-checkbox.gif) 0 2px no-repeat; padding-left: 20px; margin-left: 2px;}
form {margin: 0; padding: 0;}
fieldset {border: 0; margin: 0; padding: 0;}
input, select {font-size: 100%; font-family: helvetica, sans-serif; color: #555; border: 1px solid #816388;}
.button {border: none;}
table {border: 0; border-collapse: collapse; border-spacing: 0;}
table td {vertical-align: top; padding: 0;}
th {color: #5b4096; vertical-align: bottom;}
.l {text-align: left;}
.r {text-align: right;}
.c {text-align: center;}
p {margin: 0 0 12px;}
h1 {color: #5b4096; margin: 26px 0 20px; font: 220% georgia,serif; line-height: 1;}
h1 span {font-size: 50%; color: #555;}
h2 {color: #5b4096; margin: 20px 0 8px; font: 150%/120% georgia,serif;}
* html h3, * html h4 {font-weight: bold;}
h3 {color: #5b4096; margin: 20px 0 4px; font: 120%/120% georgia,serif;}
h4 {color: #5b4096; margin: 20px 0 4px; font: 120%/120% georgia,serif;}
hr {border: 1px solid #816388; border-width: 1px 0 0; width: 20%; margin: 16px 0; height: 1px;}
blockquote {padding-left: 12px; border-left: 1px solid #816388; margin: 0 12px 12px; color: #767676;}
.intro {font-size: 120%;}
.more {font-weight: bold;}
.clear {clear: both;}

#wrapper {width: 960px; margin: 0 auto; position: relative;}
#header {display: block; margin: 46px 0 40px;}

* html #content {height: 500px; overflow: visible;}
#content {margin: 0 10px 12px 17px; padding: 0 100px 14px 333px; background: url(../img/content-bg.gif) left bottom no-repeat; line-height: 1.5; overflow: auto; position: relative; min-height: 500px;}
* html #athletics #content {height: 730px;}
#athletics #content {min-height: 730px;}
#noside #content, #calendar #content {padding: 0 7px 14px 0; background: none; min-height: 300px;}

/* home styles */
* html #home #content {height: 100px;}
#home #content {margin-top: 331px; min-height: 100px; padding: 0; background: none;}
#home #content table {border-spacing: 10px; border: none; margin: 0;}
#home #content table td {padding: 0; border-bottom: 0; white-space: normal;}
#home #content #intro {width: 294px; font-size: 120%; padding: 5px 0;}
#home #content #intro h1 {display: inline; font: bold 100% helvetica, sans-serif;}
#home #content #intro strong {color: #5b4096;}
#home #content #intro p {display: inline;}
#home #content .spacer {width: 10px;}

#home #content .box {width: 287px; padding: 4px 10px; background: #f1eef7 url(../img/h-content-bg.gif) bottom repeat-x; border: 1px solid #dfd8eb;}
#home #content .box h2 {margin: 0 0 8px; font-size: 140%;}
#home #content .box h2 a {text-decoration: none;}
#home #content .box iframe {width: 100%; height: 260px;}
#home #content .box li span {font-size: 95%; color: #555;}

* html #home #photo {top: 222px;}
*+html #home #photo {top: 222px;}
#home #photo {position: absolute; top: 176px; right: 10px;}
#home #tagline {position: absolute; top: 216px; left: 0;}
* html #home #tagline {width: 630px; height: 55px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/h-ph-welcome.png', sizingMethod='scale');}
* html #home #tagline img {display: none;}

* html #home #shortcuts {top: 222px;}
*+html #home #shortcuts {top: 222px;}
#home #shortcuts {position: absolute; top: 176px; left: 17px; width: 291px; height: 279px; border: 1px solid #f0dba7; background: #f6edcb url(../img/h-bg-shortcuts.gif) no-repeat;}
#home #shortcuts h2 {margin: 0; text-indent: -4000px; width: 291px; height: 83px; background: url(../img/h-shortcuts.jpg) no-repeat;}
#home #shortcuts ul, #home #shortcuts ul li {margin: 0; padding: 0; list-style: none;}
* html #home #shortcuts ul li {border-bottom: 1px solid #f0dba7;}
* html #home #shortcuts ul li a {height: 33px;}
* html #home #shortcuts #sc-prospective a {height: 54px;}
#home #shortcuts ul li {position: relative;}
#home #shortcuts ul li a {display: block; text-indent: -4000px; width: 291px; height: 34px; background: url(../img/h-shortcuts.jpg) no-repeat; text-decoration: none;}
#home #shortcuts #sc-parents a {background-position: 0 -83px;}
#home #shortcuts #sc-students a {background-position: 0 -117px;}
#home #shortcuts #sc-faculty a {background-position: 0 -151px;}
#home #shortcuts #sc-alumni a {background-position: 0 -185px;}
#home #shortcuts #sc-prospective a {height: 55px; background-position: 0 -219px;}
#home #shortcuts #sc-parents a:hover, #home #shortcuts #sc-parents:hover a, #home #shortcuts #sc-parents.hover a {background-position: -291px -83px;}
#home #shortcuts #sc-students a:hover, #home #shortcuts #sc-students:hover a, #home #shortcuts #sc-students.hover a {background-position: -291px -117px;}
#home #shortcuts #sc-faculty a:hover, #home #shortcuts #sc-faculty:hover a, #home #shortcuts #sc-faculty.hover a {background-position: -291px -151px;}
#home #shortcuts #sc-alumni a:hover, #home #shortcuts #sc-alumni:hover a, #home #shortcuts #sc-alumni.hover a {background-position: -291px -185px;}
#home #shortcuts #sc-prospective a:hover, #home #shortcuts #sc-prospective:hover a, #home #shortcuts #sc-prospective.hover a {background-position: -291px -219px;}
#home #shortcuts ul ul {display: none; position: absolute; left: 291px; top:0; z-index: 100; border: 1px solid #f0dba7; background: #f6edcb; opacity: .95; -moz-opacity: .95; filter:alpha(opacity=90);}
* html #home #shortcuts ul ul li a {border-bottom: 0;}
#home #shortcuts ul ul li a {font-size: 95%; width: 130px; text-indent: 0; height: auto !important; background: none; font-weight: bold; padding: 5px 4px 4px; border-bottom: 1px solid #f0dba7;}
#home #shortcuts ul ul li a:hover {color: #5b4096; text-decoration: none; background: #e6cd6d;}
#home #shortcuts li ul.show {display: block;}

/* general content styles */
table {border: 1px solid #e4def1; border-width: 1px 0; margin: 0 0 12px;}
table th {border-bottom: 1px solid #e4def1; padding: .4em .8em; color: #60439e; background-color: #fff;}
table td {padding: .4em .8em; border-bottom: 1px solid #e4def1;}
.rb {border-right: 1px solid #60439e;}

.faculty {width: 100%; font-size: 110%;}
.faculty td {padding-left: 0;}
.faculty td.r {padding-right: 0;}
.faculty .high td {font-weight: bold; color: #60439e;}

.column {width: 45%; margin-right: 5%; float: left;}

.schedule {border: 3px double #60439e; border-width: 3px 0; width: 100%;}
.schedule .top * {border-bottom: 3px double #60439e;}
.schedule .top a, .schedule .top h2 {border-bottom: 0;}
.schedule .rb {border-right: 1px solid #60439e; text-align: left; background-color: #e4def1;}
.schedule td.rb {border-bottom: 1px solid #e4def1;}
.schedule .lrb {border-right: 1px solid #60439e; border-left: 1px solid #60439e; text-align: left; background-color: #e4def1;}
.schedule th {border-bottom: 1px solid #e4def1; padding: .4em .4em; color: #60439e; background-color: #fff;}
.schedule th.r {text-align: right; white-space: nowrap;}
.schedule td {padding: .6em .8em; text-align: center; width: 55px; border-bottom: 1px solid #e4def1; white-space: nowrap;}
.schedule .r {background-color: #e4def1;}
.schedule .high td {background-color: #f2eff7;}

.schedule2 {width: 100%;}
.schedule2 .top th {border: 3px double #60439e; border-width: 1px 0 3px;}
.schedule2 .rb {border-right: 1px solid #60439e !important; background-color: #e4def1;}
.schedule2 th {text-align: left; vertical-align: top; border-bottom: 1px solid #e4def1; padding: .4em .2em .4em .6em; color: #60439e; background-color: #fff;}
.schedule2 td {padding: .4em .2em .4em .6em; border-bottom: 1px solid #e4def1; width: 13%;}
table .note {font-style: normal;}

#biodetails {margin-top: 26px; width: 76%; font-size: 110%; border: 0;}
#biodetails td {border: 0; padding: .2em .8em .2em 0;}
#biopic {float: right; border: 1px solid #5b4096; margin-top: 26px;}

* html .sidebar {margin-right: -45px;}
.sidebar {position: relative; float: right; width: 210px; margin: 0 -95px 12px 24px; padding: 4px 10px 0; background: #f1eef7 url(../img/h-content-bg.gif) bottom repeat-x; border: 1px solid #dfd8eb;}
.sidebar h4 {font-size: 130%; margin: 4px 0 4px; border-bottom: 1px solid #dfd8eb;}

#anchor {list-style-position: inside; list-style: none;}
#anchor li {padding-left: 24px; text-indent: -10px; background: url(../img/ic-anchor.gif) no-repeat; margin-bottom: 0;}
div:target, div.sftarget {padding: 0 10px 4px; background: #f1eef7 url(../img/h-content-bg.gif) bottom repeat-x; border: 1px solid #dfd8eb; margin-bottom: 12px; width: 95%;}
.btt {display: block; text-align: right; font-size: 90%; margin: -8px 0 12px; height: 16px; background: url(../img/ic-backtotop.gif) right no-repeat; padding-right: 10px;}

.note {font-style: italic; color: #777; font-size: 95%; margin-top: -8px;}
table .note {margin-top: 0;}

.courseno {float: left; width: 50%; margin-bottom: 2px; color: #777;}
.years {float: right; width: 50%; margin-bottom: 2px; text-align: right; color: #777;}
.prereq {font-style: italic; margin-bottom: 4px; color: #777;}

#directory h2 {display: none;}
#directory h3 {color: #5b4096; margin: 20px 0 8px; font: 150%/120% georgia,serif;}
#tabs {width: 100%; border-bottom: 1px solid #60439e; height: 42px;}
#tabs, #tabs li {margin: 0; padding: 0; list-style: none;}
#tabs li {float: left;}
#tabs a {float: left; background: #e4def1 url(../img/tabcorner-l.gif) top left no-repeat; text-decoration: none; padding: 4px 8px 4px; margin-right: 4px; height: 34px; position: relative;}
#tabs a img {position: absolute; top: 0; right: 0;}
#tabs a span {font-size: 90%; display: block;}
#tabs a:hover {color: #5b4096; background-color: #f0dba7;}
#tabs a.current {background-color: #60439e; color: #fff;}
#directory div {display: none; clear: both;}
#directory #faculty {display: block;}

* html #subnav {top: 222px;}
*+html #subnav {top: 222px;}
#subnav {position: absolute; top: 176px; left: 18px; width: 291px;}
#subnav img {display: block; border-top: 1px solid #f0dba7;}
* html #subnav h4 {font-weight: bold;}
#subnav h4 {color: #5b4096; margin: 20px 20px 12px; font: 130%/120% georgia,serif;}
#subnav ul, #subnav li {padding: 0; margin: 0; list-style: none;}
#subnav ul ul {margin: 0 0 12px 12px; font-size: 95%;}
* html #subnav li {margin-bottom: -14px;}
#subnav a {display: block; margin: 0 0 5px; padding: 0 30px; text-indent: -10px; text-decoration: none;}
#subnav a:hover {color: #5b4096; text-decoration: underline; background: url(../img/subnav-li.gif) 9px 3px no-repeat;}
#subnav a.current {color: #5b4096; font-weight: bold; background: url(../img/subnav-li.gif) 9px 3px no-repeat;}
#subnav a img {display: inline; border: none;}

* html #nav {top: 182px;}
*+html #nav {top: 182px;}
#nav {width: 960px; height: 30px; position: absolute; top: 136px; left: 0; background: #5b4096 url(../img/nav-bg.gif) repeat-x;}
#nav ul, #nav ul li {margin: 0; padding: 0; list-style: none;}
#nav li {float: left; position: relative;}
#nav ul li a {float: left; text-indent: -4000px; height: 30px; background: url(../img/nav.gif) no-repeat; text-decoration: none;}
#nav #nav-home a {width: 82px; background-position: 0 0;}
#nav #nav-about a {width: 96px; background-position: -82px 0;}
#nav #nav-academics a {width: 94px; background-position: -178px 0;}
#nav #nav-athletics a {width: 77px; background-position: -272px 0;}
#nav #nav-campus a {width: 103px; background-position: -349px 0;}
#nav #nav-counseling a {width: 96px; background-position: -452px 0;}
#nav #nav-college a {width: 115px; background-position: -548px 0;}
#nav #nav-library a {width: 73px; background-position: -663px 0;}
#nav #nav-calendar a {width: 82px; background-position: -736px 0;}
#nav #nav-news a {width: 59px; background-position: -818px 0;}
#nav #nav-home a:hover, #nav #nav-home:hover a, #nav #nav-home.hover a {background-position: 0 -30px;}
#nav #nav-about a:hover, #nav #nav-about:hover a, #nav #nav-about.hover a {background-position: -82px -30px;}
#nav #nav-academics a:hover, #nav #nav-academics:hover a, #nav #nav-academics.hover a {background-position: -178px -30px;}
#nav #nav-athletics a:hover, #nav #nav-athletics:hover a, #nav #nav-athletics.hover a {background-position: -272px -30px;}
#nav #nav-campus a:hover, #nav #nav-campus:hover a, #nav #nav-campus.hover a {background-position: -349px -30px;}
#nav #nav-counseling a:hover, #nav #nav-counseling:hover a, #nav #nav-counseling.hover a {background-position: -452px -30px;}
#nav #nav-college a:hover, #nav #nav-college:hover a, #nav #nav-college.hover a {background-position: -548px -30px;}
#nav #nav-library a:hover, #nav #nav-library:hover a, #nav #nav-library.hover a {background-position: -663px -30px;}
#nav #nav-calendar a:hover, #nav #nav-calendar:hover a, #nav #nav-calendar.hover a {background-position: -736px -30px;}
#nav #nav-news a:hover, #nav #nav-news:hover, #nav #nav-news.hover a {background-position: -818px -30px;}
#home #nav #nav-home a {background-position: 0 -60px;}
#about #nav #nav-about a {background-position: -82px -60px;}
#academics #nav #nav-academics a {background-position: -178px -60px;}
#athletics #nav #nav-athletics a {background-position: -272px -60px;}
#campus #nav #nav-campus a {background-position: -349px -60px;}
#counseling #nav #nav-counseling a {background-position: -452px -60px;}
#college #nav #nav-college a {background-position: -548px -60px;}
#library #nav #nav-library a {background-position: -663px -60px;}
#calendar #nav #nav-calendar a {background-position: -736px -60px;}
#news #nav #nav-news a {background-position: -818px -60px;}
#nav ul ul {display: none; position: absolute; top: 30px; left: 0; z-index: 100; border: 1px solid #dfd8eb; background: #f2eff7; opacity: .95; -moz-opacity: .95; filter:alpha(opacity=90);}
#nav ul ul ul {top: 0; left: 138px; background: #fff;}
#nav ul #nav-news ul {left: -65px;}
#nav #nav-athletics ul ul {width: 278px;}
#nav #nav-athletics ul div {float: left; width: 138px; border-right: 1px solid #dfd8eb;}
#nav ul ul li a {font-size: 95%; width: 130px !important; text-indent: 0; height: auto !important; background: none; font-weight: bold; padding: 5px 4px 4px; border-bottom: 1px solid #dfd8eb;}
#nav ul ul li a:hover {color: #5b4096; text-decoration: none; background: #dfd8eb;}
.show {display: block !important;}

* html #tnav {top: 22px;}
*+html #tnav {top: 22px;}
#tnav {position: absolute; top: -24px; left: 9px; width: 960px;}
#tnav ul, #tnav ul li {margin: 0; padding: 0; list-style: none;}
#tnav li {float: left;}
#tnav a {display: block; padding: 4px 8px; font-weight: bold; text-decoration: none;}
#tnav a:hover {color: #5b4096; text-decoration: underline;}
#search {float: right;}
#search .button {vertical-align: -6px;}

#footer {font-size: 95%; text-align: center; color: #666; padding: 8px 10px; line-height: 1.3; border-top: 2px solid #60439e;}
#footer ul, #footer ul li {margin: 0; padding: 0; list-style: none;}
#footer ul {margin: 0 0 6px; font-size: 105%;}
#footer ul li {display: inline; padding: 0 6px; border-right: 1px solid #dfd8eb;}
#footer ul li.last {border-right: none;}
#footer p {margin-top: 12px;}

#districtsuperheader {width: 100%; height: 12px; position: absolute; top: 0; left: 0; text-align: right; font-size: 11px; padding: 4px 0; background: #320850; font-weight: bold;}
#districtsuperheader a {color: #fff;}