html,body {margin:0;padding:0; /* needed for container min-height */background: url(images/constants/bgk.gif); font-family:"Verdana",sans-serif;font-size:85%;color:#000;}
h1 {font:150% Verdana, Arial, Helvetica, sans-serif;color:#000;padding:0px; margin:0px 0 8px 0 }
h2 {font:125% Verdana, Arial, Helvetica, sans-serif; font-weight:bold;padding:0px;margin:5px 0 5px 0 }
h3 {font:110% Verdana, Arial, Helvetica, sans-serif;color:#990000; padding:0px; margin:5px 0 10px 0}
h4 {font:105% Verdana, Arial, Helvetica, sans-serif;font-weight:bold; margin:0px 0 4px 0 ;padding:0; }
h5 {font:150% Verdana, Arial, Helvetica, sans-serif;color:#000;padding:0px; margin:0px 0 8px 0 }
.li {line-height:1.5; margin:0 0 1em 10px;}
p {line-height:1.5; margin:0 0 1em;}
.p {font-size:115%}
.blk {color:#000000;}
hr {height:1px; width:100%; background-color:#990000; border: 0;margin:0; padding:0; }
div#container { position:relative; /* needed for footer positioning*/margin:0px auto 30px auto; /* center, not in IE5 */width:740px; padding:0 0 0 0px;height:auto !important; /* real browsers */ border:solid #CCC 1px;/* real browse, #stylelibrary, #aboutusrs */ background:#e8e6e6; }
div#outer{ margin:0px 0 0 0;padding:0; }
div#header {width:740px; height:135px;margin:0px 0 0 0;padding: 0px 0 0 0px; background:#000000;border-top:solid #990000 7px;}
div#header img {padding: 5px 0 0 95px;}
div#iframe {width:740px;height:240px;padding:0 0 0 0px;margin:0px; text-align:center; }
/*********************************
START: Menu CSS
*********************************/
#menuSubContainer
{ width:740px; position:relative;height:29px; font-size:110%;padding:0 0 0 0px;margin:0px; text-align:center; font-size:110%;border-bottom:solid #CCC 7px; background:#FFFFFF;}
.ulMenuLevel1{list-style-type:none;margin:0;padding:0; text-transform:uppercase; font-size:95%;}
.liMenuLevel1{list-style-type:none;float:left;padding: 0 0px 0 0px;height: 29px;}
.linkMenuLevel1{display:block;line-height: 29px;}
.liMenuLevel1 a{text-decoration: none;display:block;color: #990000;padding: 0 15px 0 15px;}
.liMenuLevel1 a:visited{text-decoration: none;display:block;color: #990000;}
.liMenuLevel1 a:hover{text-decoration: none;display:block;background:#CCC;}
.ulMenuLevel2{list-style-type:none;position:absolute;margin: 0px 0 0 0;padding:0;display:none; text-align:left;
background-color:#333333; filter: alpha(opacity=80); -moz-opacity: 0.8;KhtmlOpacity: .8;opacity: .9;text-transform:none; font-size:80%;}
.liMenuLevel2{line-height: 22px;}
.liMenuLevel2 a{text-decoration: none;display:block;color: #ffffff;width:180px;padding-left: 10px;border:none;}
.liMenuLevel2 a:visited{text-decoration: none;display:block;color: #ffffff;width:180px;padding-left: 10px;border:none;}
.liMenuLevel2 a:hover{text-decoration: none;display:block;width:180px;background:transparent;border:none; background:#424242;color: #CCC;}
.ulMenuLevel3{list-style-type:none;position:absolute;margin: 0px 0 0 0;padding:0;display:none; text-align:left;
background-color:#333333; filter: alpha(opacity=90); -moz-opacity: 0.9;KhtmlOpacity: .9;opacity: .9;text-transform:none; font-size:90%;}
.liMenuLevel3{line-height: 22px;}
.liMenuLevel3 a{text-decoration: none;display:block;color: #ffffff;width:139px;padding-left: 10px;border:none;}
.liMenuLevel3 a:visited{text-decoration: none;display:block;color: #ffffff;width:139px;padding-left: 10px;border:none;}
.liMenuLevel3 a:hover{text-decoration: none;display:block;width:139px;background:transparent;border:none; background:#424242;color: #CCC;}
li:hover ul , li.over ul{ /* lists nested under hovered list items */display: block;}
#mainMenuUL li>ul { margin: 0px 0 0 0;padding:0;}
/*********************************
END: Menu CSS
*********************************/
body#home a#home, body#guest a#guest, body#about a#about, body#current a#current, body#theses a#theses, body#staff a#staff, body#graduates a#graduates {text-decoration: none;display:block;background:#CCC;}
#subnav, #subnavnav ul {float:right;text-align: left;display: block; padding: 3px 0 5px 10px; margin: 0; list-style: none; text-transform:uppercase;background:#990000 url(images/constants/top_corner.gif) top left no-repeat;}
#subnav a {display:block;font-size:80%;color:#FFF;text-decoration: none;padding-left: 10px;padding-right: 10px;}
#subnav li {float: left;color:#FFF;}
#subnav li a:hover {text-decoration: underline;}
div#hcontent {padding:0 0 100px 0;/* bottom padding for footer */ margin:0 0 0px 0;}
div#hcontent p {text-align:justify;padding:8px 15px 0px 12px;}
div#hcontent a {padding:0px;}
div#events {padding:0px 0px 50px 10px; display:block; background:#000 url(images/constants/event_corner.gif) no-repeat top left; color:#FFFFFF;margin:10px 15px 0px 10px; }
div#events p { padding:0}
div#events h4 {padding:0px;font:105% Verdana, Arial, Helvetica, sans-serif;font-weight:bold; margin:0 0 8px 0;border-top:solid #990000 7px;}
div#events a:link { color: #FFF; text-decoration: none;}
div#events a:visited {color: #FFF; text-decoration: none;}
div#events a:hover { color: #FFF;text-decoration:underline}
div#events a:active {color: #FFF;text-decoration: none;}
div#content {padding:12px 15px 80px 12px;/* bottom padding for footer */ margin:0}
div#content p {text-align:justify;padding:0px 0px 0 0px;}
div#content a {padding:0px;}
div#content a:link { color: #000; text-decoration: none;}
div#content a:visited {color: #000; text-decoration: none;}
div#content a:hover { color: #000;text-decoration:underline}
div#content a:active {color: #000;text-decoration: none;}
.co731 {float: left;padding: 0px 0 0px 0px; width:731px;text-align: left;margin:0px 5px 10px 0; vertical-align:bottom;}
.co600 {float: left;padding: 0px 0 0px 0px; width:460px;height:82px;text-align: left;margin:5px 5px 3px 0;}
.co120eve {float: right;padding: 0px 0 0px 0px; width:100px; height:82px;margin:5px 40px 0px 0; }
.co120eve img { margin:0px; padding:0px; border:none;}
div#tright{float:right;width:275px;margin:0px 0 0px 10px; text-align:left; padding:4px 4px 4px 0px;back55ground: #B5B5B5; }
div#tright img { margin:0px; padding:0px; border:none;b-order:solid #B5B5B5 1px; width:80px; height:80px}
div#tright a {padding:0px;}
div#tright a:link { color: #000; text-decoration: none;}
div#tright a:visited {color: #000; text-decoration: none;}
div#tright a:hover { text-decoration:underline}
div#tright a:active {color: #000;text-decoration: none;}
div#tleft{float:left;width:715px; margin:0px 0 10px 0px; padding:0px 0 0 0; }
.co160 {float: left;padding: 0px 0 0px 0px; width:290px;text-align: left;margin:0px 5px 10px 0;}
.co160 p {text-align: left;}
.co120 {float: left;padding: 0px 0 0px 0px; width:120px;text-align: left;margin:0px 0px 0px 0; height:210px;}
.co415 {float: left;padding: 0px 0 0px 0px; width:415px;text-align: left;margin:0px 0px 0px 0;}
.colink {padding: 0px 0 0px 0px; margin:10px 0px 0px 0;}
/* ----------lightbox gallery---------------- */
#thumb {margin:10px 0 0 0;text-align: left; }
#thumb img {b-order: 1px solid #972806;width: 150px;height: 90px;margin:0px 5px 10px 10px;}
#lightbox{position: absolute;top: 40px;left: 0;width: 100%; z-index: 100;text-align: left;line-height: 0; }
#lightbox a img{ border: none;}
#outerImageContainer{position: relative;background-color: #e1e0e1;width: 250px;height: 250px;margin: 0 auto;}
#imageContainer{padding: 10px;}
#loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%;height: 100%;background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{font: 10px; background-color: #e1e0e1; margin: 0 auto; line-height: 1.4em; }
#imageData{ padding:0 10px; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ margin:0px; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; }
#overlay{ position: absolute; top: 0; left: 0;z-index: 90;width: 100%;height: 500px;background-color: #000;
filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html>body .clearfix { display: inline-block; width: 100%; }
* html .clearfix { /* Hides from IE-mac \*/height: 1%;/* End hide from IE-mac */}
div#sbox { float: left;border:#FFF solid 1px; background:#BBBBBB; padding:10px 0 10px 30px; color:#000;width:470px;margin:0px 0 10px 0;}
div#sbox a:link, div#rbox a:link {color: #000; text-decoration: none;font-weight:bold;padding: 0px;}
div#sbox a:visited, div#rbox a:visited {color: #000;text-decoration: none;font-weight:bold;padding: 0px;}
div#sbox a:hover, div#rbox a:hover {color: #00295c;text-decoration: none;font-weight:bold;padding: 0px;}
div#sbox a:active, div#rbox a:active {color: #000;text-decoration: none;font-weight:bold;padding: 0px;}
div#hbox { float: left; border-bottom:#FFF solid 1px; background:#c7c7c9; color:#FFF;width:506px;margin:0px 0 10px 0; font-size:100%;}
div#tbox { float: left; border:#FFF solid 1px; background:#ff8a00; padding:5px 0 5px 5px; color:#000;width:503px;margin:0px 0 10px 0; font-size:105%;}
div#cbox { float: left; color:#000;width:506px;margin:0px 0 10px 0; }
div#rbox { float: left;border:#FFF solid 1px; background:#BBBBBB; padding:10px 0 5px 5px; color:#000;width:503px;margin:0px 0 10px 0; }
div#rbox p {padding:10px 15px 0px 0px;}
div#fbox { float: left;padding:0px 0 5px 5px; color:#000;width:503px;margin:0px 0 10px 0; }
.co300b {background:#c7c7c9; float: left;border-top:#FFF solid 1px;width:506px;text-align: left;margin:0;font:105% georgia,serif;}
.co300b a {width:496px;padding:8px 5px 8px 5px;display:block;background: url(images/constants/b_details_off.gif) no-repeat right;}
.co300b a:link { color: #000; text-decoration: none;font-weight:bold;}
.co300b a:visited {color: #000; text-decoration: none;font-weight:bold;}
.co300b a:hover {background:#FFF url(images/constants/b_details.gif) no-repeat right;}
.co300b a:active {color: #000;text-decoration: none;font-weight:bold;}
.co300c {background:#BBB;float: left;padding:8px 0 8px 5px; width:207px;text-align: left;margin:0;font-size:100%; }
.co200c {background:#BBB;float: left;padding:8px 0 8px 5px; width:289px;text-align: left;margin:0; font-size:100%;}
.co100c {background:#BBB;float: left;padding:8px 0 8px 5px; width:100px;text-align: left;margin:0;}
.co_loc {float: left;padding:8px 0 8px 5px; width:207px;text-align: left;margin:0;color:#000;font-size:85%; }
.co_sal {float: left;padding:8px 0 8px 5px; width:270px;text-align: left;margin:0;color:#000;font-size:85%; }
.co100b {background:#BBB;float: left;padding:8px 5px 8px 5px; width:98px;text-align: left;margin:0; font-size:80%;}
.co100 {float: left;border-bottom:#FFF solid 1px;padding: 8px 0 8px 5px; width:100px;text-align: left;margin:5px 0 5px 0;}
.co120b {float: left;padding: 8px 0 8px 5px; width:88px;text-align: left;margin:5px 0 5px 0;}
.co360b {background:#BBB;float: left;padding:8px 0 8px 5px; width:395px;text-align: left;margin:0;}
.co360c {background:#c7c7c9;float: left;padding:8px 0 8px 5px; width:395px;text-align: left;margin:0;}
.co100b {background:#BBB;float: left;padding:8px 0 8px 5px; width:103px;text-align: left;margin:0; font-size:80%;}
.co140c {background:#c7c7c9;float: left;border-right:#FFF solid 1px;padding:8px 0 8px 5px; width:100px;text-align: left;margin:0;}
.co140b {background:#BBB;float: left;border-right:#FFF solid 1px;padding:8px 0 8px 5px; width:100px;text-align: left;margin:0;}
.co300lo {float: left;padding: 0 0px 0 0px; width:280px;text-align: left;margin:5px 0 5px 0; color:#FFF;font-size:75%;}
.co220 {float: left;padding: 0 0px 0 0px; width:220px;text-align: left;margin:0px 15px 5px 0;}
.co200 {float: left;padding: 0 0px 0 0px; width:200px;text-align: right;margin:5px 0 5px 0;}
.co300 {float: left;padding: 0 0px 0 0px; width:280px;text-align: left;margin:5px 0 5px 0;}
.co100lo {float: left;padding: 0 0px 0 0px; width:130px;text-align: left;margin:5px 0 5px 0; font-size:75%;}
.co100lo2 {float: right;padding: 0 0px 0 0px; width:238px;text-align: right;margin:0px 0 5px 0; font-size:75%;}
.co140 {float: left;padding: 0 0px 0 0px; width:140px;text-align: left;margin:5px 0 5px 0; color:#333;}
.co300g {float: left; background:#CCC;padding: 0 0px 0 0px; width:290px;text-align: left;margin:5px 0 5px 0;}
.co100g {float: left; background:#CCC;padding: 0 0px 0 0px; width:100px;text-align: left;margin:5px 0 5px 0;}
.co120g {float: left; background:#CCC;padding: 0 0px 0 0px; width:110px;text-align: left;margin:5px 0 5px 0;}
div#footer {width:740px; padding:0px;position:absolute;bottom:0; font-size:80%; color:#666; /* stick to bottom */ border-top:1px #CCC solid; margin:5px 0 0 0px; background:#FFF;}
div#footer p {padding:0 0 10px 0;margin:15px 5px 5px 5px; text-align:left;}
div#footer img {padding:0;margin:8px 15px 5px 15px; border:none;}
.co290 {float: left; padding: 0 0px 0 0px; width:330px;text-align: left;margin:5px 0 5px 0;}
.co280 {float: left; padding: 5px 0px 0 0px; width:280px;text-align: left;margin:5px 0 10px 0;}
.co190 {float: left; padding: 5px 0px 0 0px; width:100px;text-align: left;margin:5px 0 5px 0;}
div#footer a {padding:0px;display:block;}
div#footer a:link { color: #666; text-decoration: none;}
div#footer a:visited {color: #666; text-decoration: none;}
div#footer a:hover { text-decoration:underline}
div#footer a:active {color: #666;text-decoration: none;}