/* CSS Document */

body {margin: 0; padding: 0; background-image: url(images/bckgrnd.gif); background-repeat: repeat-x; color: #231F20; font-size: 12px; font-family:"Helvetica",Arial, Lucida, Verdana, sans-serif;}
a img {border: 0;}
h1, h2, h3, h4 {font-family: "Arial"; margin: 0; padding: 0; color: #343434;}
hr {border: 0; border-top: 1px solid #ccc; height: 1px; clear:both;}
table, td, tr {font-size: 12px;}
#frame {width: 980px; margin: 0 auto 0 auto;}
a:hover {text-decoration:underline;}

/* HEADER AREA */

#header {width: 930px; padding: 30px 15px 30px 15px; _padding: 30px 15px 30px 30px;  float: left;}

.langs {float: right; margin: 0 10px 0 0;}
.langs img {margin: 3px 5px 0 10px;}
.langs a {color: #fff; text-decoration: none;}

#chromemenu {width: 930px; margin: 0 15px 0 15px; float: left; background-image: url(images/nav.gif); background-repeat: no-repeat;}
#chromemenu ul {margin: 0; padding: 0;}
#chromemenu li {float: left; list-style: none; /*padding: 0 30px 0 30px;*/ margin: 0px;}
#chromemenu li a {text-decoration: none; color: #fff; line-height: 35px; padding: 10px 29px 10px 29px;}
#chromemenu li a:hover,#chromemenu li a:active{color:#2881c3;}

.bord {border-right: 1px solid #fff;}

#mininav {float: right; margin: 7px 0 0 0; padding: 0;}
#mininav a {color: #231F20; font-weight: bold; text-decoration: none; margin: 0px 15px 0px 7px;}
#mininav a:hover {color: #2381C4;}

/* SPLASH AREA */

#splash {float: left; width: 930px; margin: 1px 15px 0 15px; height: 190px; float: left; background-image: url(images/splashback.jpg); background-position: bottom left; background-repeat: no-repeat;}
#splash h2 {font-size: 28px; color: #fff; margin: 0; padding: 20px 0 10px 30px; font-weight: normal;}
#splash p {color: #fff; font-size: 13px; width: 400px; padding: 0 0 5px 30px;float:left;}
#splash a {font-weight: bold; color: #fff; text-decoration: none;}
#splash a:hover {text-decoration: underline;}
#splash img {float: right;}

#splash h4 {margin:0px;padding:0px 0px 0px 30px; color: #fff; font-size: 14px;font-weight: bold;}
#splash ul {margin: 0; padding: 0 0px 0px 20px; float:left;}
#splash li {float: left; list-style: none; padding: 0 0px 0 10px; margin: 0px;}
#splash li a {text-decoration: none; color: #fff; line-height: 35px; padding: 0px 0px 0px 0px;text-decoration: underline;}
#splash li a:hover{text-decoration:none;}

/* CONTENT AREA */

#leftcol {width: 315px; float: left; /*padding-top: 20px;*/}
#content {width: 645px; float: left; /*padding-top: 20px;*/}
#full {width: 980px; float: left; clear: both;}
/*#splash {float: left; margin: 15px 0 0 15px;}*/

/* SMALL BOX */

.boxthin {width: 300px; background-image: url(images/boxnew-bot.gif); background-repeat: no-repeat; background-position: bottom left; float: left; margin: 15px 0 0 15px; padding-bottom: 20px; text-align: justify;}

#longback{background-image: url(images/boxfatnew-bot-long.jpg ); background-repeat: no-repeat; background-position: bottom left;}

#boxthin2 {width: 234px; background-image: url(images/boxnew-bot-small.jpg); background-repeat: no-repeat; background-position: bottom left; float: left; margin: 15px 0 0 15px; padding-bottom: 20px; text-align: justify;}

.boxthin h2, .boxthin2 h2 {font-size: 14px; padding: 10px 0 10px 15px;}
.boxthin h2 a,.boxthin h2 a:hover  {color: #fff;}

.boxthin h3 {font-size: 14px; color: #231F20; margin: 20px 0 10px 15px;}
.boxthin h3, .boxthin p, .boxthin table, .boxthin small, .boxthin button, .boxthin hr {margin-left: 15px; margin-right: 15px;}
.boxthin a {color: #2381C4; text-decoration: none;}
.boxthin a:hover{color: #2381C4; text-decoration:underline;}
.boxthin ul {margin: 0 15px 0 15px; padding: 0;}
.boxthin li {list-style: none; /*line-height: 32px;*/ display: block; padding: 10px 0px 10px 0px; border-bottom: 1px solid #ccc; font-weight: bold; text-align: left;}
.boxthin li a:hover {color: #2381C4;}
.boxthin button {margin: 15px 0 0 15px;}
.boxthin table {margin: 0; padding: 0;}

.boxtop {background-image: url(images/boxnew-top.gif); color: #fff; background-repeat: no-repeat; text-align: left;}
#boxtop2 {background-image: url(images/boxnew-top-small.jpg); color: #fff; background-repeat: no-repeat; text-align: left;}
.clean {height: 340px;}

/* WIDE BOX */

.boxfat {width: 610px; background-image: url(images/boxfatnew-bot.gif); background-repeat: no-repeat; padding: 0 0 30px 0; background-position: bottom left; float: left; margin: 15px 0 0 20px; _margin: 15px 0 0 10px; text-align: justify;}
.boxfat h2 {font-size: 14px; padding: 10px 0 10px 15px; color: #fff; background-image: url(images/boxfatnew-top.gif); background-repeat: no-repeat;}
.boxfat h3 {font-size: 13px; color: #2381C4; margin: 20px 0 10px 15px;}
.boxfat h3, .boxfat p {margin-left: 15px; margin-right: 15px;}
.boxfat hr {width: 95%; clear: both;}
.boxfat a {color: #2381C4;}
.boxfat table, .boxfat h1 {margin-left: 15px;}
.boxfat h1 {font-size:18px; margin: 15px 0px 10px 15px;}

.boxfatbot {width: 610px; height: 36px; margin: 10px 0 0 0; padding: 5px 0 0 0;}

.boxheight1 {height: 500px;}
.boxheight2 {height: 405px;}
.boxheight3 {height: 390px;}

.addform{width: 580px;}
.addform td{padding: 3px;font-weight: bold;color:#2881c3;vertical-align:top;}
.addform input, .addform select, .addform textarea {width:300px;}
.addform select {width:304px;}
.addform button{float: right;margin:10px 0px 0px 0px;}

/* FOOTER AREA */

#footer {clear: both; float: left; width: 930px; margin: 20px 15px 0 15px; height: 100px;}
#footer hr {margin: 0 0 20px 0;}
#footer p {/*width: 450px; */ margin: 0 15px 0 15px;}
#footer a {color: #2381C4; text-decoration: none;}
#footer img {margin: 10px 5px 20px 0;}

.footmenu {float: left; width: 200px; margin: 0 40px 0 0;}
.footmenu ul {margin: 0; padding: 0;}
.footmenu li {list-style: none; line-height: 32px; border-bottom: 1px solid #fff; font-weight: bold;}

.footright {float: right; width: 300px;}
.footright input {margin: 15px 0 0 0; width: 240px}
.footright button {margin: 15px 0 0 0;}

.copyright {text-align: right; margin: 120px 0 0 0;}



/* OTHER SHIIII */

.right {float: right; text-align: right;}
.map, small {margin: 15px 0 0 15px;}
.formfield {width: 265px; margin-left: 15px;}
.stats {width: 60px;}
.thumb {width: 55px; height: 39px; margin-right: 15px;}
.picright {float: right; margin: 0 15px 0 15px;}
.marg {margin-left: 15px;}
.blutxt {color: #2381C4;}

.thumbgallery img {float: left; margin: 8px; width: 120px; height: 90px; border: 3px solid #fff;}
.thumbgallery img:hover {border: 3px solid blue;}

.gmapinside img {width:120px;height:90px;}
.gmapinside p {margin: 0px 0px 6px 0px;}

#directory{margin-left: 15px;}
#directory p {margin: 0px;}
#directory td {color: #666; }
#directory h3 {font-size: 14px; padding: 20px 0 10px 15px;}

.boxthin h4 {font-size: 13px; padding: 10px 0px 3px 17px;}

.classi {text-align: center; font-size: 11px; float: left; margin: 10px; width: 120px;}

.classy {/*width: 275px;*/ margin: 0 20px 0 20px; _margin: 0px; float: left; }
.classy td {padding: 5px; vertical-align: top;}
.classy td p {margin: 0 0 10px 0;}
.classy h3 {margin: 0;}
.classy a {text-decoration: none;}
.classy a:hover {text-decoration: underline;}

.classhr {width: 550px;}

/*.block {margin: 5px; float: left;}*/

.yacht {margin: 15px 0 0 15px; border: 3px solid #f0f0f0;}

.cap {text-transform: capitalize;}

#popup {background-color:#2881c3; background-image: none; margin: 20px; }
#popup h1{font-size: 15px; color: #fff;}
#popup td {font-size: 12px; color: #fff;}
#popup p{color:#fff;}
#popup input, #popup select {width: 180px;}
.formlayout {width: 400px; margin: 0px 0px 20px 0px; }
.formlayout td,.formlayouthalf td {padding: 5px; border: 0px solid #ccc; font-weight: bold; }
.head {font-weight: bold;background-color: #ccc;}
.tdlabel {width: 150px;}
.long {width: 500px;}

#nostyle strong {font-weight: normal; }


.chromestyle{
width: 99%;
font-weight: bold;
background-color: #FBAA29;

}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
/*border: 1px solid #BBB;*/
width: 100%;
/*background:  url(chrometheme/chromebg.gif) center center repeat-x; */
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
font-family: arial;
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #000;
padding: 6px;
margin-right: 10px;
text-decoration: none;
font-size: 14px;


/*border-right: 1px solid #DADADA;*/
/*font-size: 11px;*/ /* MAIN NAV */
}

.chromestyle ul li a:hover{
/*background:  url(chrometheme/chromebg-over.gif) center center repeat-x; */
background-color: #fff;
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: " ";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/

}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0px;
left: 0px;
/*border-top: 1px solid #ccc; */
/*border-bottom-width: 0;*/
/*font:normal 12px Verdana;*/
border-left: 1px solid #fff;
border-right: 1px solid #fff;
line-height:25px;
z-index:100;
/*width: 134px;*/
visibility: hidden;
font-family: arial;
/*background-color: #222;*/
padding: 0px;
margin:  0px 0px 0px -1px;
_padding-top:20px;
}

#dropmenu1{width:132px;_width:122px;}
#dropmenu2{width:123px;}
#dropmenu3{width:210px;}

.dropmenudiv a{
width: auto;
display: block;
/*text-indent: 13px;*/
border-bottom: 1px solid #ccc; 
padding: 0px;
text-decoration: none;
font-weight: normal;
color: #222;
font-size: 11px;
padding: 5px 0px 5px 10px;
/*margin: 10px 0px 0px 0px;*/
background-color: #404c5b;
color: #fff; 
}
.dropmenudiv a:hover{color:#2881c3;text-decoration: none;/*font-weight:bold;*/}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
margin-top: -10px;
}

* html .dropmenudiv{ /*IE only hack*/
width: 100%;
margin-top: -10px;
}

.cap {text-transform: capitalize;}

.adlink{background-image: url(images/butt-advertise.gif); background-repeat: no-repeat; background-position:top; width:164px; height:32px; display:block;}
.adlink:hover{background-image: url(images/butt-advertise.gif); background-position:bottom; width:164px; height:32px; display:block;}

.hp1 {width: 420px; background-color: #fff; float: left; margin: 10px 10px 10px 20px; padding:10px;}
h2 a{color: #000;text-decoration: none;}

.vid{width: 400px; /*background-color: pink;*/ float: left; margin: 15px 30px 10px 10px; _margin: 15px 5px 10px 10px; padding:0px;}

#frmMarina {padding: 20px;}
#frmMarina h2, #frmDirectory h2, #frmClassified h2 {background:none; color: #222; margin: 10px 0px 10px 0px;} 
#frmMarina input {width: 200px;}
#frmMarina textarea {width:500px; height: 200px; margin-left: 20px;}
#frmMarina td {font-weight:normal;}


.rssfeed h2 a, .rssfeed h2 a:hover{color: #222; width:270px; display:block; margin: 10px 0px 0px 0px;}
.rssfeed p {margin: 0px 15px 0px 15px;}