/* CSS Document */

/* the body, paragraph h1  h2 and h3 headings are all styled using the rules below */

body{
background:#0099FF url('../images/water.jpg');
color:#0099FF;
margin: 0;
padding-bottom: 100px; font-style:normal; font-variant:normal; font-weight:normal; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif
}

h1{
color:#FF9900;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1.4em;
}

h2{
color:#FF9900;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1em;
padding: 0;
margin: 10px 0px 5px 0px;
}


h3{
color:#e5850c;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 0.9em;
padding: 0;
margin: 20px 0px 0px 0px;
}

p{
font-size: 0.7em;
margin: 5px 0px 10px 0px;
line-height: 150%;
}

/* navigation styling is below */
a:link{
color:#0099FF;
}

a:visited{
color:#CC3300;
}

#navigation p{
display:inline;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#FFFFFF;
list-style:none;
}

#navigation p a:link{
text-decoration: none;
color:#FFFFFF;
}

#navigation p a:visited{
text-decoration: none;
color:#CC3300;
}

#navigation p a:hover{
color:#FFCC33;
}

#navigation p a:active{
color:#FFFFff;
}

#navigation{
background:url('../images/nav_background.gif') no-repeat;
width: 800px;
min-height: 28px;
text-align:center;
overflow:auto; margin-left:auto; margin-right:auto; margin-top:25px; margin-bottom:-5px; padding-left:0px; padding-right:0px; padding-top:5px; padding-bottom:0px
}

/* this is how i have spaced the navigation */
.white_pipe{
margin: 0px 17px 0px 17px;
}

.orange_pipe{
color:#e5850c;
}

/* su8b navigation styling */
#sub_navigation{
margin: 0px 0px 20px 0px;
}

#sub_navigation p{
display:inline;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
color: #e5850c ;
list-style:none;
}

#sub_navigation p a:link{
text-decoration: underline;
color:#e5850c;
}

#sub_navigation p a:visited{
text-decoration: underline;
color:#CC3300;
}

#sub_navigation p a:hover{
color: #CC3300;
}

#sub_navigation p a:active{
color:#ff3300;
}

/* the page is divided into main content areas below */

#maincontenttop{
margin: 0px auto 0px; 
width: 800px;
padding: 0px 0px 0px 0px;
}

#flash{
height:246px;
width: 800px;
margin: 0;
padding:0;
}

#maincontentbottom{
background:url('../images/white_background.gif') no-repeat bottom right;
margin: 0px auto; 
width: 800px;
overflow:auto; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:80px
}

li{
font-size: 0.8em;
}


#text{
width: 550px;
margin: 0px 0px 10px 35px;
float:left;
overflow:auto;
}

.small_logo{
margin-top: 40px;
}

#promo{
float:left;
width: 145px;
margin-left: 30px;
}


/* this is how you display access links off the page */
#accesslinks{
display:none;
position: absolute;
left: -500px;
top: 0px;
}

/* this is the horizontal rule styling */
hr{
border:0px none;
width:100%;
color:#e5850c;
background-color: #e5850c;
height: 1px;
margin-top: 5px
}


/* this area is where i've used padding and margin to position the pics on the site */

img{
border: 0px none;
}

#baby_pic{
float:right;
padding: 0;
margin: 30px 0px 0px 20px;
}

#pool_side{
float: right;
padding: 30px 0px 20px 20px;
}

#kids_float{
float:right;
padding: 15px 0px 10px 20px;
}

#kids_poolside{
margin: 25px 0px 30px 0px;
}

#wilton_manors{
float:right;
margin: 0px 0px 15px 20px;
}

#danchristian{
float:right;
margin: 38px 0px 0px 15px;
padding: 0;
}

#aquatots_logo{
float:right;
margin: 40px 0px 20px 50px;
padding: 0;
}

#wilton_entrance{
float:right;
margin: 5px 0px 0px 20px;
padding:0;
}

#jacknelson1{
float:left;
padding: 0;
margin: 5px 20px 20px 0px;
}

#jacknelson2{
float:right;
padding: 0;
margin: -10px 0px 0px 20px;
}

#underwater_ride{
float:left;
padding:0;
margin: 5px 20px 5px 0px;
}

#staffpic{
float: right;
padding: 0;
margin: -10px 0px 0px 20px;
}

#tutor_tot{
float: right;
padding: 30px 0px 20px 20px;
}


/* the block quote is used on the q and a page for client quotes */
blockquote{
color:#FF9900;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 0.8em;
padding: 0;
margin: 5px 0px 15px 0px;
}

.afterquotes{
margin: 0px;
}

.navclass{
list-style:none;
padding: 0;
margin: 0;
}

#newsevents{
float:left;
padding: 0;
margin: 15px 0px 0px 35px;
width: 150px;
}