body {
margin: 20px;
font-size: 0.75em;
font-family: Verdana, sans-serif;
background-color: #4E6CA2; 
}

h1 A:hover { background: none; text-decoration:none; }

.null a:hover {font-weight:none; color: none; background: none; text-decoration:none; padding: 0px;}

#index {
position: absolute;
left: 50%;
margin-left: -380px;
top: 20px;
width: 760px;
}

#Wrapper {
position: absolute;
left: 50%;
margin-left: -380px;
top: 20px;
width: 760px;
border: 4px solid #264D73;
margin-bottom: 15px;
background-color: #EBF0F5;
}

.site {
margin: 0px 15px 20px 150px;
color: #000;
padding: 15px 20px;
border: 1px solid gray; 
text-align: justify;
-moz-border-radius: 20px;
background: #ffffff;
}

a {text-decoration: none;
color: #222;
}

#Content {
font-size: 1.25em;
}
#Content A       { color:#99CCFF; text-decoration:none; }
#Content A:link  { color:green; text-decoration:none; }
#Content A:visited{ color:maroon; text-decoration:none; }
#Content A:active { color:#006699; text-decoration:none; }
#Content A:hover  { font-weight:none; color: #264D73; background: none; text-decoration:underline; }

#HeaderA {
background-color: #EBF0F5;
margin-top: -16px;
margin-bottom: -10px;

}

h2 {
text-transform: lowercase;
font-style:italic;
font-size: 2em;
margin-top: 0px;
font-family: Arial Rounded MT Bold, Desdemona, Brush Script MT,verdana, Copperplate Gothic Bold, impact, verdana;
border-bottom: 4px solid #336699;
background: #336699;
color: #FFFFFF;
text-align: center;
border: 4px solid #264D73;
-moz-border-radius: 20px;
}

b {
color: #336699;
}

hr {
border: 1px solid #336699;
height: 4px;
}

/* ===Primary Menu=== */
div.clSlideMenu{ /* All slideMenu2 DIV elements */
	position:absolute;
	font-family:verdana,arial,helvetica;
	font-size:10px;
	overflow:hidden;
	width:150;
	height:22;
margin-top: 109px
}
a.clA0{ /* All top level links */
	color:white;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}
a.clA1{ /* All sub level links */
	color:#336699;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
a.clA2{ /* All sub2 level links */
	color:navy;
	text-decoration:none;
}
a.clA3{ /* All sub3 level links */
	color:black;
	text-decoration:none;
}
a.clA4{ /* All sub4 level links */
	color:green;
	text-decoration:none;
}
/* NEEDED STYLES */
div.slideMenuBG{
position:absolute; 
left:0; 
top:0; 
z-index:1
}
div.slideMenuText{
position:absolute; 
left:2; 
top:2; 
z-index:200;
}
/* NEEDED ----- This class should be named like this:
	#NAME_OF_YOUR_MENUcont
*/
#slideMenucont{
position:absolute;	
height:600; 
width:200; 
visibility:hidden;
}
/* ===Primary Menu End=== */

.BottomMenu {
width= 100%;
font-size: 80%;
padding: 10px 0 0 0;
border-top: 2px solid #336699;
}


/* ===Other Stuff=== */

/* ===Right Float SlideShow=== */
.right {
float: right;
width:150px;
margin: 20px 0px 15px 15px;
font-family:Arial, Helvetica, Georgia;
color:#B1D3EC;
width: 90px;
height: 90px;
border: 1px solid #000;
}

/* ===Center Image=== */
.centerimage {
float: right;
width:150px;
margin: 5px 325px 10px 10px;
font-family:Arial, Helvetica, Georgia;
color:#B1D3EC;
}

/* ===FloatImageRight=== */
.floatright {
float: right;
/*width:150px; */
margin:20px 40px 0px 20px;
font-family:Arial, Helvetica, Georgia;
color:#B1D3EC;
width: 200px;
height: 200px;
/* border: 1px solid #000; */
}



/* ===Address=== */
#Address {
font-size: xx-small;
text-align: center;
font-weight: normal;
line-height: 140%;
color: #fff;
background: #369;
padding: 3px;
margin: 5px 0px;
}
#Address A       { color:white; text-decoration:none; }
#Address A:link  { color:white; text-decoration:none; }
#Address A:visited{ color:maroon; text-decoration:none; }
#Address A:active { color:#006699; text-decoration:none; }
#Address A:hover  { font-weight:none; color: maroon; background: none; text-decoration:underline; }


#Footer {
font-family:Arial, Helvetica, Georgia;
color: #FFF;
font-size: 18px;
text-align: center;
margin: 15px 0px 0px 0px;
padding: 2px;
}

#copyright {
text-align: center;
font-size:9px;
margin: 5px;
color: #000000;
}

/* ===List Arrow=== */
.site ul {
list-style-image: url(http://watershapestx.mu.nu/images/BlueArrow.gif); 
padding-top: 5px;
margin: 5px 5px 5px 25px;
}
.site li {
margin: 0 0 18px 0;
}


.whosaid {
color: #336699;
text-align: right;
font-weight: bold;
font-variant: italics;
margin: -1.25em 0 0 0;
padding: 0 0 3px 0;
border-bottom: 1px solid #336699;
}


#images {
	width: 330px;
	margin: 0px auto;
	padding: 10px;
	text-align: center;
	border: 1px solid #666;
background: #FFF;
}
#imageCaption {
	width: 330px;
	margin: 5px auto -15px auto;
	padding: 10px;
	text-align: center;
}
.thumb {
	float: left;
	padding: 6px;
	margin: 6px;
	border: 1px solid #aaa;
	text-align: center;
background: #ffffff;
}
.hidden {
	display: none;
}

.search {
position: absolute;
bottom: 63px;
left: 10px;
}

/* ===Table Formatting=== */
.table {
border: 1px solid #000;
padding: 2px;
}
.greyeven {  
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-style: normal; 
font-weight: normal; 
color: #595757; 
background: #dddddd;
}
.greyodd {  
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-style: normal; 
font-weight: normal; 
color: #595757; 
background: #eeeeee; 
}

.ul.arrow {
list-style-image: url(http://custompoolstx.com/images/BlueArrow.gif);  
margin-left: -15px;
}

.ul.square {
list-style-type: square;
margin-top: -5px;
}
.ul.square li{
margin: 5px;
margin-left:-50px;
}

.vinyltable {
margin-left: -20px;}

#navigation {
float: left;
width: 17.5%;
margin-left: 9px
}

.sidetitle {
font-family: verdana, arial, sans-serif;
color: #fff;
font-size: 100%;
font-weight: bold;
text-align: center;
padding: 2px 2px 2px 2px;
text-transform: lowercase;
/* margin-bottom: 5px; */
background: #369;
border: 2px solid #369;
-moz-border-radius: 10px;
}		

.side {
font-family: verdana, arial, sans-serif;
color: #333333;
font-size: 85%;
font-weight: normal;
line-height: 140%;
margin-bottom: 10px;
padding:20px 5px 0px 5px;		
/* background: #DEDEDE; */
-moz-border-radius: 10px; 
}	
.side a {
display: block;
padding: 3px;
width: 96%;
 margin-top: -20px; 
}
.side a:link, 
.side a:visited {
color: #369;
text-decoration: none;
}
.side a:active {
background-color: #369;
color: #fff;
}

.side a:hover {
background-color: #369;
color: #fff;
-moz-border-radius: 10px;
padding: 2.5px;
}