/* CSS layout */

h5{
	color:gray;
	padding-left:10px;
	left:30px;
	top:25px;
	padding-top:15px;
	font-family:verdana, arial, sans-serif;
	font-size:x-small;
	}
h6{
	color:navy;
	padding-left:10px;
	left:30px;
	top:25px;
	padding-top:15px;
	font-family:verdana, arial, sans-serif;
	font-size:x-small;

}

.boxes {
	width:250px;
	height:250px;
	padding:10px;
	margin:10px;
	background:maroon;
	float:right;
		
}

.boxes_map {
	width:250px;
	height:250px;
	padding:10px;
	margin:10px;
	background:black;
	float:right;
		
}


body {
	background-position: center;
	margin-top: 1px;
	background-color: #4682B4;
	background-image: url('images/background_image_opi_master.jpg');
	background-repeat: repeat-y;
}

#masthead {
	height: 145px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	
}

#masthead_logo{
	height: 145px;
	width: 00px;
	margin-left: auto;
	margin-right: auto;
	float:left;
	background-image:url('images/pi_surf_logo.jpg');

}
.masthead_photo_right {
	float: right;
	padding: 0px;
	margin: 0px;
	height: 100%;
}


#top_nav {
	width: 800px;
	height:100%;
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
	padding-top:0px;
	text-align:center;
	
}

/*used on padre island surf page master*/
	
#container {
	position: relative;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	padding-top:0px;
	border-left:thin #B7CEFD solid; 
	
	
}

#left_col {
	width: 23.7%;
	left: 0px;
	top: 0px;
	float:left;
	background-color:#CCCCFF;
}

#surf_top_spacer {
	height: 100%;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #8BBAEA;
	margin-top: 0px;
	padding: 0px;
	color: #8BBAEA;

}

#surfermag_container {
	float:right;
	
}
/*surf master unique ends here*/

#container_main {
	position: relative;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	padding-top:0px;
	background-color:#F0E68C;

}

#left_col_main {
	width: 23.70%;
	left: 0px;
	top: 0px;
	float:left;
	margin-bottom:0px;
	
	
}
#page_content_main {
	margin-left:0px;
	width:610px;
	float:right;
	padding-top:0px;
	padding-bottom:2px;
	font-family:Verdana,Arial,Helvetica;

}

#left_col_main_khaki {
	width: 23.70%;
	left: 0px;
	top: 0px;
	float:left;
	margin-bottom:0px;
	background-color:#F0E68C;
	min-height:950px;
}
#page_content_main_khaki {
	margin-left:0px;
	width:610px;
	float:right;
	padding-top:0px;
	padding-bottom:2px;
	background-color:#F0E68C;
	font-family:Verdana,Arial,Helvetica;
	min-height:800px;
}

.page_content_full_box {
	background-position: 0px 0px;
	width:100%;
	background-color: #F0E68C;
	background-repeat: repeat;
	background-attachment: scroll;
}

#page_content {
	margin-left:0px;
	width:610px;
	float:right;
	padding-top:0px;
	padding-bottom:2px;
}

#bottom_nav {
	width: 800px;
	height:100%;
	margin-left: auto;
	margin-right: auto;
	clear:both;
	margin-top:0;
	text-align:center;
}

#footer {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	width: 800px;
	color: #000080;
	clear: both;
	text-align: center;
	font-size: small;
}


/*box layout for columns images and ads*/

.first_box_left  {
	width: 90%;
	height: 100%;
	margin-top: 15px;
	margin-left: 8px;

}

.second_box_left {
	background-position: 0px 0px;
	width: 165px;
	height: 600px;
	margin-top: 15px;
	margin-left: 8px;
}

.third_box_left {
	width: 150px;
	height: 170px;
	margin:0px;
	padding-top:0px;
}

.video_container  {
	float:left;
	padding:2px;
	margin:4px 0px 4px 0px;
	
}

.video_box_right_float {
	float:right;
	padding:5px 2px 5px 2px;
	
	
	}
	
.video_box_caption {
	float:left;
	border:thin black double;
	width:250px;
	padding:5px 2px 5px 2px;
}

.active_ad_box{
	float:left;
	padding:5px;
	margin:5px;

}

/*All Google Ads*/

.right_col_skyscraper {
	float:right;
	padding:5px;	
	clear:left;
	min-height:605px;
	}
.left_col_skyscraper {
	float:left;
	padding-bottom:inherit;
	width: 132px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	
}

.link_ad_left_top {
	width:160px;
	padding-bottom:0px;
}

.image_ad_left {
	float:left;
	padding:5px;
	padding-top:5px;
}	

.image_ad_left2 {
	margin-top:260px;
	float:left;
	padding:5px;
	padding-top:5px;
}	

.image_ad_right {
	float:right;
	padding:5px;
	padding-right:25px;
}	

.referral_ad_center{
	padding:10px;
	margin-left:35px;
	}
}
#footer_ad {
	padding:10px;
	margin-left:35px;
}

.box_in_text_ad {
	width:300px;
	height:250px;
	padding:10px;
	margin:10px;
	float:right;
		
}


/*Left column navigation */

.top_box_left {
	width: 90%;
	height: 100%;
	margin-top: 15px;
	margin-left: 5px;
	background-color:#FFFFCC;
}

#navcontainer { width: 165px; }

#navcontainer ul
{
margin:.1em;
padding: .1em;
list-style-type: none;
font-family:Comic Sans MS, Ariel,Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 3px;
width: 160px;
background-color: #036;
border-bottom: 1px solid #eee;
}

#current
{
background-color:#3366CC;
color: #fff;
}


#navcontainer a:active
{
background-color:#3366CC;
color: #fff;
}


#navlist a:visited
{
color: #EEE;
text-decoration: none;
}


#navcontainer a:link
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #369;
color: #fff;
}
/*end left navigation*/

.firstline_paragraph  {
	
	font-family:Comic Sans MS, Ariel,Helvetica, sans-serif;
	color:maroon;
	font-size:large;
}

.firstline2_paragraph  {
	
	font-family:Comic Sans MS, Ariel,Helvetica, sans-serif;
	color:#8BBAEA;
	font-size:large;
}