@charset "UTF-8";

body {
	background-color: #626260;
	margin: 0px;
	text-align: center; /* for IE */

}

#body-content-in {
	height: 365px;
	width: 500px;
	background-image: url(house-images/home-sailboat-2.jpg);
	background-repeat: no-repeat;
	display: table-cell;
	float:left;
	padding: 0 0 0 8;
}

.clear {
 clear: both;
}


#container {
	width:766px;
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */

}

#header {
	width:766px;
	height:103px;
	background-image: url(house-images/header.png);
}

#header .logo{
	position: relative;
	left: 132px;
	top: 42px;
}



#header-splash {
	width:766px;
	height:203px;
	background-image: url(house-images/header_splash.png);
}

#body-content {
	width:766px;
	height:auto;
	background-image: url(house-images/body_content.png);
		
	
}
#marineformscontainer {
	width: 520px;
	float:left;
	padding: 0 0 0 8;
	
}


#menu_nav {
	background-image: url(house-images/navigation_bg.jpg);
	background-repeat: no-repeat;
	height: 363px;
	width: 184px;
	margin: 0px 0px 0px 25px;
	float:left;

}

#menu_nav li
{
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003668;
	line-height: 37px;
	text-decoration: none;
	
}

#menu_nav ul
{
	padding: 35px 0px 0px 10px;
}

.menulink
{
	color: #003668;
	text-decoration: none;
	
}

.menulink:hover
{
	color: #006600;
	text-decoration: none;
	
}

#bonus-advert {
	width:766px;
	height:241px;
	background-image: url(house-images/bonus_advert.png);
	clear: both;
}

#footer {
	width:766px;
	height:113px;
	background-image: url(house-images/footer_bg.jpg);
	padding-top: 15px;
	background-repeat: no-repeat;
}

#footer .footer_text {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

#footer .footer_text_index {   /* index only */
	font-family: Arial, Helvetica, sans-serif;
	color: #265b7b;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}


.ad_container
{
	display: table;
	width: 701px;
	height:241px;
	margin-right: auto;
	margin-left: auto;
}

.ad_container_row
{
	display: table-row;
	
}

.ad_container_cell
{
	display: table-cell;
	height: 78px;
	width: 328px;
	padding: 3px;
	float: left;
	margin-right: 13px;
}

.ad_container_image
{
	float: left;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.ad_container_title
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #00009C;
}

.ad_container_text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 500;
	color: #000000;
	line-height: 16px;
}
.sailboat_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FCF385;
	line-height: 13px;
	text-align: right;
	padding-right: 20px;
	padding-top: 1px;
}


/* ----------------------------------- BASIC HTML FORMS ---------------------------------------------  */

#form-container
{
	    font-family: Arial, Sans-Serif;
	    font-size: 13px;
	    background-color: #d6e5f4;
	    padding: 10px;
		width: 500px;
}

/* input box */
.inputtext
{
	    font-family: Arial, Sans-Serif;
	    font-size: 13px;
	    margin-bottom: 5px;
	    padding: 4px;
		width: 230px;
	   
}


#form-container input, radio
{


	margin-bottom: 5px;
	display: inline-table;
	padding: 4px;

		    
}




/* ----------------------------------- javascript field background rollover effect ---------------------------------------------  */


.activeField
{
            background-image: none;
            background-color: #ffffff;
            border: solid 1px #33677F;
}

.idle
{
	    border: solid 1px #85b1de;
	    background-image: url( 'house-images/input-field-blue_bg.png' );
	    background-repeat: repeat-x;
	    background-position: top;
 }





/* adjust label and paragrahs between labels */

.marineforms label{
font-weight: bold;
float: left;
margin-left: 2px; /*width of left column*/
margin-right: 20px; /*width of left column*/
margin-bottom: auto; /*width of left column*/
width: 190px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
font-size: 11px;
}


.marineforms p{
width: 100%x;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
border-top: 1px dashed gray;
height: 1%;
}

fieldset legend{
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000066;
	margin-top:5px;
	margin-bottom:3px;
}
.body_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}


/* ------------------------------FORM  *_REVIEW.PHP SETTINGS --------------------------------------------------  */

a img { border: none; }
td { font-family: arial; font-size: 8pt; }
input, textarea, select { font-size: 8pt; }
.required_field { color: red; }
.answer {
	color: #425A7D;
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.review_title {
	color: #000066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}