/*This is where the body is defined for every page in the site. Use this to define link colors, h1 etc, fonts, bg color*/
body { font-size: 11pt; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; background-image: url(../images/backgr_logo.gif); background-repeat: no-repeat; background-position: left 0; margin: 0; padding: 0; }
p { font-size: 11pt; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; }
h1 { color: #f93; font-size: 2em; font-weight: bold; }
h5 { font-size: 10pt; font-weight: bold; line-height: 10pt; }
h6 { text-align: center; }
td { }
a:link { color: orange; font-weight: bold; text-decoration:underline; }
a:visited { color: navy; }
a:hover { color: #999; }
a:active { color: #ccc; }
/*The container holds all the div tags with ids. */
#container { background-color: #fff; width: 100%; max-width: 800px; }
/*header hold the about zero g text and places the underline in the boder*/
#header { float: right; margin: 0; padding: 10px; }
/*imagebox holds the text, images and small buttons to navigate each section*/
#imagebox { background-color: #fff; width: 80%; visibility: visible; float: left; clear: right; margin: 0; padding: 0 10px 10px 40px; }
/*subnav is the image dots for each sub-section */
#subnav { background-color: #fff; background-image: url(../images/button_01.gif); visibility: visible; float: left; clear: right; margin: 0; padding: 0; }
.type { text-align: left; text-indent: 1em; vertical-align: bottom; margin: 1em; }
/*cssnav and cssnav1 the code to create rollovers for the navigation. try not to touch these as it took a lot of fooling, but see how they are put together*/
.cssnav
{ position: relative; font-family: arial, helvetica, sans-serif; background-color: transparent; background-image: url(../images/main_bg.gif); background-repeat: no-repeat; background-position: 0 0; white-space: nowrap; display: block; width: 68px; height: 550px; float: left; margin: 0; padding: 0; }

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

.cssnav img
{
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;
}

.cssnav1
{ position: relative; font-family: arial, helvetica, sans-serif; background-color: transparent; background-image: url(../images/button_01.gif); background-repeat: repeat; background-position: 0 0; white-space: nowrap; display: inline; width: 90%; height: auto; float: left; margin: 0; padding: 0; }

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

.cssnav1 img
{
width: 34px;
height: auto;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnav1 a:hover img
{
visibility:hidden
}

.cssnav1 span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}
/*footer has the main nav repeated in a text version and the little globe background is here as well*/
#footer { background-color: #fff; background-image: url(../images/bg_foot.gif); background-repeat: repeat-x; width: 100%; height: 100px; visibility: visible; float: left; clear: both; }