
html, body{margin:0px; padding:0px; background-color:#0055aa;}

a, div, p, h1, h2, img{letter-spacing:0px; margin:0px; padding:0px; border:0px; font-size:12px; font-family:arial; color:#aaa; font-weight:700;}
div, p, h1, h2{cursor:default;}

div#main{margin:0px auto; padding-bottom:3px; width:730px; background-color:#fff;}
div#main2{margin:0px 3px 0px 3px; background-color:#fff; border-left:solid 1px #999; border-right:solid 1px #999;}
div#head{margin:0px 2px; height:80px; background: url(head.png) repeat-x;}
img#namelogo{float:left; position:relative; top:28px; left:20px;}
div#clock{float:right; position:relative; top:2px; right:5px;}
div#navigation{float:right; position:relative; top:30px; right:2px;}

    #tabsF {float:left; background-color:transparent; font-size:11px; font-family:arial; line-height:normal; border-bottom:1px solid #bbb;}
    #tabsF ul {margin:0px; padding:0px; list-style:none;}
    #tabsF li {display:inline; margin:0; padding:0;}
    #tabsF a {float:left; background:url("tableftF.gif") no-repeat left top; margin:0px; padding:0 0 0 4px; text-decoration:none;}
    #tabsF a span {float:left; display:block; background:url("tabrightF.gif") no-repeat right top; padding:5px 15px 4px 10px; color:#999;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsF a span {float:none;}
    /* End IE5-Mac hack */
    #tabsF a:hover span {color:#FFF;}
    #tabsF a:hover {background-position:0% -42px;}
    #tabsF a:hover span {background-position:100% -42px;}

div#heading1{margin:2px; height:200px; background-color:#005fbb;}
div#heading2{margin:2px; height:70px; background-color:#005fbb;}
h1#heading_1{font-size:12px; color:#eee; float:left; position:relative; top:63px; left:28px; width:160px; text-align:justify;}
h1#heading_2{font-size:16px; color:#eee; float:left; position:relative; top:26px; left:30px;}

img#poolwater{width:500px; height:200px; float:right;}

div#search{margin:0px 2px; height:40px; background: url(search.png) repeat-x;}
div#foot{margin:0px 2px; height:40px; background: url(hspacer.png) repeat-x;}

.clearfix{clear:both;}


#footerlinks{color:#eee; font-size:11px; margin-top:60px; padding-bottom:30px; text-align:center;}
#footerlinks a{color:#0af;}


#homecontentleft{float:left; width:400px; position:relative; top:10px; left:30px;}
#homecontentleft p{margin:20px 0px; text-align:justify;}
#homecontentleft a{color:#0af;}

#homecontentright{float:left; width:225px; position:relative; top:30px; left:65px;}
.homeright{margin-bottom:25px; border:1px solid #ccc;}
.homeright div{background-color:#ccc; color:#fff; height:18px; padding-left:15px; padding-top:3px;}
.homeright ul{margin-top:15px; margin-bottom:15px;}
.homeright p{margin:18px 0px 18px 18px;}
.homeright span{font-size:11px;}

#magright{padding-left:5px; text-align:center; vertical-align:top;}
#magright img{width:175px; vertical-align:top;}

#swimnews{margin:40px 50px 0px 50px;}
#swimnews p{margin-bottom:10px; text-align:justify;}
.links{color:#0af;}
.smallLinks{font-size:10px; color:#ccc; text-decoration:none;}


#gallerytext{margin:30px 50px 10px 50px; text-align:justify;}
#galleryleft{float:left; position:relative; top:20px; left:30px; width:360px;}
#galleryleft img{cursor:pointer; width:110px; height:75px; border:solid 2px #ccc;}
#galleryright{float:left; position:relative; top:20px; left:50px; width:270px;}
#galleryright img{width:270px; height:185px; border:3px solid #ccc;}
#galleryright a{display:block; color:#999; background-color:#f3f3f3; border:1px solid #bbb; width:80px; height:15px; margin-top:40px; padding:5px; text-align:center; text-decoration:none; font-size:11px; font-weight:900;}
#clicktext{margin-top:15px; margin-left:10px;}
#galleryfoot{clear:both; height:50px;}


div#guide{margin:30px 50px 0px 50px; text-align:justify;}
div#guide p{margin:15px 0px;}
div#guide h2{font-size:18px; font-weight:800;}
div#guide a{color:#0af; font-size:11px;}


#swimlinks{margin:40px 50px 0px 50px;}
#swimlinks p{margin-bottom:10px; text-align:justify;}
#swimlinks a{color:#0af;}


#contactaddress{float:left; position:relative; top:70px; left:45px; width:250px; font-size:15px; margin-bottom:150px;}
#contactaddress span{font-size:11px;}

#webmailform{float:left; position:relative; top:40px; left:65px; width:350px; font-size:15px; margin-bottom:50px;}
#webmailform form{margin:0px;}
#webmailform p{margin-top:50px; text-align:justify;}


