@import "../css/reset.css";

body { margin:0; padding:0; font:12px/17px Georgia, "Times New Roman", Times, serif; background-color:#00697c; }

a, a:visited, a:hover{color: #000;}
p{margin: 10px 0;}
ul{margin-left: 20px;}
h2{font-weight: bold; padding-bottom: 5px; font-size: 15px; text-transform: uppercase; margin: 0px auto; font-family: Georgia, "Times New Roman", Times, serif; }

#superwrap{width: 960px; margin: 10px auto;}
#wrapper{width: 940px; border: 10px solid #fff;}
#main { background-color: #00697c; padding:0 0 30px 0;}
#linkLogo{width: 940px; height: 98px; z-index: 5; margin: 0px; padding: 0px; overflow: hidden;float: left;}
#masthead { width: 940px; height: 172px; display: block; background: #00697c url('../media/beachcoveheader.jpg') no-repeat; overflow: hidden; border-bottom: 5px solid #fff; position:relative;}
#footerNav ul { margin: 5px 0px; padding: 0; list-style: none; }
#footerNav ul li { position: relative; float: left; margin: 0px 5px 0px 5px; }
#footerNav ul li a { text-decoration: none; }
#tagline{width: 260px; position: absolute; left: 270px; bottom: 5px; color: #fff;}

.box{float: left; width: 450px; padding: 0px 0px 10px 10px;margin-top: 10px; }
.boxTop{width: 450px; height: 10px; background: #00697c url('../media/boxTop.jpg') no-repeat; overflow: hidden;}
.boxBottom{width: 450px; height: 10px; background: #00697c url('../media/boxBottom.jpg') no-repeat; overflow: hidden;}
.boxBody{width: 430px; background: #fff; padding: 10px; height: 550px; position: relative; }

#largeBoxTop{width: 920px; height: 10px; margin: 0px auto; margin-top: 10px;background: #ffffff url('../media/largeBoxTop.jpg') no-repeat; overflow: hidden;}
#largeBoxBottom{width: 920px; height: 10px; margin: 0px auto; background: #ffffff url('../media/largeBoxBottom.jpg') no-repeat; overflow: hidden;}
#largeBox{background: #fff; width: 920px; height: 390px; margin: 0px auto;}
#player{width: 400px; height: 225px; background-color: #fff; border: 1px solid #fff; float: left;margin: 0px 10px 10px 10px; }

.mainImage{border: 1px solid #000000; margin-bottom: 10px;height: 125px;}
#copySuccess{padding: 10px;width: 750px;}
#copy{font-size: 14px; float: right; width: 450px;}


.rateTable { border: 1px solid #00697c; padding: 3px; text-align: center;width: 430px;}
.rateTable th { background: #00697c; color: white; font-weight: bold; padding: 5px; text-align:center;}
.rateTable td { background: none; color: black; padding: 5px; border-right: 1px solid #00697c; border-bottom: 1px solid #00697c; text-align: center; }
.rateTableContainer{position: absolute; top: 405px;}

.disclaimer{font-size: 9px; color: #999; text-align: center;}


h2.memberName{font-weight: bold; font-size: 15px; text-transform: uppercase;margin: 0px auto;text-align: center;}
.memberLogo{margin: 0px auto;  width: 200px; text-align: center; display: block;padding-bottom: 10px;}
.memberImage{margin: 0px auto; padding: 5px; display: block;border: 1px solid #00697c;}
.memberLink{font-weight: bold;text-align: center;color: #000;display: block;padding-top: 10px;font-size: 15px;color: #000;text-decoartion: none;}
.memberLink:hover{color: #00697c;}




form#enter-to-win { margin: 10px 0 0 0 ; }
form fieldset { margin: 3px 0; width: 310px; height: 22px; position: relative; display: block; }
form fieldset label { position: absolute; left: 0; top: 0; height: 22px; width: 150px; line-height: 22px; }
form fieldset input { position: absolute; right: 0; top: 0; width: 190px; height:22px;background:url(../media/formstyles/input.gif) no-repeat left top;border: none;padding: 3px 8px; }
form fieldset input:hover {background:url(../media/formstyles/inputHover.gif) no-repeat left top;}

form fieldset.checkbox { padding: 3px 0; }
form fieldset.checkbox input { position: absolute; left: 2px; top: 3px; height: 15px; width: 15px;background:url(../media/formstyles/checkbox.gif) no-repeat left top; }
form fieldset.checkbox label { position: absolute; left: 22px; top: 3px; width: 220px; }
form fieldset.submitter label { display: none;}
#submit-form{padding: 0px;position: absolute; left: 105px;}


.greenLogo{float: right; width: 250px;margin-right:15px;}
.error{color: #ff0000;}
div.clear{ overflow:hidden; height:1px; clear:both; }