html {
height: 101%;
padding: 0px;
margin: 0px;
border:0px;
 } 

body {
margin: 0px;
padding: 0px;
border: 0px;
height: 100%;
background-image: url(../images/lightbluebg.jpg);
}

em {
font-family: verdana;
font-size: 16px;
font-weight: bold;
color: #ff0000;
}


h1 {
text-align: center;
font: bold 16px verdana;
color: #b43023;
} 

#hph1 h1 {
margin: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
padding-botton: 5px;
border: 0px;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 960px;
font-family: verdana;
font-size: 12px;
font-weight: bold;
color: #ffffff;
background: #000066;
}

h2 {
font: bold 16px verdana;
color: #b43023;
} 

h3 {
font: bold 14px verdana;
color: #b43023;
text-align: center;
margin-top: 0px;
margin-bottom: 5px;
} 

h4 {
font: bold 14px verdana;
color: #000066;
margin-top: 10px;
margin-bottom: 10px;
} 

h5 {
text-align: center;
font: bold 16px verdana;
padding: 5px;
background-image: url(../images/flagbg6a.gif);
color: #000066;
} 

a:link {
text-decoration: none;
font: 15px verdana;
color: #b43023;
}

a:visited {
text-decoration: none;
font: 15px verdana;
color: #b43023;
}

a:hover {
text-decoration: none;
font: 15px verdana;
color: #ff0000;
}

a:active {
text-decoration: none;
font: 15px verdana;
color: #ff0000;
}

#header {
width: 960px;
height: 175px;
padding: 0px;
margin-left: auto;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
text-align: left;
background-image: url(../images/logobg2.jpg);
}

#header src {
text-align: center;
}

#topmenu {
background-image: url(../images/menubg.jpg);
width: 960px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

#topmenu table {
margin-left: auto;
margin-right: auto;
text-align: center;
}

.aerobuttonmenu { /*container that holds a row of aero buttons*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: auto;
background: #003366; /*menu strip background*/
border: 1px solid gray;
padding: 0;
border-width: 0px 0px 0px 0px;
}

* html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
height: 100%;
width: 100%;
}

.aerobuttonmenu a.aero{ /*aero button CSS*/
background: transparent url('../images/aeroleft.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Verdana, Trebuchet MS; /* Change 13px as desired */
line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
height: 31px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
margin-right: 5px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.9;
-moz-opacity: 0.9;
}

.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active{
color: #f1f1f1; /*button text color*/
}

.aerobuttonmenu a.aero span{
background: transparent url('../images/aeroright.gif') no-repeat top right;
display: block;
padding: 4px 10px 6px 0; /*Set 10px here to match value of 'padding-left' value above*/
}

.aerobuttonmenu a.aero:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

.aerobuttonmenu a.aero:hover span{ /* Hover state CSS (for text) */
color: #FFFFFF;
}

.aerobuttonmenu .rightsection {
float: right;
width: 100px;
position: relative;
top: 3px;
padding-right: 5px;
text-align: right;
}

.aerobuttonmenu .rightsection a{
color: #000033;
}

.box { 
background: #ffffff;
padding: 0px 0px 0px 0px;
font: 10px;
}

.boxtop { 
  background: url(../images/blue-white-ne.gif) no-repeat top right; 
}

.boxtop div { 
  font-size: 0;
  height: 20px; 
  background: url(../images/blue-white-nw.gif) no-repeat top left; 
}

.boxbottom { 
  background: url(../images/blue-white-se.gif) no-repeat bottom right; 
}

.boxbottom div { 
  font-size: 0;
  height: 20px; 
  background: url(../images/blue-white-sw.gif) no-repeat bottom left; 
}

.boxcontent {
  padding: 0px 10px 0px 10px;
}

#contentmain {
width: 960px;
background: #000066;
margin-left: auto;
margin-right: auto;
text-align: center;
vertical-align: top;
}

#contentmain td {
font: 14px verdana;
color: #000066;
text-align: left;
vertical-align: top;
}

#contentleft {
width: 100%;
}

#content90 {
padding-top: 10px;
padding-left: 15px;
padding-right: 15px;
width: 945px;
}

#content90 td {
padding: 10px;
 }

#content-gallery {
margin-left: auto;
margin-right: auto;
text-align: center;
padding: 0px;
width: 945px;
}

#content-gallery td {
padding: 0px;
}

.thumbs_table {
margin-left: auto;
margin-right: auto;
padding: 10px;
 }

.thumbs_table img {
border: 0px;
padding: 2px;
 }

 
.top40 {
margin-left: auto;
margin-right: auto;
text-align: center;
}

.top40 pre {
font: 14px verdana;
}

.heading {
background: #f1f1f1;
}

#contentright {
}

#contentmain .fleft {
float: left;
padding-right: 10px;
} 

.imgleft {
width: 320px;
height: 350px;
float: left;
 }


.bottom {
text-align: center; 
width: 930px;
border-left: 15px solid #000066;
border-top: 10px solid #000066;
border-right: 15px solid #000066;
border-bottom: 10px solid #000066;
margin: 0 auto;
font: 10px verdana;
color: #000099;
background: #ffffff;
}

.bottom img {
border: 10px #f1f1f1;
margin-top: 20px;
margin-bottom: 20px;
}

.bottom a:link {
color: #b43023;
text-decoration: none;
font: 10px verdana;
}

.bottom a:visited {
color: #000099;
text-decoration: none;
font: 10px verdana;
}

.bottom a:active {
color: #ff0000;
text-decoration: none;
font: 10px verdana;
}

.bottom a:hover {
color: #ff0000; 
text-decoration: none;
font: 10px verdana;
}

.centered {
text-align: center;
 }

.poolright {
float: right;
padding: 10px;
 } 
 
.summer-food {
width: 500px;
padding: 10px;
margin-left: auto;
margin-right: auto; 
text-align: center;
border: solid 0px #000;
 }

.contactwpay {
margin-left: auto;
margin-right: auto;
text-align: center;
}

.contactwpay b a:link, a:visited {
font: 16px 

}