* html .byfloatedimage{display: inline;} /* IE Only Hack */
#logo {
position: absolute;
top: 0px;
left: 0px;
height: 73px;
width: 290px;
padding: 0px;
background: #dde298;
margin: 0px;
}
#empty {
position: absolute;
top: 0px;
left: 290px;
padding: 0px;
background: #dde298;
margin: 0px;
}
#filler_button {
position: absolute;
top: 45px;
left: 290px;
padding: 0px;
background: #dde298;
margin: 0px;
}
#egov_button {
position: absolute;
top: 44px;
left: 392px;
padding: 0px;
margin: 0px;
}
#collab_button {
position: absolute;
top: 44px;
left: 520px;
padding: 0px;
margin: 0px;
}
#records_button {
position: absolute;
top: 58px;
left: 290px;
padding: 0px;
margin: 0px;
}
#it_button {
position: absolute;
top: 58px;
left: 392px;
padding: 0px;
margin: 0px;
}
#info_button {
position: absolute;
top: 58px;
left: 520px;
padding: 0px;
margin: 0px;
}
#about_button {
position: absolute;
top: 72px;
left: 0px;
padding: 0px;
margin: 0px;
}
#pub_button {
position: absolute;
top: 72px;
left: 90px;
padding: 0px;
margin: 0px;
}
#proj_button {
position: absolute;
top: 72px;
left: 171px;
padding: 0px;
margin: 0px;
}
#contact_button {
position: absolute;
top: 72px;
left: 229px;
padding: 0px;
margin: 0px;
}
#research_button {
position: absolute;
top: 86px;
left: 0px;
padding: 0px;
margin: 0px;
}
#tools_button {
position: absolute;
top: 86px;
left: 90px;
padding: 0px;
margin: 0px;
}
#academics_button {
position: absolute;
top: 86px;
left: 171px;
padding: 0px;
margin: 0px;
}
#sitemap_button {
position: absolute;
top: 86px;
left: 229px;
padding: 0px;
margin: 0px;
}
#rss_button {
position: absolute;
top: 79px;
left: 315px;
padding: 0px;
background: #fff;
margin: 0px;
}
#search_box {
position: absolute;
top: 79px;
left: 380px;
padding: 0px;
background: #fff;
margin: 0px;
}
#search_button {
position: absolute;
top: 79px;
left: 659px;
padding: 0px;
background: #fff;
margin: 0px;
}
/*
#left_themes {
position: absolute;
width: 125px;
top: 120px;
left: 15px;
padding-right: 10px;
margin: 0px;
background-image: url(/img/dotted.gif);
background-repeat: repeat-y;
background-position: top right;
}
*/
#left_themes {
float:left;
width: 125px;
padding-left: 15px;
padding-right: 10px;
margin: 0px;
background-image: url(/img/dotted.gif);
background-repeat: repeat-y;
background-position: top right;
}
/*
#left_themes_print {
position: absolute;
width: 125px;
top: 100px;
left: 15px;
padding-right: 10px;
margin: 0px;
background-image: url(/img/dotted.gif);
background-repeat: repeat-y;
background-position: top right;
}
*/
#left_themes_print {
float:left;
width: 125px;
padding-left: 15px;
padding-right: 10px;
margin: 0px;
background-image: url(/img/dotted.gif);
background-repeat: repeat-y;
background-position: top right;
}
/*
#right_themes {
position: absolute;
width: 135px;
top: 120px;
left: 525px;
padding-left: 15px;
margin: 0px;
background-image: url(/img/double.gif);
background-repeat: repeat-y;
background-position: top left;
}
*/
#right_themes {
float:right;
width: 135px;
padding-left: 15px;
padding-right: 15px;
margin: 0px;
background-image: url(/img/double.gif);
background-repeat: repeat-y;
background-position: top left;
}
.coversmall {
float: right;
height: 41px;
width: 32px;
padding: 1px;
border: 0;
}
.iconsleft {
float: left;
height: 12px;
width: 12px;
padding: 1px;
border: 0;
}
.photoleft {
float: left;
padding-top: 3px;
padding-right: 5px;
border: 0;
}
.floatleft {
float: left;
}
.clearleft {
clear: left;
}
.clearright {
clear: right;
}
.clearboth {
clear: both;
}
div.index {
position: absolute;
width: 420px;
top: 120px;
left: 40px;
padding-left: 0px;
padding-right: 40px;
padding-top: 0px;
padding-bottom: 5px;
margin: 0px;
text-align:center;
}
/*
div.indexleft {
position: absolute;
width: 440px;
top: 120px;
left: 40px;
padding-left: 0px;
padding-right: 40px;
padding-top: 0px;
padding-bottom: 5px;
margin: 0px;
text-align:left;
}
*/
div.indexleft {
width: 460px;
padding-left: 15px;
padding-right: 5px;
padding-bottom: 5px;
margin-left:10px;
margin-right: 135px;
text-align:left;
}
div.fullpage {
position: absolute;
width: 900px;
top: 120px;
left: 10px;
padding-left: 0px;
padding-right: 100px;
padding-top: 0px;
padding-bottom: 5px;
margin: 0px;
text-align:left;
}
/*
div.main {
position: absolute;
width: 325px;
top: 120px;
left: 160px;
padding-left: 15px;
padding-right: 5px;
padding-top: 0px;
padding-bottom: 5px;
margin: 0px;
}
*/
div.main {
width: 325px;
padding-left: 15px;
padding-right: 5px;
padding-bottom: 5px;
margin-left:160px;
margin-right: 135px;
}
div.main2column {
/* position: relative; */
width: 500px;
/* top: 120px; */
/* left: 160px;*/
padding-left: 15px;
padding-right: 5px;
padding-top: 0px;
padding-bottom: 5px;
/* margin: 0px; */
margin-left:145px;
margin-right: 0px;
}
/*
div.mainprint {
position: absolute;
width: 500px;
top: 100px;
left: 160px;
padding-left: 15px;
padding-right: 5px;
padding-top: 0px;
padding-bottom: 5px;
}
*/
div.mainprint {
width: 500px;
padding-left: 15px;
padding-right: 5px;
padding-bottom: 5px;
margin-left:145px;
margin-right: 0px;
}
div.fullmist {
position: absolute;
width: 900px;
top: 75px;
left:120px;
padding-left: 15px;
padding-right: 5px;
padding-top: 0px;
padding-bottom: 5px;
}
div.narrowmist {
position: absolute;
width: 540px;
top: 75px;
left:120px;
padding-left: 15px;
padding-right: 5px;
padding-top: 0px;
padding-bottom: 5px;
}
div.fullnysit {
position: absolute;
top: 75px;
left:20px;
padding-left: 15px;
padding-right: 5px;
padding-top: 0px;
padding-bottom: 5px;
}
div.otr {
position: absolute;
top: 55px;
left:20px;
padding-left: 15px;
padding-right: 5px;
padding-top: 0px;
padding-bottom: 5px;
}
div.fullnysit660{
position: absolute;
width: 660px;
top: 75px;
left:20px;
padding-left: 15px;
padding-right: 5px;
padding-top: 0px;
padding-bottom: 5px;
}
div.fullpage660 {
position: absolute;
width: 660px;
top: 145px;
left: 20px;
right: 20px;
padding-left: 0px;
padding-right: 100px;
padding-top: 0px;
padding-bottom: 5px;
margin: 0px;
text-align:left;
}
div.pubcover {
height: 85px;
width: 65px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 5px;
margin: 0px;
float:left;
}
div.head3bookicon {
margin: 0px;
padding-top: 25px;
padding-right: 5px;
padding-bottom: 5px;
color: #000000;
font-weight: bold;
font-size: 12px;
font-family: Arial, Helvetica, Geneva, Swiss, sans-serif;
text-transform: none;
}
div.arbookicon {
margin: 0px;
padding-top: 45px;
padding-right: 5px;
padding-bottom: 5px;
color: #000000;
font-weight: bold;
font-size: 12px;
font-family: Arial, Helvetica, Geneva, Swiss, sans-serif;
text-transform: none;
}
div.clearfloat {
clear: left;
}
div.releaseleft {
margin: 0px;;
color: #000000;
font-weight: normal;
font-size: 12px;
font-family: Arial, Helvetica, Geneva, Swiss, sans-serif;
text-transform: none;
text-align: left;
float:left;
}
div.releaseright {
margin: 0px;;
color: #000000;
font-weight: normal;
font-size: 12px;
font-family: Arial, Helvetica, Geneva, Swiss, sans-serif;
text-transform: none;
text-align: right;
}
A:visited { color: #A00000 }
A:link { color: #000099}
A:hover { color: #00A000 }
body {
margin: 0px;
background: #ebeec1;
}
body.newsite {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-size: .8em;
background: #ebeec1;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #0072a9;
}
body.print {
background: #FFFFFF;
margin: 0;
padding: 0;
width: 660px;
}
body.mist {
background: #FFFFFF;
margin: 0 auto;
padding: 0;
}
#container {
width: 680px; /* this will create a container 80% of the browser width */
background: #FFFFFF;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: 1px solid #000000;
text-align: left; /* this overrides the text-align: center on the body element. */
}
#containerprint {
width: 680px; /* this will create a container 80% of the browser width */
background: #FFFFFF;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: none;
text-align: left; /* this overrides the text-align: center on the body element. */
}
.head1 { color: #000000; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-transform: none; }
.head2 { color: #7A7D6F; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-transform: uppercase; }
.head3 { color: #000000; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-transform: none; }
.head4 { color: #7A7D6F; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-transform: uppercase }
.head3A { color: #7A7D6F; font-weight: bold; font-style: italic; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-transform: none; }
/*
.head1 { color: #000000; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-transform: uppercase; }
.head2 { color: #000000; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-transform: none; }
.head3 { color: #000000; font-weight: bold; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-transform: uppercase; }
.head4 { color: #000000; font-weight: normal; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-transform: none }
.head3A { color: #000000; font-weight: bold; font-style: italic; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-transform: none; }
*/
.headleftnav { color: #000000; font-weight: bold; font-size: 12px; line-height: 15px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-transform: uppercase }
.headleftnavlower { color: #7A7D6F; font-weight: bold; font-size: 12px; line-height: 15px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif }
.headleftnav2 { color: #7A7D6F; font-weight: normal; font-size: 10px; line-height: 12px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-transform: uppercase }
.lftmenu { color: #354283; font-weight: normal; font-size: 11px; line-height: 12px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif }
.lftmenu ul {margin-left: 0; margin-top: 0; padding-left: 15px; list-style-type:disc;}
.lftmenublack { color: #000000; font-weight: normal; font-size: 11px; line-height: 12px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif }
.ctcoltxt12 { color: #000000; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif;}
.ctcoltxt12half { color: #000000; font-size: 12px; padding-top:12px;font-family: Arial, Helvetica, Geneva, Swiss, sans-serif;}
.ctcoltxt11 { color: #44473a; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-align: left }
.ctcoltxt10 { color: #44473a; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-align: left }
.programcode { color: #000000; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-align: left }
.ctcoltxt12center { color: #44473a; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-align: center; }
.ctcoltxt12boldcenter { color: #44473a; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-align: center }
.rtheads { color: #000; font-weight: bold; font-size: 10px; line-height: 12px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-align: left; text-transform: uppercase }
.rtheads11 { color: #000; font-weight: normal; font-size: 12px; line-height: 12px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-align: left; text-transform: uppercase }
.rtheadsSmall { color: #000; font-weight: bold; font-size: 10px; line-height: 12px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-align: right }
.rtheadsSmallCenter { color: #000; font-weight: bold; font-size: 10px; line-height: 12px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-align: center }
.rtcollink { color: #354283; font-size: 10px; line-height: 12px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-align: left }
.rtcoltxt { color: #808080; font-size: 10px; line-height: 12px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-align: left }
.utiltxt01 { color: #a9a9a9; font-size: 10px; line-height: 14px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-align: left }
.utiltxt02 { color: #a9a9a9; font-weight: normal; font-size: 10px; line-height: 10px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-align: left }
.rtheads2 { color: #000; font-weight: bold; font-size: 10px; line-height: 18px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-align: left; text-transform: uppercase }
.rtheads3 { color: #000; font-weight: bold; font-size: 10px; line-height: 11px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-align: left;}
.rtheads3plus { color: #000; font-weight: bold; font-size: 11px; line-height: 11px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-align: left;}
.redtextsearch { color: #FF0000; font-weight: normal; font-size: 10px; line-height: 10px; font-family: Arial, Helvetica, Geneva, Swiss, Sans-Serif; text-align: left }
.redtext { color: #FF0000; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif }
.logobold { color: #000000; font-weight: bold; font-size: 24px; line-height: 28px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif}
.logo { color: #000000; font-weight: normal; font-size: 24px; line-height: 28px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif}
.copyright { color: #44473a; font-size: 10px; line-height: 15px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-align: center }
.redtext2 { color: #FF0000; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif }
.redtext3 { color: #FF0000; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, Sans-Serif; text-align: center; }
.redtextsmall { color: #FF0000; font-size: 10px; line-height: 10px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif}
.redtextsmallcenter { color: #FF0000; font-size: 10px; line-height: 10px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-align: center;}
.captiontxt10 { color: #000000; font-size: 10px; line-height: 10px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif}
.noindent { position: relative; left:-25px}
.noindententry { position: relative; left:-15px}
.indent {position: relative; left: 25px; width:475px;}
.costcell { color: #000000; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, Sans-Serif; }
.costcellcenter { color: #000000; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, Sans-Serif; text-align: center }
.costcelltable { color: #000000; background-color: #E2E2E2; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, Sans-Serif; }
.head3italic { color: #000000; font-style: italic; font-weight: bold; font-size: 12px; line-height: 15px; font-family: Arial, Helvetica, Geneva, Swiss, Sans-Serif; }
.head3italicnobold { color: #000000; font-style: italic; font-weight: normal; font-size: 12px; line-height: 15px; font-family: Arial, Helvetica, Geneva, Swiss, Sans-Serif; }
.celltxt { color: #000000; font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, Sans-Serif; text-align: left }
.tutorial { color: #000000; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, Sans-Serif; }
.small {font-size: 11px; line-height: 15px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif }
.smallbold {font-weight: bold; font-size: 11px; line-height: 15px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif }
.topmenu {font-weight: bold; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif }
.topmenubig {font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif }
.topmenu2 {font-weight: bold; font-size: 10px; line-height: 18px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif }
.fieldlabel { color: #000000; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, Sans-Serif; }
.fieldlabelcenter { color: #000000; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, Sans-Serif; text-align: center }
.fieldlabel2 { color: #000000; font-weight: normal; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, Sans-Serif; }
.caption { color: #7A7D6F; font-size: 11px; font-weight: normal; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif }
.photocaptionbold { background-color: #6A6D9D; color: #FFFFFF; font-weight: normal; font-style: normal; font-size: 1px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-align: left; width: 420px; margin-top: 0px; margin-left: 32px; margin-right: 45px; padding-top: 6px; padding-left: 15px; padding-right: 15px;}
div.photoback { background: #6A6D9D; width: 330px; margin-top: 0px; margin-left: 20px; margin-right: 45px; padding-top: 6px; padding-left: 10px; padding-right: 6px; border: groove 2px #6A6D9D; color: #FFFFFF; font-weight: normal; font-style: normal; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-align: left; }
div.photogalleryback {background: #6A6D9D; width: 415px;margin-top: 0px; margin-left: 0px; margin-right: 0px; padding-top: 10px; padding-left: 10px; padding-right: 0px; padding-bottom: 5px; border: groove 2px #6A6D9D;}
.photonavigation { color: #bebebe; font-weight: bold; font-size: 12px; line-height: 15px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-align: center; }
#photoinstruction { position:absolute; left: 160px ; top: 295px ; width: 220px; color: #bebebe; font-weight: bold; font-size: 12px; line-height: 15px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-align: center }
div.photo {display: inline; }
.hidearrow {color: #6A6D9D; font-weight: bold; font-size: 12px; line-height: 15px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-align: center }
.invitation { color: #000000; font-style: italic; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; }
.hicss_head1 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #2f538a; font-weight: bold }
.hicss_head2 { font-family: Arial, Helvetica, sans-serif; font-size: 17px; color: #2f538a; font-weight: bold; font-style: normal }
.hicss_head3 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #2f538a; font-weight: bold; font-style: italic }
.newmodels_headleftnav { color: #000000; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-transform: uppercase }
.hometext { color: #000000; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, Sans-Serif; }
.hometextsource { color: #7A7D6F; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, Sans-Serif; }
.hometitle { color: #6b6d9c; font-weight: bold; font-style: italic; font-size: 16px; font-family: Arial, Helvetica, Geneva, Swiss, Sans-Serif; }
.homesubtitle { color: #6b6d9c; font-weight: bold; font-style: normal; font-size: 14px; margin-bottom:2px; font-family: Arial, Helvetica, Geneva, Swiss, Sans-Serif; }
.hometitleleft { color: #6b6d9c; font-weight: bold; font-style: italic; font-size: 16px; font-family: Arial, Helvetica, Geneva, Swiss, Sans-Serif; text-align: left;}
.homesubtitle2 { color: #000000; font-weight: bold; font-style: normal; font-size: 12px; margin-top: 10px; margin-bottom:2px; font-family: Arial, Helvetica, Geneva, Swiss, Sans-Serif; }
.arrowSmall { color: #000; font-weight: normal; font-size: 11px; line-height: 12px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-align: left }
.previous { color: #354283; font-weight: normal; font-size: 11px; line-height: 15px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; float: left; display: inline }
.next { color: #354283; font-weight: normal; font-size: 11px; line-height: 15px; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; float: right; display: inline}
.demogformlabelnarrow {display:block; float:left; width: 80px; text-align:right; vertical-align:bottom;line-height: 24px;}
.demogformlabel {display:block; float:left; width: 150px; text-align:right; vertical-align:bottom;line-height: 24px;}
.demogforminput {display:inline; float:left; vertical-align:bottom; line-height: 24px; margin-left:10px;}
.demogformlabelabsolute {position: absolute; left: 150px; vertical-align:bottom; }
.demogforminputabsolute {position: absolute; left: 165px; vertical-align:bottom; margin-left:10px;}
.sidebar {background-color: #D3D3D3;}
.cleardemogfloat {
display:block;
clear: both;
}
ul.nobullet {
list-style:none;
}
#left_publications_mist {
position: absolute;
width: 100px;
top: 75px;
left: 15px;
padding-right: 10px;
margin: 0px;
background-image: url(/img/dotted.gif);
background-repeat: repeat-y;
background-position: top right;
}
/* ******************************************************************************************************************************************************************************************************************
NEW HOME PAGE BANNER STYLES
******************************************************************************************************************************************************************************************************************* */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-size: .8em;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #0072a9;
}
#wrapper {
width: 680px; /* this will create a container 80% of the browser width */
background: #FFFFFF;
margin: 0; /* the auto margins (in conjunction with a width) center the page */
text-align: left; /* this overrides the text-align: center on the body element. */
}
/* ==================================================================
Creates a container for the top banner
==================================================================*/
#header {
/* height needed to fill in background color between images in header */
width: 680px;
background-color: #092861;
margin: 0;
/*padding: 0 10px; this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
#header img {
background-color: #092861;
margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
/* ==================================================================
Styles for Top Banner navigation and Bottom Footer navigation
==================================================================*/
#mainNav { /* div id for top banner, adapted from Ualbany */
width: 680px;
margin: 0;
padding:0;
clear:both;
}
#mainNav ul li.firstLink { /* removes left border for first item in nav banner */
border-left: none;
padding-left: 1.75em;
}
#nav, #nav ul { /* from Son of Suckerfish dropdowns */
margin: 0;
padding: 0;
list-style: none;
}
#nav li.top { /* adapted from Son of Suckerfish dropdowns and Ualbany site
the class top ensures it will only affect the first-level list and not the second-level dropdown list */
float:left;
position:relative;
padding-right: 1.75em;
padding-left: 1.75em;
padding-top: .2em;
padding-bottom: .2em;
background-color: #c0bf19;
border-left: 1px solid #0072a9;
font-size:.8em;
font-weight: normal;
font-family: Verdana,Helvetica,Arial,sans-serif;
color: #000000;
}
#nav li ul { /* positions the drop down list directly below its item above and hides it for now way left */
position: absolute;
left:-999em;
}
#nav li.sfhover ul { /* IE workaround since it doesn't recognize hover; gets sfhover from javascript */
clear:both;
position: absolute;
top:1.4em;
left:-999em;
}
#nav li ul li { /* formats drop down box */
background-color: #FFFFFF;
width:84px;
z-index:500;
padding-left: .5em;
margin-left:-1.8em;
padding-bottom:.35em;
border-left:1px solid #0072a9;
border-right:1px solid #0072a9;
}
#nav li.sfhover ul.whiteNavBar li { /* IE workaround to format drop down box */
background-color: #FFFFFF;
width:84px;
z-index:500;
padding-left: .5em;
margin-left:0; /*positions drop down below its item above */
padding-bottom:.35em;
border-left:1px solid #0072a9;
border-right:1px solid #0072a9;
}
li ul li.firstlink { /*positions top of dropdown box and bottom of item above it */
margin-top:.4em;
}
li.sfhover ul li.firstlink {/* IE workaround to position top of dropdown box and bottom of item above it */
margin-top:.4em;
}
li ul li.lastlink { /*positions top of dropdown box and bottom of item above it */
border-bottom:1px solid #0072a9;
}
li.sfhover ul li.lastlink {/* IE workaround to position top of dropdown box and bottom of item above it */
border-bottom:1px solid #0072a9;
}
li > ul { /* from Son of Suckerfish Dropdown to accommodate Opera browsers */
top: auto;
left: auto;
}
#nav li:hover ul { /* reveals hidden drop-down box on mouse hover, from Son of Suckerfish dropdowns */
left:auto;
}
#nav li.sfhover ul { /* IE workaround to reveal hidden drop-down box on mouse hover, from Son of Suckerfish dropdowns */
left:0;top:1.4em;
}
.yellowNavBar { /* adds yellow background to top and bottom nav buttons */
background-color: #c0bf19;
width:680px;
height:1.4em;
vertical-align:middle;
}
.yellowNavBar a:link { /* controls appearance of links in navigation bar */
color: #0072a9;
text-decoration:none;
text-transform: uppercase;
font-weight: bold;
}
.yellowNavBar a:visited { /* controls appearance of links in navigation bar */
color: #0072a9;
text-decoration:none;
text-transform: uppercase;
font-weight: bold;
}
.yellowNavBar a:hover { /* controls appearance of links in navigation bar */
color: #FFFFFF;
text-decoration:none;
text-transform: uppercase;
font-weight: bold;
}
.yellowNavBar a:active{ /* controls appearance of links in navigation bar */
color: #0072a9;
text-decoration:none;
text-transform: uppercase;
font-weight: bold;
}
ul.whiteNavBar a:link { /* controls appearance of links in drop down navigation box */
color: #0072a9;
text-decoration:none;
text-transform: none;
}
ul.whiteNavBar a:visited { /* controls appearance of links in drop down navigation box */
color: #0072a9;
text-decoration:none;
text-transform: none;
}
ul.whiteNavBar a:hover { /* controls appearance of links in drop down navigation box */
color: #990033;
text-decoration:none;
text-transform: none;
}
ul.whiteNavBar a:active {/* controls appearance of links in drop down navigation box */
color: #0072a9;
text-decoration:none;
text-transform: none;
}
#bottomNav { /* div id for bottom banner */
width: 680px;
margin: 0;
padding:0;
clear:both;
}
#bottomNav ul { /* from Son of Suckerfish dropdowns */
margin: 0;
padding: 0;
list-style: none;
}
#bottomNav ul li { /* adapted from Son of Suckerfish dropdowns and Ualbany site */
float:left;
position:relative;
padding-right: 1.75em;
padding-left: 1.75em;
padding-top: .2em;
padding-bottom: .2em;
background-color: #c0bf19;
border-left: 1px solid #0072a9;
font-size:.8em;
font-weight: normal;
font-family: Verdana,Helvetica,Arial,sans-serif;
color: #000000;
}
#bottomNav ul li.firstLink {/* removes left border for first item in nav banner */
border-left: none;
padding-left: 1.75em;
}
#bottomNav { /* div id for bottom banner */
width: 680px;
margin: 0;
padding:0;
clear:both;
}
#bottomNav ul { /* from Son of Suckerfish dropdowns */
margin: 0;
padding: 0;
list-style: none;
}
#bottomNav ul li { /* adapted from Son of Suckerfish dropdowns and Ualbany site */
float:left;
position:relative;
padding-right: 1.75em;
padding-left: 1.75em;
padding-top: .2em;
padding-bottom: .2em;
background-color: #c0bf19;
border-left: 1px solid #0072a9;
font-size:.8em;
font-weight: normal;
font-family: Verdana,Helvetica,Arial,sans-serif;
color: #000000;
}
#bottomNav ul li.firstLink {/* removes left border for first item in nav banner */
border-left: none;
padding-left: 1.75em;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
margin-right: 8px;
}
.skipnav {
display:none;
}
/* ==================================================================
Creates a blank separator between top banner, main content, and bottom banner
==================================================================*/
#separator {
clear:both;
width: 100%;
background-color: #FCF8F9;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: 0 #000000;
text-align: left; /* this overrides the text-align: center on the body element. */
}
/* ==================================================================
Styles for coyright below footer navgation bar to match background color
==================================================================*/
/* Footer */
#copyright {
position:relative;
font-size: .8em;
}