html, body { margin: 0; padding: 0; border-right: 5px solid #ffffff; border-left: 5px solid #ffffff; }
#container { position: absolute; top: 5px; left: 0; width: 100%; min-width: 800px; padding: 0px; }
/* --- fonts and colors ---*/
ul, li, p, .image, .imagefloat, .imagefooter, #date, body, dt, dd, .leftnav li, .leftnav a
{ color: #000000; font-family: verdana, sans-serif; }
h2, h3, h4 { color: #000000; font-family: Arial, sans-serif; font-weight: bold; }
h1 { color: #000000; font-family: verdana, Arial, sans-serif; font-weight: normal; letter-spacing: -1px; }
.image, .imagefooter, .imagefloat
{ color: #707070; font-family: Arial, Helvetica, sans-serif; }
h1 { font-size: 200%; }
h2 { font-size: 140%; }
h3 { font-size: 120%; }
h4 { font-size: 100%; }
#nav li { font-size: 13px; }
p, body, li
{ font-size: 88%; }
p { line-height: 140%; }
a { font-weight: normal; }
.new { color: #FF0000; font-weight: bold; }
.submenu, .menu, .upmenu, .downmenu
{ font-size: 11px; }
/*-- .tablecell { font-size: 88%; text-align: left; }---*/
.tableshow tr td { font-size: 80%; text-align: left; }
.tablecell p { font-size: 100%; text-align: left; }
th { background-color: #f0f0f0; }
.centre { text-align: center; }
.image, .imagefloat, .imagefooter, #date, .reference p, #bcrumbs
{ font-size: 78%; }
.smaller { font-size: 70%;}
/* --- basics ---*/
.tableshow { border: 1px solid gray; border-collapse: collapse; }
.tablecell { border: 1px solid gray; padding: 5px; vertical-align: top; }
.tableshow tr td, td, th { border: 1px solid gray; padding: 5px; vertical-align: top; }
img { border: 0px none; padding: 2px; }
ul { padding: 0; margin: 5px 0 5px 40px; }
a { color: blue; text-decoration: none; }
a:hover { text-decoration: none; }
.spacer { height: 1px; font-size: 1px; margin: 0; padding: 0; }
.external { background: url('images/external.gif') no-repeat center right; padding-right: 14px;}
/* --- image boxes ---*/
.image, .imagefloat, .imagefooter
{ padding: 10px 5px 10px 5px; text-align: center; }
.image, .imagefloat
{ border-bottom: 2px solid white; }
.imagefooter { float: left; width: 170px; height: 165px; border: 1px solid white; border-right: 1px solid white; margin:0; padding: 10px 5px 10px 5px; }
.imagefloat { float: right; width: 140px; border-left: 2px solid #F5F5F5; margin-left: 5px; }
.mapimage { float: left; margin: 10px; padding: 0; }
.video a:hover { background: url('nothing.gif') no-repeat center; }
.video div { background: url('images/video.gif') no-repeat center; }
.video div:hover{ background: url('images/video-5.gif') no-repeat center; }
.video img
{
/* for IE */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;
}
.video img:hover
{
/* for IE */
filter:alpha(opacity=40);
/* CSS3 standard */
opacity:0.4;
}
/* --- top menu bar ---*/
#logo { position: absolute; top: 30px; right: 0px; z-index: 1; width: 300px; height: 77px; }
#banner { height: 38px; background-repeat: repeat-x; }
#nav a { display: block; width: 100px; font-weight: bold;}
ul#nav { margin: 0 0 0 10px; }
#nav, #nav ul { list-style: none; padding: 0; margin: 0; }
#nav li { text-align: center; font-weight: normal; padding: 0; margin: 0; }
#nav li ul { width: 160px; z-index: 20;}
#nav li ul li { font-weight: normal; text-align: left; font-size: 12px; }
#nav li ul a { width: 150px; font-weight: normal; border-right: 0px none; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:2px}
/*--- #nav li:hover ul, #nav li.sfhover ul { left: auto; } #nav li:hover, #nav li.hover { position: static; } --*/
/* --- menu dropdown function ---*/
#nav li { float: left; position: relative; }
#nav li ul { position: absolute; display: none; left: -999px;}
li>ul { top: auto; left: auto; }
#nav li:hover ul, #nav li.over ul { display: block; }
#nav li:hover ul { left: auto; }
/*--- title bar ---*/
h1 { margin: 0; padding: 15px 0 0 15px; }
#bcrumbs { color: gray; margin: 0; padding: 5px 10px 0px 20px; }
/*--- left navbar ---*/
#leftcontainer { float: left; width: 180px; padding: 20px 0 0 0; }
.leftnav { margin: 0; padding: 0; }
.leftnav ul { list-style: none; margin: 0 ; padding: 0; }
.leftnav li { text-align: left; margin: 0; padding: 0; }
.leftnav a { display: block; }
.menu { line-height: 20px; padding-left: 8px; }
.upmenu, .downmenu { line-height: 20px; padding-left: 18px; }
.submenu { line-height: 16px; padding-left: 20px; padding-right: 5px; }
.submenu { background: url('images/arrow.gif') no-repeat center left; background-position: 10px 2px; }
.upmenu { background: url('images/arrowup-2.gif') no-repeat center left; background-position: 8px 6px;}
.downmenu { background: url('images/arrowdown-2.gif') no-repeat center left; background-position: 8px 4px;}
.imagelink { background: url('images/image.gif') no-repeat center right; }
.menu { background-color: #e0e0e0; }
.upmenu { background-color: #f6f6f6; }
.downmenu { background-color: #f6f6f6; }
.submenu { background-color: #f6f6f6; }
.menu, .upmenu, .downmenu, .submenu {border-bottom: 1px solid #ffffff; }
/*--- these do the expanding nav menus ---*/
#orghide li ul { list-style: none; height: 0px; overflow: hidden; }
#orghide li:hover ul { height: auto; overflow: visible; }
#orghide li.sfhover2 ul { height: auto; overflow: visible; }
/*-- center content --*/
#content { margin-left: 180px; margin-right: 160px; padding: 10px 10px 0 10px; }
#contentmap { padding: 10px 10px 10px 0px; }
#contentmap p { margin:0; padding: 10px 10px 0 0; }
#content p { text-align: justify; }
#date { color: gray; text-align: right; border-top: 1px #e0e0e0 solid; padding-top: 5px; }
.reference { border-top: 1px #e0e0e0 solid; margin: 15px 0 10px 0; }
.reference p { color: gray; margin: 0 0 5px 0; }
#content li { padding: 5px ; margin:0; }
/*--- right content -adjust width for increases in borders-*/
#rightcontainer { float: right; width: 160px; padding: 20px 0 0 0; }
/*--- footer content ---*/
#footer { padding: 0 10px 5px 10px; }
/* -- formating the popup box -- */
#map dl { position: absolute; left: -999px; width: 200px; z-index: 20; margin: 0; padding: 0px; }
#map dl dt { font-weight: bold; text-align: center; font-size: 12px; padding: 2px; }
#map dl dd { list-style: square; text-align: left; font-size: 11px; margin: 2px 2px 2px 5px; padding: 2px 2px 2px 15px; }
.popup dl { position: absolute; left: -2000px; z-index: 20; margin: 0px; padding: 0px; }
.popup dl dt { font-weight: bold; text-align: center; font-size: 12px; padding: 2px; }
.popup dl dd { list-style: none; margin: 0; padding: 0; }
.popup { position: relative; }
a.popup:hover dl { left: 0; top: 20px; }
/* --- top menu bar....be sure it aligns with map image ---*/
#map { position: absolute; left: 10px; top: 87px; width: 800px; height: 650px; padding: 0; margin: 0; }
#map { list-style: none; }
/* -- timeline 1px per 10 years +18px -- */
#timeline { float: right; padding: 0 0 0 0; background-image: url('images/timeline3.gif'); background-repeat: no-repeat; background-color: #f6f6f6;
width: 159px; height: 434px; }
.black { float: left; width: 10px; padding: 0; background-color: #000000; margin-left: 27px; line-height: 1px; }
.blue { float: left; width: 10px; padding: 0; background-color: #3333cc; margin-left: 27px; line-height: 1px; }
.red { float: left; width: 10px; padding: 0; background-color: #cc3333; margin-left: 27px; line-height: 1px; }
.green { float: left; width: 10px; padding: 0; background-color: #009900; margin-left: 27px; line-height: 1px; }
.grey1 { float: left; width: 10px; padding: 0; background-color: #aaaaaa; margin-left: 27px; line-height: 1px; }
.grey2 { float: left; width: 10px; padding: 0; background-color: #cccccc; margin-left: 27px; line-height: 1px; }
.text { float: left; width: 90px; height: 12px; padding: 0; margin-left: 10px; font-size: 10px; }