*{                       /*added 11/13/07*/
padding: 0;
margin: 0;
}

body 
{
background: #87cdc2 url(hibiscus.jpg);
padding: 0
margin:  20px 0px 0px 0px;

}

#container
{
width: 800px;
padding: 0px;
margin: 0px auto;
background-color: #fff;
border: 0px solid #000;
font: normal small/1.4 verdana, arial, sans-serif;
}

#middle
{
float: right;
margin-left: 270px
padding: 0px;
height: 20px;
text-align: left;

}
#topnav
{
padding: 0px;
background: #2faaba;
font-family: Trebuchet MS x-small;
color: #fff;
text-align: right;
}



/*horizontal links*/
#topnav li {
padding: 0px ;
margin: 0px 3px 0px 3px;
display: inline;
font: x-small Trebuchet MS #fff;
text-align: right;
color: #fff;
}
/*topnav links*/

#topnav a:link {
color: #2E5A59;
padding: 0px;
margin: 0px;
text-decoration: none;
font: verdana;
color: #fff;
}
#topnav a:visited {
	font-weight:;
	text-decoration: none;
	color: #fff;
}
#topnav a:hover {
	font-weight:;
	text-decoration:none;
	color: gold;
}


#top h1
{
padding: 0px;
margin: 0px;
}

#top
{
padding: 0px;
height: 88px;
width: 350px;               /* was 245px */
background:  url(images/logogif.gif);
background-repeat: 
no-repeat;
background-position: left; 
border-bottom: 0px solid #ccc;
font-family: Trebuchet MS;;
color: #fff;
text-align: right;
}
#leftcontent
{
float: left;
width: 220px;
padding: 0px 10px 10px 20px;
/*margin-right: 650px;*/
border: 0px solid #000;

}

#leftnav
{
float: left;
width: 175px;
height: 488px;
background-color: #fff;
padding: 20px 0px 0px 30px;
font: normal small/1.4 Trebuchet MS;
color: #2E5A59;
border: 0px solid #000;

}


/*controls padding between links div and next div*/
/*defaults and leaves space if padding is not set to 0*/

#middle ul { 
padding: 0px 5px 0px 5px;
margin: 0px;
text-align: right;
list-style-type: none;
}

/*horizontal links*/
#middle li {
padding: 0px ;
margin: 0px 3px 0px 3px;
display: inline;
font: small Trebuchet MS;
text-align: right;
color: #2E5A59;
}

#middle a:link {
color: #2E5A59;
padding: 0px;
margin: 0px;
text-decoration: none;
font: verdana;
color: #2E5A59;
}
#middle a:visited {
	font-weight:;
	text-decoration: none;
	color: #2E5A59;
}
#middle a:hover {
	font-weight:;
	text-decoration:none;
	color: gold;
}
/*end horizontal links*/

#imgcontainer1 {

width : 800px;
height: 20px;
margin :  0px;
border: 0px solid #000;
}

#leftnav ul { 
padding: 0px 0px 0px 30px;
margin: 0px;
text-align: left;
list-style-type: none;
border: 0px solid #000;
color: #2E5A59;


}
#leftnav li {
padding: 0px ;
margin: 0px 3px 0px 3px;
font:  Trebuchet MS;
font-weight: /*bold*/;
text-align: left;
color: #2E5A59;
}
/*
#leftnav a:link {
color: #2E5A59;
padding: 0px;
margin: 0px;
text-decoration: none;
font: verdana;
color: #2E5A59;
}
*/

#leftnav a {display:block;
border: 2px solid #bf2a30;
border-color: rgb(90%,85%,80%) rgb(80%,75%,70%)
rgb(80%,75%,70%) rgb(90%,85%,80%);}



#leftnav a:visited {
	font-weight:;
	text-decoration: none;
	color: #2E5A59;
}
#leftnav a:hover {
	font-weight:;
	text-decoration:none;
	color: gold;
}
/*added 8/2/07*/

#leftnav1                        /*Control for Pool Page*/
{
float: left;
width: 175px;
height: 545px;
background-color: #fff;
padding: 20px 0px 0px 30px;  
text-decoration: none;
font: normal small/1.4 Trebuchet MS;
/*color: #2E5A59;*/
border: 0px solid #000;

}

#leftnav1 ul { 
padding: 0px 0px 0px 10px;
margin: 0px;
text-align: left;
list-style-type: none;
border: 0px solid #000;
color: #2E5A59;                       /*added 11/13/07 was red*/
}
#leftnav1 li {
padding: 0px ;
margin: 10px 3px 0px 3px;
font:  Trebuchet MS;
font-weight: /*bold*/;
text-align: left;
color: #2E5A59;*/                     /*added 11/13/07 was red*/

}

/*#leftnav1 a {display:block;
color: red; 
padding: 0px 0px 0px 30px; 
text-decoration: none;
border: 2px solid #bf2a30;
border-color: rgb(90%,85%,80%) rgb(80%,75%,70%)
rgb(80%,75%,70%) rgb(90%,85%,80%);
}*/

#leftnav1 a:visited {
	font-weight:;
	text-decoration: none;
	color: #2E5A59;                  /*added 11/13/07 was red*/

}
#leftnav1 a:hover {
	font-weight:;
	text-decoration:none;
	color: gold;
}

#imgcontainer {

width: 480px;
margin-left:  250px;
padding: 20px 0px 0px 0px;
border: 0px solid #000;
}
#imgcontainer a:link
{
text-decoration: none;
color: #000000;
}
img.lg {
	float: left;
	padding: 20px 0px 0px 0px;

}
img.sm {
float : left;
display : block;
margin : 0px 0px 0px 1px;
padding: 0px 0px 0px 0px;
}
.clean {
clear : both;
}


#imgcontainer1 {

width : 800px;
height:20px;
margin :  0px;
/*border: 5px solid #000;*/
}
#imgcontainer2 {
float: left;
width : 250px;
height:0px;
margin :  0px;
padding: 0px 0px 0px 20px;
font: normal small/1.4 Trebuchet MS;
}
#imgcontainer3 {
float: left;
width : 250px;
height:00px;
margin :  0px;
padding: 0px 0px 0px 0px;
font: bold small/1.4 Trebuchet MS;
color: ##F01A24;
}
#imgcontainer4 {
float: right;
width : 500px;
height:00px;
margin :  0px;
padding: 0px 0px 0px 0px;
font: normal small/1.4 Trebuchet MS;
background-color: #fff;
}
#content
{
margin:  0px 0px 0px 250px;
width:470px;
padding:20px;
height: 2%;
border-left: 1px solid #2E5A59;
}

.ul                                        /*ADDED 6-21-10*/
{
padding-left: 50px;

 }

.clean {
clear : both;
}
/*#contacttext
{
	padding: 20px 0px 0px 50px;*/
#form
{
	width 300;
	margin-left: 370px;
	padding: 20px 20px 0px 0px;
	font: normal small/1.4 Trebuchet MS;
	border: 0px solid #000;
}
#footer
{
clear: both;
margin: 0px;
height:100px;
padding: 0px;
color: ##fff;

background-color: #fff;

text-align: center;

}

#footer1 
{
clear: both;
margin: 0px;
height:150px;
padding: 0px;
color: ##fff;
background-color: #87cdc2;
/*background-color: #fff;*/

text-align: center;

}

/*Added 8/2/07*/



table#shape {   
background-color:#FFFFFF;  
border: solid #000 0px; 
width: 500px;
}
table#shape td {   
padding: 5px;   
border: solid #000 0px;
}
.data {    
color: #000000;    
text-align: right;    
/*background-color: #CCCCCC;*/
}
.toprow {    
/*font-style: italic;*/    
text-align: center;    
/*background-color: #FFFFCC;*/
}
.leftcol {    
font-weight: bold;    
text-align: left;   
width: 150px;    
/*background-color: #CCCCCC;*/
}

#leftnav2                        /*Control for Pool Gallery Page*/
{
float: left;
width: 175px;
height: 435px;
background-color: #fff;
padding: 20px 0px 0px 30px;  
text-decoration: none;
font: normal small/1.4 Trebuchet MS;
/*color: #2E5A59;*/
border: 0px solid #000;

}
#leftnav2 ul { 
padding: 0px 0px 0px 10px;
margin: 0px;
text-align: left;
list-style-type: none;
border: 0px solid #000;
color: #2E5A59;                    /*added 11/13/07 was red*/

}
#leftnav2 li {
padding: 0px ;
margin: 10px 3px 0px 3px;
font:  Trebuchet MS;
font-weight: /*bold*/;
text-align: left;
color: #2E5A59;*/                /*added 11/13/07 was red*/

}

/*#leftnav1 a {display:block;
color: red; 
padding: 0px 0px 0px 30px; 
text-decoration: none;
border: 2px solid #bf2a30;
border-color: rgb(90%,85%,80%) rgb(80%,75%,70%)
rgb(80%,75%,70%) rgb(90%,85%,80%);
}*/

#leftnav2 a:visited {
	font-weight:;
	text-decoration: none;
	color: #2E5A59;           /*added 11/13/07 was red*/

}
#leftnav2 a:hover {
	font-weight:;
	text-decoration:none;
	color: gold;
}


                             /*added 11/13/07 was red*/


#maincontent {
float: left;
width: 350px; /*was 400px*/
margin: 110px 0px 12px 60px;/*was 12*/
padding: 0px 0px 0px 0px;      /*added 8/10/07*/
display: inline; /* ie double margin float bug */
border: 0px solid #000;
}

#maincontent img {
display: block;
margin-bottom: 12px;
margin: 0px 0px 0px 0px;/*was80*/
}

#maincontent p,#maincontent h3 {
margin-bottom: 12px;
}

#thumbs {
float: left;
width: 500px;
margin: 12px 0;
display: inline; /* ie double margin float bug */
}
#thumbs a {
color: red;
}

#thumbs ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#thumbs li {
float: left;
}

#thumbs a {
display: block;
text-decoration: none;
margin-right: 10px;
margin-bottom: 10px;
}

.clr {
clear: both;
}

#thumbcontainer{
float: left;
width: 150px;
border: 0px solid #000;
margin: 60px 0px 0px 0px;
border: 0px solid #000;
}


#clean {
clear : both;
}

#number ul { 
padding: 0px 5px 0px 5px;
margin: 0px;
text-align: center;
list-style-type: none;
border: 0px solid #000;
}

/*horizontal links*/
#number li {
padding: 0px 3px 0px 3px;
margin: 0px 3px 0px 3px;
display: inline;
font: large Trebuchet MS;
text-align: right;
color: #2E5A59;
text-decoration: none;

}

#number a:link {
color: #2E5A59;
padding:  0px;
margin: 0px;
text-decoration: none;
font: verdana;
color: #2E5A59;
}
#number a:visited {
	font-weight:;
	text-decoration: none;
	color: #2E5A59;
}
#number a:hover {
	font-weight:;
	text-decoration: none;
	color: gold;
}






