body { 
  background: #262626 url(images/paver-background.gif) center repeat;
  width:  820px;
  font-family:      arial, sans-serif;
  font-size: small;
  margin-left:          auto;
  margin-right:        auto;
  
}

#body {
	background:  url(images/poolwater.gif);
	border-left: solid 10px #A19E9D;
	border-top: ridge 15px #D0CBC8;
	border-bottom: ridge 15px #D0CBC8;
	border-right: solid 10px #928E8C;   
	
  }



#header {
  	
  background: #EFFFFF url(images/coping-header.gif) bottom repeat-x;
  height:  215px;
  margin:           0px;
  margin-top:  0px;
  margin-bottom:  -2px;
  padding-bottom:  20px;
  
}

#header p span{
	display: block;	
}

#caption{
	position:  relative;
	top: -190px;
	left:  205px;
	text-align:  center;

}

  


#like{
	white-space:  pre-wrap;
	color: #7301A2;
	font-style:  italic;
	font-size:  120%;
	font-weight: 900;
	letter-spacing:  -1px;
	
}

	


#we{ 
	
	color: #7301A2;
	font-size:  180%;
	font-weight: 900;
	letter-spacing:  -2px;
	

}




	

#difficult{ 
	color: #7301A2;
	font-size:  200%;
	font-weight: 900;
	letter-spacing:  -2px;
	white-space:  pre-wrap;
 }




#in{ 
	color: blue;
	font-size:  170%;
	font-weight: 900;
	letter-spacing:  -1px;
	white-space:  pre-wrap;
	
}




#and{
	color: blue;
	font-size:  170%;
	font-weight: 900;
	letter-spacing:  -1px;
	
}




#Frond-l img{
	position:  relative;
	top: -70px;
	left: -6px;
	z-index: 9;
}


#diving img  {
	position: relative;
	top:  5px;
	left:  -45px;
	z-index:  12;
}

#logo img  {
	position: relative; 
	left:  20px;
	top:  8px;
	z-index:  1;
}

#spray-wave img  {
	position: relative; 
	left:  -221.5px;
	top: -13px;
	z-index:  23;
}

#hose img{
	position: relative; 
	left:  148px;
	top: 35px;
	z-index:  24;
}

#hose-water img{
	position: relative; 
	left: -1px;
	top: 55px;
	z-index:  25;
}


#Frond-r img{
	position:  relative;
	top: -70px;
	left: 41px;
	z-index: 27;
}


#navbar {
   background:         #efe5d0 url(images/coping-navbar.gif) repeat-y ;
   width:              108px;
   line-height:        38px;
   height:             870px;
   float:              left;
   font-weight:        bold;
   text-align:         center;
  } 

#navbar p .dash {
	display:  none;
}  


#navbar p{
	margin-top:  0px;
	margin-right: 10px;
	padding-left: 1px;
	letter-spacing:  -1px;
}

#navbar a{
	display: block;
	border: none;
	
}


#navbar p a:link{
	color: #004747;
	
		
}

#navbar p a:hover{
	color: #004747;
	background:  url(images/diving-girl.gif) right no-repeat;
	text-align:  left;
	margin:  0px -40px 0px 0px;
	padding:  0px;
}







#main {
  background:   url(images/float.gif)  top no-repeat;
  font-size:        120%;
  padding:          15px 55px 15px 65px;
  margin:           20px 0px 10px 138px;
  min-width: 		402px;
  max-width:		404px;
  height:           800px;
  overflow:         auto;
  
}

#main caption {
	text-align: left;
	color: black;
}

#main table{
	background-color: #F0FFF0;
	color: navy;
	border: 3px solid navy;
	border-collapse: collapse;
	white-space: pre-wrap;
	padding: 0px;
	width: 455px;
		
}





#main table th{
	background-color: #4C3380;
	border: 2px solid black;
	padding: 0px;
	
	
}

 
#main table td{
	text-align: center;
	border: 1px solid navy;
	padding: 0px;
	
}


.u-s-e, .u-s, .s-s, .s-e {
	background-color: #F0F0FF;
	color: black;
	text-align: center;
	letter-spacing: -2px;
	padding: 0px;
	font-weight: bold;
	font-size: 120%;
	white-space: pre-line;
	
	
}

.Feb, .Apr, .Jun, .Aug, .Oct, .Dec{
	background-color: #F0F0FF;
	border: 2px solid navy;
	padding: 0px;
}

td.month{
	background-color: #4C3380;
	color: #F0FFF0;
	font-weight: bold;
	padding: 0px;
	
	
}

tr.heading{
	color: #E0C2FF;
	padding: 0px;
}

tr.heading th.s-s, tr.heading th.u-s-e, tr.heading th.s-e, tr.heading th.u-s{
	color: #FF3030;
	padding: 0px;
}





#rightbar p br, #rightbar p .dotspace{	
	display: none;
}

#rightbar p span{
	display:  block;
	
}



#rightbar {
  background:       #efe5d0 url(images/coping-rightbar.gif) repeat-y ;
  width:   108px;
  font-weight:   bold;
  text-align:   center;
  font-size:   100%;
  height: 870px;
  float:  right;
} 

#rightbar p {
	margin-top:  0px;
	padding:  0px;
	padding-top:  17px;
}


.county{
	font-weight: normal;
	line-height:  19px;
	letter-spacing: -1px;
	padding:  0px;
}

.ph-number{
	letter-spacing:  -3px;
	font-weight:  bold;
	line-height:  38px;
	font-size:  18px;
}

.area-code{
	letter-spacing:  0px;
	font-weight: bold;
	line-height:  18px;
	font-size:  12px;
}

#seminole{	
	color:  #195C72;
}
#sarasota{
	color:  #AC3062;
}
#volusia{
	color:  #303083;
}
#hillsborough{
	color:  #305930;
}
#pinellas{
	color:  #751975;
}
#brevard{
	color:  #027ffc;
}
#polk{
	color:  #B23838;
}



#rightbar p a:link {
	border: none;
	display: block;
	
	}
	
#rightbar p a:visited{
	border: none;
	display: block;
}	

 #rightbar p a:hover {
	
	background:  url(images/diving-guy.gif) left no-repeat;
	text-align:  right;
	font-size:   100%;
	margin:  0px 0px 0px -15px;
		
	}



#footer-navbar {
  background: #FFF3E0 url(images/coping-footer.gif) top repeat-x;
  color:            black;
  text-align:       center;
  height:   110px;
  padding-top:          35px;
    clear:  both;
  
  
}


h1 {
  font-size:        120%;
  color:	#660033;
  text-align: center;
  
}

h2 { font-size: 110%; 
  color:	#2E2E4C;
  
}

.slogan { color: #954b4b; }

.locations-numbers {
  text-align:       center;
  line-height:      1.8em;
}

.bold {
	font-weight:   600;
}

.italic {
	font-style: oblique;
}

.first-line {
	font-weight:  bold;
}

.list-indent{
	
  	margin:           0px 0px 0px 0px;
	padding:     	  0px 0px 0px 20px;
}

.table-indent{
  	margin:           0px 0px 0px -30px;
	
}

.p-right-indent{
	margin-left: 50px;
}
.enlarge{
	font-size:  150%
}

.navy{
	color: navy;
}

.right {
	text-align: right;
	
	}
.center{
	text-align: center;
}

.fine-print{
	font-size:  70%;
}

.rose{
	color: #B28099;
}
.inleft {
	float: left;
	z-index: 4;
	margin-right: 4px;
	
}
.inright {
	float: right;
	z-index: 4;
	margin-left: 2px;
	
}

.highlight {
	
	display: inline-block;
	background-color: #CCFF66;
	border: 1px #AFC5DD dashed;
	
}

audio {
	height: 30px;
	width: 90px;
	margin: 0px;
	margin-bottom: -5px;
	padding: 0px;
	
}

object{
	height: 29px;
	width: 100px;
	margin: 0px;
	margin-bottom: -12px;
	padding: 0px;
	margin-right: 2px;
}





a:link {
  
  text-decoration:  none;
  border-bottom:    thin dotted;
}
a:visited {
  
  text-decoration:  none;
  border-bottom:    thin dotted;
}
	
a:hover {
	
	background:  url(images/fountain.gif) center no-repeat;
	color: silver;
	border: none;
		
	}