body, #headertop {
background-color:#adc5e0;
}

#headerbottom , #footer {
background-color:#8eb2d9;
}

#leftpanel, #centerpanel, #rightpanel {
height:370px;
float:left;
} 

#leftpanel, #rightpanel, #text ul{
list-style:square;
}

body {
text-align:center; /* hack used with wrapper text-align to center in ie */
font-family: Arial, Helvetica, sans-serif;
font-size:.8em;
}


#wrapper { 
width:758px;
margin:0 auto; /* hack centers for firefox */
text-align:left; /* hack ie instead of margin for firefox, look into the html center */
position:relative;
background-color:#fff;
}

/* Start Header */
#header {
}
#headertop { /* acts as spacer from top of page to header middle to avoid white */
height:21px;
}
#headermiddle {
height:87px;
}
#header img { /* logo */
border:0px;
margin-left:16px;
}
#headerbottom { /* menu */
height:18px;
}
#headerbottom ul {
list-style:none;
margin:0px;
padding:0px;
}
#headerbottom ul li {
display:inline;
margin:0px 14px 0px 14px;
}

#headerbottom ul li a:link, #headerbottom ul li a:visited {color:#002465; text-decoration:none}
#headerbottom ul li a:hover {color:#002465; text-decoration:underline;}
#headerbottom ul li .thispage {color:#002465; text-decoration:underline;} /* used instead of a:active */

#headerimg { /*to place poolside chair image on top of other header info */
height:127px;
width: 324px;
background: url(images/headerchair2.png) no-repeat; 
position:absolute;
left:447px;
top:1px;
}

/* End Header */

/* Start left panel */

#leftpanel {
width:450px; /* also change right and center panel to fit wrapper width:758px; */
}

#leftpanel #photos {
text-align:center; 
margin: 23px 0px 23px 0px;
}
#leftpanel #photos p{
text-align:left; 
}

#leftpanel #text { 
margin:23px 37px 0px 48px; 
}

/* End left panel */


#centerpanel { /* the divider image */
width:5px; /* also change right and left panel to fit wrapper width:758px;*/
background:url(images/line.jpg) no-repeat center center; 
}

/* Start right panel */

#rightpanel {
width:269px;   /* also change left and center panel */
margin:23px 3px 5px 16px; 
overflow:auto;
}

#rightpanel a:link, #rightpanel a:visited, #rightpanel a:active {color:#000; text-decoration:underline}
#rightpanel a:hover {color:#555; text-decoration:underline;}

#rightpanel table {
width:240px;
}

#rightpanel img {
border:1px solid #000;
}

#rightpanel h5{
font-size:100%;
color:#000099;
}



/* End right panel */

/* Start footer */

#footer {
clear:both;
height:15px;
color:#fff;
font-size:80%;
padding-left:4px;
}

/* End footer */
