body { background:#f0f8f1; font-family:ms reference serif, eras light itc, arial, sans serif; line-height:1.5em; }

#header { margin:0 0 2em 2em; padding:.5em; width:60%; background:#d6edd7 url(graphics/water_180.jpg) repeat; border:outset 2px #666; }
#header div { border:outset 2px #333; }
#header div div { border:solid 4px #f0f8f1; }
#header div div div { filter:alpha(opacity=65); border:outset 2px #666; background:#d6edd7; padding-left:.5em; padding-top:.5em; width:auto !important; width:100%; }


h1,h2 { display:inline; font-family:trebuchet ms, tahoma, arial, sans serif;  line-height:1.5em; margin-top:0; padding-top:0; }
h1 { font-size:150%; }
h2 { font-size:125%; }

a, a:visited { text-decoration:none; border-bottom:dashed 1px #000; color:#ec6615; } 
a:hover { border-bottom:solid 1px #ec6615; } 

dl a, dl a:hover, dl a:visited { border:0; }

dl span a, dl span a:visited { border-bottom:dashed 1px #000; } 
dl span a:hover { border-bottom:solid 1px #ec6615; } 

img { border:0; }
dl img { border:solid 1px #000; display:block; }

p { margin-left:90px; }
ul, dl { padding-top:.5em; margin:.5em 0 0 150px; }
li { padding-bottom:.5em; list-style:disc url(graphics/bullet_blue.gif); }

dl { position:relative; width:65%; margin-left:135px; }
dl span { display:block; margin:0 0 10px 0; }
dt { float:left; padding-top:10px; }
dd { clear:right; width:60%; margin:40px 0 0 200px; padding-top:20px; height:160px; border-top:solid 1px #000; }


.menu { filter:alpha(opacity=65); font-family:trebuchet ms, tahoma, arial, sans serif; border:outset 2px #666; background:#d6edd7; text-align:center; margin-right:auto; margin-left:auto; color:#000; line-height:2.5em; padding:.5em; width:auto !important; width:100%; }

#date { position:absolute; right:.5em; top:.3em; z-index:1; font-size:90%; color:#ccc; font-family:trebuchet ms, tahoma, arial, sans serif; }
  
#main_content { margin-left:5em; }

#swim_frame { z-index:1; position:absolute; right:4em; top:17em; padding:.5em; background:#d6edd7 url(graphics/water.jpg) repeat; border:outset 2px #666; width:100px; height:200px; }

#footer { text-align:center; margin-right:auto; margin-left:auto; padding:.5em; background:#d6edd7 url(graphics/water_180.jpg) repeat; border:outset 2px #666; width:65%; }

#copyright { float:right; font-size:small; padding-right:1em; }

#contact { font-size:85%; text-align:center; margin-right:auto; margin-left:auto; margin-bottom:1em; }