body, html {margin:0; padding:0;background-color: #4f4b48}
#bg-shad{width:960px;margin:0 auto;background:url(images/bgshadow.png) repeat-y center;}
#headerpic{width:960px;height:136px;background:url(images/header.png) center no-repeat;margin:0 auto;}
#topbanner{background:url(images/header.jpg) 0 0 no-repeat; width:950px; height:188px;}
#topbanner-c{background:url(images/clubheadpic.jpg) 0 0 no-repeat; width:950px; height:188px;}
#topbanner-m{background:url(images/marinaheadpic.jpg) 0 0 no-repeat; width:950px; height:188px;}

#widep{font:.95em Arial, Helvetica, sans-serif;padding:10px 30px 28px; width:890px;margin:0 auto 15px}
#main-wrap p{font:.9em Arial, Helvetica, sans-serif;line-height:1.4em}
#widep p{font:.9em Arial, Helvetica, sans-serif;line-height:1.4em}

#main-wrap{width:950px;margin:0 auto 15px;padding-top:10px}
#main-wrap a, #widep a{font:italic bold .9em Arial, Helvetica, sans-serif;color:#196fae;text-decoration:none}
#main-wrap a:hover, #widep a:hover{color:#444}
#main-wrap strong em{font:italic bold .95em Arial, Helvetica, sans-serif;}

#right-contwrap{width:450px;float:left;PADDING:0 25px 28px 30px}
#left-contwrap{background:url(images/bgline.png) 0 0 repeat-y;width:389px;float:left;padding:4px 10px 7px 20px;margin-bottom:15px}

h1,h2,h3,h4,h5{margin:0; padding:10px 0 5px}
p{margin:0; padding:5px 0 10px}
h1 {text-indent:-9999px}
h2 {font:normal 2.2em "Trebuchet MS", Arial, Helvetica, sans-serif;color: #dc804c}
h3 {font:normal 1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;color: #486578}
h4 {font:normal 24px Arial, Helvetica, sans-serif;color: #dc804c}
h5 {font:bold italic 1.05em Arial, Helvetica, sans-serif; color:#0F0F0F}
h6 {margin:0; font:italic .9em Arial, Helvetica, sans-serif; color:#0F0F0F}
ul{margin:4px 0 10px;list-style:inside square; color:#DC804C; line-height:1.5em;padding:0 0 0 15px}

/* cont */
.title{font:bold 1em Arial, Helvetica, sans-serif;padding:3px 0 18px}
#main-wrap .title a{font:bold italic .8em Arial, Helvetica, sans-serif;display:block;padding-top:3px}
.text{font:.9em Arial, Helvetica, sans-serif;line-height:1.35em}

#events{text-align:center;padding:10px 0; font:1.1em Arial, Helvetica, sans-serif;}
#events a{line-height:1.9em}
.hrline{height:1px;border-top:1px solid #aaa;background:#eee;margin:10px 0 5px}
#face-homelink{padding-top:10px}
#face-homelink img{position:relative;top:6px}

#main-wrap img{border:none}
.largebuttons img{margin:10px 4px}
.largebuttons img:hover{opacity:0.90;-ms-filter: "alpha(opacity=90)";filter: alpha(opacity=90)}
.paddingtop{padding-top:25px;}

#aboutvol{margin-left:20px}
#aboutvol a{line-height:1.6em}
#located{font-size:1.05em;}
#located a{font-size:1em;}
#located strong{font-style:italic}

/* footer */
#footer{letter-spacing: .3px;height:75px;background:url(images/footer.png) 0 0 no-repeat #4f4b48;text-align:center;font:italic bold .75em Arial, Helvetica, sans-serif;padding-top: 10px;color:#6e3718}
#footernav{text-align: center}
#footernav a, .footernav a:visited {letter-spacing: -.1px;font:bold 1.15em Arial, Helvetica, sans-serif;color:#3f1d08;text-decoration:none;margin:4px 9px 10px;display:inline-block}
#footernav a:hover, .footernav a:active {color: #723916;text-decoration:none;}

/* menu top */
#menu-wrap{width:950px;height:36px;background:url(images/menu.png) repeat-x center;margin:0 auto}
#menu-top {float:left;font:normal 1.05em "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:.3px;}
#menu-top ul {margin:0 0 0 25px; padding:2px 0 0;}
#menu-top li {position: relative; list-style: none;margin: 0; float: left;padding:0 5px}
#menu-top li a{display:block; }
#menu-top a:link, #menu-top a:visited {display:block;padding:5px 6px;text-decoration:none;color:#FFF;text-decoration:none}
#menu-top a:hover {color:#FA9321;text-decoration:none}
#menu-top a{float:none;}
#menu-top>ul a {width: auto;}
#menu-top ul ul {font:bold .85em Arial, Helvetica, sans-serif;position: absolute;display: none;left:-22px;width:130px;top:31px}
#menu-top ul li:hover ul {display:block;background:#708797;border:1px solid #bbbbbb;border-bottom-width: 0;padding:0}
#menu-top ul li:hover ul li{border-bottom:1px solid #bbbbbb;width:124px;padding:1.5px 2px 1.5px 5px}
#menu-top ul li:hover ul li:hover{background:#536979;width:123px}
a#homel:link, a#homel:visited{background:url(images/navhome.png) no-repeat;width:21px;display:block;height:20px}
a#homel:hover, a#homel:active{background:url(images/navhome2.png) no-repeat}
body#home a#homel{background:url(images/navhome2.png) no-repeat}
body#about a#aboutl,body#news a#newsl,body#marina a#marinal,body#clubhouse a#clubhousel,body#contact a#contactl,body#getinv a#getinvl{color:#FA9321;text-decoration:none}

#facebook{float:right;margin:7px 12px 5px 5px}
#facebook a{display:block;width:23px; height:23px; background:url(images/logo-face.png) 0 0 no-repeat}
#facebook a:hover{opacity:0.75;-ms-filter: "alpha(opacity=75)";filter: alpha(opacity=75)}

/* form */
form{padding:7px 0 14px;font:italic .85em Arial, Helvetica, sans-serif;}
form p{padding:7px 0;margin:0}
form p.contmsg{padding-bottom:0}
.error{color:red; font-size:.95em;padding-left:23px}

.galleria{padding:0 0 0 14px;list-style:none;width:386px;}
.galleria_container{height:315px;text-align:center;}
.galleria li{display:block;width:84px;height:84px;overflow:hidden;float:left;margin:0 12px 10px 0}
.galleria li div img{cursor:pointer;}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;display:block;}
* html .galleria li div span{width:400px}

.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */