body {
text-align: center;/* Used for win/IE4,win/IE5,win/IE5.5  to center page*/
font-family: arial,  verdana, helvetica, sans-serif;
font-size : 0.8em;

margin : 0px;

}

#container
{
width:765px;
background-color: #fff;
color: #333;
line-height: 130%;
text-align: left;
margin: 0px auto;
margin-top : 5px;
}

#top
{
padding: .5em;
background-color: #ddd;
border-bottom: 1px solid gray;
}

#topimage
{
background-image: url("images/headers/Aquatek Logo - Colour rev.jpg");
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
height:75px;
}


/* Remove margins and padding from the h1*/
#top h1
{
padding: 0;
margin: 0;
}

#topnavlist
{
padding: .5em;
color: #fff;
background-color: #00cc99;

}

#topnavlist ul{
list-style-type: none;
padding: 0;
margin: 0;
width: 100%;
 }

#topnavlist li {
display: inline; /*puts the items on one line*/
}

#topnavlist li a
{
width: 5em;
color: #fff;
background-color: #00cc99;
padding: 0.2em 1em;
text-decoration: none;
border-right: 1px solid #fff;
}

#topnavlist li a:hover
{
background-color: #369;
color: #fff;
}

#leftnavlist
{
float: left;
width: 150px;
padding: 10px 0px 0px 0px;
}

#leftnavlist ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

#leftnavlist a
{
   display: block;
   color: #FFF;
   background-color: #00cc99;
   width: 150px;
   padding: 3px 5px 3px 5px;
   text-decoration: none;
   border-bottom: 1px solid #fff;
   font-weight: bold;
}

#leftnavlist a:hover
{
background-color: #369;
color: #FFF;
}

#leftnavlist li li a
{
display: block;
color: #ffffff;
background-color: #005bb4;
width: 150px;
padding: 3px 5px 3px 5px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: normal;
}

#rightnav
{
float: right;
width: 200px;
margin: 0;
margin: 20px 0px 0px 0px;
}

/*removing top margins*/
#rightnav p { margin: 0 0 1em 0; }

#content
{
margin-left: 160px;
padding: 1em;
}

#content h2 { margin: 0 0 .5em 0; }

#header
{
clear: both;
margin: 0;
padding: .5em;
color: white;
background-color: #005bb4;
text-align : center;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: white;
background-color: #005bb4;
text-align : center;
}

#footer b
{
font-weight : bold;
color : white;
}


.title
{
padding: 65px 0px;
text-align : center;
vertical-align : center;
color: #0000cc;
FONT-SIZE: 32px;
font-weight: bold;
}
.sideheader
{
padding: 2px 0px 2px 6px;
margin-top: 10px;
font-size: 16px;
font-weight: bold;
color: #ffffff;
background-color: #00cc99;
}

.center
{
   text-align : center;
   vertical-align : middle;
}

h1
{
color : #005bb4;
font-size : 1.7em;
}

a
{
color : #005bb4;
}

.inputedit
{
   width : 150px;
   border : 1px solid #005bb4;
}
.inputtextarea
{
   width : 400px;
   height : 200px;

   border : 1px solid #005bb4;
}

b
{
color : #005bb4;
}

strong
{
color : #005bb4;
}

.keyline
{
   border : 1px solid #369;
   padding : 2px;
   margin-top : 2px;
   margin-bottom : 2px;
}

.keylineless
{
   padding : 2px;
   margin-top : 2px;
   margin-bottom : 2px;
}