﻿@charset "utf-8";
/* clear defaults */
* {  margin: 0;  padding: 0;  border: 0; text-decoration: none;}
    
/* set up body style */
body{
  background:#084b70;
  font-family:'Trebuchet MS', trebuchet, Verdana, Helvetica, sans-serif;}
a{
  color:#5c584a; text-decoration:underline; }
a:hover{
  color:#eb9628; text-decoration:none; }  
img#background-bubbles{
  position:absolute; left:-36px; top:65px;}
img#logo-and-background{
  position:absolute; left:0px; top:-239px;}  
a#logo-over{
  width:175px; height:180px; position:absolute; top:-177px; left:12px;
  background:url('../img/logo_up.gif') no-repeat;}
a#logo-over:hover{
  background: url('../img/logo_over.gif') no-repeat;}
  
/* text elements */  
h1, h2, h3, h4, h5, h1 a, h2 a, h3 a{
  margin:10px 0px;font-weight:normal; clear:both; color:#eb9628; border-bottom:1px dotted #eb9628;}
p{
  margin:26px 15px;}  
h1{ /* page titles */
  font-size:28px; }
h1 em{
  font-size:16px; display:inline-block; padding:0 5px;
  line-height:13px; position:relative; top:3px;}  
h2{ /* page subheadingd */
  font-size:18px;}
small{
  font-size:10px;}
  
/* sports camp link */
a#sports-camp{
  width:113px; height:121px; position:absolute; top:-234px; right:30px;
  display:block; background: url('../img/hfsc_out.gif') no-repeat;}
a#sports-camp:hover{
  background: url('../img/hfsc_over.gif') no-repeat;}  

/* nav */
ul#navigation{
  position:absolute; top: -111px; right:18px; z-index:999;}
ul#navigation li,ul#navigation li a {
  height:23px; display:block; float:left;}
ul#navigation span{
  display:none;}
  
#about-nav a {
  width:80px; background:url('../img/nav/out_01.gif');}
#about-nav a:hover, #about-page #about-nav a{
  background:url('../img/nav/over_01.gif');} 
  
#classes-nav a {
  width:71px; background:url('../img/nav/out_02.gif');}
#classes-nav a:hover, #classes-page #classes-nav a{
  background:url('../img/nav/over_02.gif');}  
  
#philosophy-nav a {
  width:96px; background:url('../img/nav/out_03.gif');}
#philosophy-nav a:hover, #philosophy-page #philosophy-nav a{
  background:url('../img/nav/over_03.gif');}  

#benefits-nav a {
  width:81px; background:url('../img/nav/out_04.gif');}
#benefits-nav a:hover, #benefits-page #benefits-nav a{
  background:url('../img/nav/over_04.gif');}  
  
#instruct-nav a {
  width:97px; background:url('../img/nav/out_05.gif');}
#instruct-nav a:hover, #instruct-page #instruct-nav a{
  background:url('../img/nav/over_05.gif');}  
  
#contact-nav a {
  width:105px; background:url('../img/nav/out_06.gif');}
#contact-nav a:hover, #contact-page #contact-nav a{
  background:url('../img/nav/over_06.gif');}  
  
#safety-nav a {
  width:62px; background:url('../img/nav/out_07.gif');}
#safety-nav a:hover, #safety-page #safety-nav a{
  background:url('../img/nav/over_07.gif');}  
  
/* container */
div#main-container{
  width:780px; position:relative; text-align:left;
  background:url('../img/container_bg_repeat.gif') center repeat-y;
  margin:239px 0 50px 0; padding:10px 0 14px 0;}
div#main-container img#mc-top-left{
  position:absolute; top:0px; left:7px;}
div#main-container img#mc-footer{
  position:absolute; bottom:-22px; left:0px;}
div#main-container img#mc-bot-right{
  position:absolute; bottom:-26px; right:-19px;}
  
/* news box */
div#news-container{
  position:absolute; top:-85px; left:210px; width:509px; height:56px; overflow:hidden; 
  text-align:right; padding:14px 5px 5px 0; color:#084b70; line-height:14px; }
div#news-container span{
  float:left; text-align:left; line-height:16px; font-size:14px; padding: 0 5px; font-weight:bold;}  
  
/* main content */
div#main-content{
  background: #d0eff6 url('../img/content_bg_top_left.gif') no-repeat left -5px ;
  border:1px solid white; margin:0 38px 0 29px;  padding:20px;
  position:relative; z-index:100;}
div#main-content dl dt{
  display:inline; font-weight:bold; float:left; margin:0 15px;}
div#main-content dl dd{
  display:block; margin:3px 15px 3px 160px;}

/* main content links */  
div#main-content ul{
  margin:5px 0px 20px 15px;}
div#main-content ul li{
  list-style:none; display:block; padding:5px 0;}
  
div#main-content ol{
  margin:5px 0px 20px 15px;}
div#main-content ol li{
  list-style:lower-alpha outside; margin-left:25px; padding:5px 0;}
div#main-content ol li ol li{
  list-style:decimal outside; margin-left:10px;}  
  
a.rtt{
  display:inline-block; margin:0px 35px 20px 35px;}
  
/* registration */ 
#contact-page div#main-content ol{
  margin:-15px 0 0 15px;}
#contact-page div#main-content ul, #contact-page div#main-content dl{
  margin-top:25px;}  
#contact-page div#main-content h2{
  margin-top:30px; display:block;}

/* opeinings */
#openings-page table.openings{
  width:80%; padding:20px; background:#d0eff6; border:15px solid #6dcde3; 
  -moz-border-radius: 30px; border-radius: 16px;}
#openings-page table.openings *{
  font-family: 'Trebuchet MS', trebuchet, verdana, sans-serif; font-size:15px; padding:5px;}
#openings-page a{
  font-weight:bold; border:1px solid #6dcde3; background:#ade3ef; color:#084b70;
  -moz-border-radius: 6px; border-radius: 6px;}  
#openings-page fieldset{
  margin:30px; width:460px; border:1px solid #d0eff6; padding-bottom:20px;
  -moz-border-radius: 6px; border-radius: 6px;}
#openings-page legend{
   color:#d0eff6; margin:10px; padding:3px;}
#openings-page label{
   color:#d0eff6; padding:3px;}
  
/* images */
div.underwater-image{
  text-align:center;}
div.underwater-image img{
  border:20px solid #ade3ef; margin:20px;}  
  
/* footer */  
p#footer{
  display:block; text-align:center; margin:5px 0 0 0; padding:0px; 
  font-size:11px; position:relative; top:9px;}
  
#rfd{
  display:block; height:30px; text-indent:-9999px;
  background:url('../img/rfd.gif') no-repeat top center;
  margin-bottom:14px; text-align:center; font-size:10px;}