@charset "utf-8";
/***************************************************
	Default Style Sheet
****************************************************/ 


/********************************************
   HTML ELEMENTS
********************************************/ 
body { font: 100% Verdana, Helvetica, sans-serif; background: #075eb4 url('media/images/bg.jpg') repeat-x top left; margin: 0; padding: 0; text-align: center; color: #666666; }

/* headers and text */
p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; margin:5px 0; }
h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; margin:0; padding:0; }
h1 { font-size:18px; font-weight: normal; color: #666666; font-weight: bold;}
h2 { font-size: 14px; font-weight: normal; color: #666666; margin:5px 0; font-weight: bold;}
h3 { font-size: 110%; font-weight: normal; color: #ffffff; }
i {font-style:italic;}

a { font-size: 12px; color:#666666; text-decoration:none; font-style:bold;}
a:hover { color:#484848; text-decoration:none; font-style:bold;}
ul {margin:0 0 20px 0; padding:0;  float: left; border: none; list-style-type:none; text-align:left; }
b.blue {color:#075eb4;}
/* alignment classes */
.floatleft { float:left; margin:0 15px 10px 0; }
.floatright { float: right; }
.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }

/* additional classes */
.clear { clear: both;}
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
img { border:none; }
.imgfloatleft { float: left; padding: 0 20px 20px 0; }
.imgfloatright { float: right; padding: 0 0 20px 20px; }

/********************************************
   LAYOUT
********************************************/ 

#container { width: 780px; height:762px; margin: 35px auto 0 auto; background: url('media/images/main_bg.jpg') top left no-repeat;}
#top_menu { height:33px; width:567px; float:left; margin: 1px auto 0 187px;}
#body { width:650px; height:650px; margin:75px 0 62px 62px; float:left; clear:left; text-align:left;}
#body_internal { width:650px; height:650px; margin:90px 0 0 68px; float:left; clear:left; text-align:left;}
#image {width:650px; height:300px; margin:0 0 15px 0;}
#body_copy {width:400px; margin:10px 45px 0 5px; float:left;}
#left_copy {width:200px; float:left;}
#left_copy img {margin:5px 0;}
p#weather {margin-top:10px;}
#left_colum {width:200px; margin:0 25px 0 0; float:left;}
#right_colum {width:400px; margin:0; float:left;}


/********************************************
   PAGE SPECIFIC STYLES
********************************************/

/********************************************
   TOP NAVIGATION
********************************************/ 

ul#topnav { height:33px; margin:0; padding:0;}
ul#topnav li { height:33px; float: left; border: none; list-style-type:none; display:inline;}
ul#topnav li a { display: block; padding: 0; margin: 0; color: #f33; height: 33px; text-indent: -9999px; line-height: 33px; overflow: hidden;}

ul#topnav li a#home_link { background: url('media/images/menu.jpg') -10px 0 no-repeat; width: 74px;}
ul#topnav li a#about_us_link { background: url('media/images/menu.jpg') -83px 0 no-repeat; width: 73px;}
ul#topnav li a#learn_sail_link { background: url('media/images/menu.jpg') -155px 0 no-repeat; width: 126px;}
ul#topnav li a#photo_gallery_link { background: url('media/images/menu.jpg') -280px 0 no-repeat; width: 86px;}
ul#topnav li a#map_link { background: url('media/images/menu.jpg') -365px 0 no-repeat; width: 111px;}
ul#topnav li a#contact_link { background: url('media/images/menu.jpg') -476px 0 no-repeat; width: 83px;}

ul#topnav li a#home_link:hover { background-position: -10px -33px; }
ul#topnav li a#about_us_link:hover { background-position: -83px -33px; }
ul#topnav li a#learn_sail_link:hover { background-position: -155px -33px; }
ul#topnav li a#photo_gallery_link:hover { background-position: -280px -33px; }
ul#topnav li a#map_link:hover { background-position: -365px -33px; }
ul#topnav li a#contact_link:hover { background-position: -476px -33px; }

body#home_page ul#topnav li a#home_link { background-position: -10px -33px; }
body#about_us_page ul#topnav li a#about_us_link { background-position: -83px -33px; }
body#learn_sail_page ul#topnav li a#learn_sail_link { background-position: -155px -33px; }
body#photo_gallery_page ul#topnav li a#photo_gallery_link { background-position: -280px -33px; }
body#map_page ul#topnav li a#map_link  { background-position: -365px -33px; }
body#contact_page ul#topnav li a#contact_link { background-position: -476px -33px; }

/*END NAVIGATION*/

/********************************************
   FOOTER
********************************************/
#footer { width: 700px;	height:60px; text-align:center; margin:0 auto; clear:left;}
#footer p {  font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #fff; line-height: 14px; margin:auto;}
#footer a { font-size: 10px; font-style:normal; text-decoration: underline; border-right: 1px solid #fff; color: #fff; padding:0 5px 0 3px;}
#footer a.end {border-right: 0px;}
#footer a:hover { text-decoration: none; }
#footer p#footer_info {margin:10px auto;}


/*CONTACT FORM*/
form label {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px;}
.form_input {width:200px; display:block;  background-color:#fff; height:20px; margin-bottom:5px; border: 1px solid #999;}
#additional_info {width:200px; display:block;  background-color:#fff; height:60px; border: 1px solid #999;}
#submit {width:100px; height:25px; display:block; background-color:#4ed12b; margin:5px 0 0 99px; color:#fff; border:0;}
.radio {margin-left:25px;}



.container { width:650px; height:555px; overflow:hidden; position:relative; cursor:pointer;}
div.slides { position:absolute; top:0; left:0; }
ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
div.slides > div,ul.slides li { position:absolute; top:0; width:650px; display:none; padding:0; margin:0; }

#loopedSlider,#newsSlider { margin:0 auto; width:650px; position:relative; clear:both; }