/*The basic instructions for what colors, font families, link colors, etc.*/
body { color: #003; font-size: 10pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 11pt; background-color: white; margin: 0; padding: 0; }
a { color: #666; text-decoration: none; }
a:hover { color: #c09; }
a:visited { color: #999; }
element { color: #fcc; }
h1 { font-size: 11pt; font-weight: bold; margin: 0.67em 0; }
h2 { color: #909; font-size: 10pt; font-weight: bolder; margin: 0.83em 0; }
h3 { font-size: 10pt; font-weight: bold; margin: 1em 0; }
h4 { font-size: 11pt; font-weight: bold; margin: 1.33em 0; }
em { color: #909; font-weight: bold; font-style: normal; }
#container
{ width: 90%; margin: 10px auto; background-color: #fff; color: #333; border: solid 1px gray; line-height: 130%; height: auto; max-width: 800px; }
/*this section has the css for each section's banner that floats under the logo. it also defines the display width at the top.*/
#top
{ background-color: #909; background-image: url(images/banner_ind.gif); background-repeat: repeat-x; height: 154px; margin: 0; padding: 0; border-bottom: 1px solid gray; }
#top1 { background-color: #c09; background-image: url(images/banner_abo.gif); background-repeat: repeat-x; margin: 0; padding: 0; height: 154px; border-bottom: 1px solid gray; }
#top2 { background-color: #c09; background-image: url(images/banner_mst4.gif); background-repeat: repeat-x; margin: 0; padding: 0; height: 154px; border-bottom: 1px solid gray; }
#top3 { background-color: #c09; background-image: url(images/banner_press.gif); background-repeat: repeat-x; margin: 0; padding: 0; height: 154px; border-bottom: 1px solid gray; }
#top4 { background-color: #c09; background-image: url(images/banner_part.gif); background-repeat: repeat-x; margin: 0; padding: 0; height: 154px; border-bottom: 1px solid gray; }
#top5 { background-color: #c09; background-image: url(images/banner_sub.gif); background-repeat: repeat-x; margin: 0; padding: 0; height: 154px; border-bottom: 1px solid gray; }
#top6 { background-color: #c09; background-image: url(images/banner_arch.gif); background-repeat: repeat-x; margin: 0; padding: 0; height: 154px; border-bottom: 1px solid gray; }
#top7 { background-color: #c09; background-image: url(images/banner_cont.gif); background-repeat: repeat-x; margin: 0; padding: 0; height: 154px; border-bottom: 1px solid gray; }
#top8 { background-color: #c09; background-image: url(images/banner_equi.gif); background-repeat: repeat-x; margin: 0; padding: 0; height: 154px; border-bottom: 1px solid gray; }
/*this section defines the boxes holding left navigation, content - holding text and images for each page and subnav - holding contact info.*/
#leftnav
{ float: left; width: 160px; margin: 0; padding: 10px 5px 5px 15px; }

#content
{ max-width: 36em; margin: 0 0 0 235px; padding: 15px 0 0; }
#content h2 { margin: 0; }
#leftnav p { margin: 0 0 0.5em; padding: 1em; }
#subnav { background-color: #fcf; clear: both; margin: 0; padding: 0.25px 0.5px 1px; border-color: #909; border-style: solid; border-width: 1px 0 0; }
#subnav p { font-size: 9pt; text-align: center; }
#footer
{ clear: both; margin: 0; padding: 0; color: #333; background-color: #809b9d; height: 10pt; border-top: 1px solid gray; }
/*This section defines the side navigation and drop down behaviors*/
li:hover ol { display: block; }
ul { margin: 0; padding: 0; width: 100px; font-size: 10pt; line-height: 11pt; list-style-type: none; list-style-image: none; }
ul li { position: relative; z-index: 1; }
li ul { position: absolute; left: 100px; top: 0; display: none; }
ul li a { display: block; text-decoration: none; color: #777; font-weight: bold; padding: 5px; }
ul li a:visited { color: #909; font-weight: bold; }

li:hover ul { background-color: #fcf; border: dotted 1px #666; display: block; }
/*this section creats the rollover logo*/
.cssnav
{ position: relative; font-family: arial, helvetica, sans-serif; background-position: 0 0; width: 100%; height: 100px; white-space: nowrap; display: block; float: left; margin: 0; padding: 0; }

.cssnav a
{
display: block;
color: #000000;
font-size: 11px;
width: 235px;
height: auto;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnav img
{
width: 235px;
height: auto;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnav a:hover img
{
visibility:hidden
}

.cssnav span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}
ol { line-height: 10pt; width: 90px; z-index: 2; list-style-type: none; margin: 0 0 0 10px; padding: 0; list-style-position: inside; display: block; }
.add { font-size: 9pt; line-height: 11pt; text-align: right; }
.last { margin: 0; padding: 0 0 10px; border-color: #999; border-style: solid; border-width: 0 0 1px; }