body {
color: black;
font-family: verdana, arial, helvetica, sans-serif;
margin: 0;
padding: 0;
font-size: 12px;
background: url(images/water_bkg.jpg);
background-color: #FFFFFF;
/*height: 100%;
*/
}

a {
color: #0099ff;
text-decoration: underline;
}

a:hover {
color: #ffCC66;
}

a:visited {
color: #666666;
}


#container {
width: 800px;
margin: auto;
margin-top: 20px;
padding: 0;
border: 1px solid #666666;

background-color: #FFFFFF;
height: 100%;
}

#top {
width: 800px;
background: url(images/bluewater.jpg) no-repeat scroll;
height: 66px;
}

#left {
width: 300px; 
padding: 0px;
float: right;
margin-left: 20px;
}

#left img {
padding: 3px;
float: left;
}


#hometext {padding: 6px;
width: 295px;
font-size: 1em;
float: left;
border: 1px solid gray;
margin: 3px 5px 5px 5px;

  height: 294px;
  


}

#text { padding: 6px;
font-size: 1em;
/*float: left;*/
/*border: 1px solid #999999;*/
margin: 3px 5px 5px 5px;
min-height: 307px;


}

#boxes {
width: 172px;
float: right;
margin: 3px 3px 0 0;
color:  #333333;
font-size: 0.91em;
}

#box1 {padding: 0 4px 2px 4px;
margin-bottom: 6px;
min-height: 97px;
/*
background-color: #FFCC66;
*/
background-color: #cbe9fd;
}

#box2 {padding: 0 4px 2px 4px;
margin-bottom: 6px;
min-height: 97px;
/*
background-color: #FFFF66;
*/
background-color: #a7dafc;
}


#box3 {
padding: 0 4px 2px 4px;
margin-bottom: 6px;
min-height: 97px;
/*
background-color: #99FF99;
*/
background-color: #66c2ff;
}

#boxes a {
color: #000000;
text-decoration: none;
}

#boxes a:hover {
color: #0099FF;
}

#boxes a:visited {
color #999999;
}

.contactinfo {
color: #0099ff;
font-size: .9em;
float: right;
text-align: right;
padding-right: 8px;
margin-top: -65px;

}

#titlebar {
font-size: 1em;
font-weight: bold;
text-align: center;
width: 800px;
}

#titlebar ul {
margin: 0;
margin-top: -3px;
padding: 0;
background-color: #0099FF;
/*
color: #0099CC;
*/
color: #FFFFFF;
width: 800px;
float: left;
text-align: center;
margin-bottom: 10px;
border-right: 0px;
}


#titlebar li {
float: left;
list-style-type: none;
padding: 2px 0px 2px 0px;
width: 156px;
border-right: 1px solid white;
}

#titlebar ul li a {
color: #FFFFFF;
text-decoration: none;
}

#titlebar ul li a:hover {
color: #FFCC33;
}


#bottommenu {
font-size: 0.85em;
text-align: center;
width: 788px;
padding: 14px 6px 14px 6px;
margin-top: 10px;
}

#bottommenu ul {
list-style-type: none;
text-align: center;
background-color: #FFFFFF;
color: #333333;
margin: 0px;
}

#bottommenu li {
border-right: 1px solid #333333;
display: inline;
}

#bottommenu li a {
color: #333333;
text-decoration: none;
margin: 4px;
padding: 3px 20px 3px 20px; 
}

#bottommenu li a:hover {
color: #0099FF;
}




#bottomtext {
width: 788px;
font-size: 0.85em;
color: #000000;
padding: 3px 6px 3px 6px;
margin: auto;
background-color: #CBE9FD;
height: 1em;
}




#bottomtext a {
color: #333333;
text-decoration: none;
}

#bottomtext a:hover {
color: #0099FF;
text-decoration: underline;
}

h1 {
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 0;
}

h2 {
font-size: 13px;
font-weight: bold;
margin: 0;
padding: 0;
}

h3 {
font-size: 12px;
font-weight: bold;
margin: 0;
padding: 0;
}

#faq_questions a {
display: block;
padding: 3px 0 3px 0;
}

a.top {
font-size: 0.9em;
margin: 10px 0 0 20px;
}

#services {
float: right;
width: 460px;
}

#services ul {
list-style-type: none;
margin-top: 8px;
}

#services ul li {

    padding-left:15px;
    background:transparent url(images/bullet_blue.gif) no-repeat;
    background-position:0 5px;

}