﻿/* CSS layout */

html {
    margin:0;
    padding:0;
    background:white;
/*    background:#F0E68C*/
}

body {
    margin:0;
    padding:0;
	min-width:980px;
	background:# fff;
	color: #4e463b;
	font: 14px/1.3 trebuchet ms,arial,verdana,sans-serif;
}

/*Font, header for Page Content*/

h1 {
	color:#FF9900;
	font: bold 2.2em Arial Narrow,Arial,sans-serif;
	text-transform: none;
	margin: 0 0 0 20px;

}

h2 {
	color: #295584;
	font-size: 1.4em;
	margin: 18px 15px .2em;
}

h3 {
	color:teal;
	font-size: 1.4em;
	margin: 18px 0 .2em;
}

h4 {
	font-size:0.7em;
	padding:0 2px 0 0
}

h5 {
	font-size:1.1em;
}

h6 {
	color:white;
	font-size: 1.4em;
	margin: 5px 0 .1em;
	padding-left:0.2em;

}


a:link { color:#CC3300;  text-decoration: none;}
a:visited { color:#CC3300;text-decoration: none; }
a:active {
 color:navy;
 text-decoration: none;}
a:hover {
 color:navy;
 text-decoration: none;}
a:focus {
 color:navy;
 text-decoration: none;}
a img {border:0;}

/*end font and header main content*/

 
/*Main Content Common to all pages*/

#masthead {
	height:115px;
	width:990px;
	margin-left:auto;
	margin-right:auto;
	background-image:url('images/opi_masthead_background2.jpg');
}
#masthead_photo_rotate {
	height:100%;
	width:600px;
	margin-left:auto;
	margin-right:auto;
	float:right;
}

#top_nav {
	width:990px;
	height:40px;
	margin-left:auto;
	margin-right:auto;
	
}

#container_main {
	position: relative;
	width: 990px;
	min-width:990px;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	min-height:1300px;
	height:1300px;
	

}

#left_col_main {
	width: 180px;
	position: absolute;
	margin-left:0px;
	margin-top:0px;
	float:left;
	background-color:white;
}

#page_content_main {
	width:810px;
	margin-left:0px;
	margin-right:auto;
	background-color:white;
	float:right;
}

#footer {
	width:990px;
	min-width:990px;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	clear:both;
    margin-top:0px;
    padding:1px;
    font-family: "Times New Roman";
	text-align: center;

}
/*end common content*/

/*Main Navigation of website at top of page*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
border: 4px solid white;/*#625e00*/
border-width: 1px 0;
background: black url('images/top_nav_background_image2.jpg') center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 8px 25px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;

}

.solidblockmenu li a:hover {
color: white;
background: transparent url('images/top_nav_background_image_hover.jpg') center center repeat-x;
}

.solidblockmenu li .current {
color: white;
background: url('images/top_nav_background_current_image.jpg') repeat-x center;
}

/*End main navigation*/

/*Left column test list navigation */
.ul_left_nav {
	list-style:none;
}

/*end left left navigation*/

/*Right column navigation */
.ul_right_nav {
	list-style:disc;

}

.right_nav_box {
	float:right;
	clear:left;
	width:180px;
	height:inherit;
	padding:0 0 5px 2px;
	/*border-top:thin blue solid;
	border-bottom:thin blue double;*/
}
.right_nav_box_small {
	float:right;
	clear:left;
	width:120px;
	height:inherit;
	padding:0 2px 5px 2px;

}


/*end right navigation*/


/*Boxes*/
.breadcrumb_box {
	width:95%;
	height:15px;
	
}

.page_content_box {
	width:98%;
	padding:5px 0 5px 0;
}

#enlarge {padding:0; margin:4em auto; list-style-type:none; width:750px; height:210px;}
#enlarge li {display:block; float:right; width:230px; height:208px; position:relative;}
#enlarge li a {display:block; width:187px; height:208px; background:transparent; overflow:hidden; position:relative;}
#enlarge li a img {width:187px; height:208px; border:0;}
#enlarge li a:hover {position:absolute; left:-5px; top:-5px; width:187px; height:208px; z-index:100;}



.half_page_content_box_left {
	width:49.0%;
	padding:5px 0 5px 0;
	float: left;
	border-bottom:thin gray solid;
	height:95px;
}

.half_page_content_box_right {
	width:49.5%;
	padding:5px 0px 5px 0;
	float:right;
	border-bottom:thin gray solid;
	height:95px;
}

.left_content_box {
	width:98%;
	padding:2px 0 2px 0;
}

.legend_box_right{
	
	background-image:url('images/cc_fish_map_legend.jpg');
	float:right;
	margin:5px;
	padding:18px 10px 0px 0px;
	width:160px;
	height:560px;
}

.left_list_links {
	width:160px;
	height:400px;
	float:left;
	margin:5px 0px 5px 0px;
	padding:0px;
	font-size:0.9em;
	text-indent:-3em;
	
	
}

.nav_left_box {
	width:160px;
	height:240px;
	float:left;
	background-image:url('images/nav_left_box.jpg');
	margin:5px;

}
/*Used for PINS left navigation*/
.nav_left_container {
    width:160px;
    height:160px;
    float:left;
	margin-bottom:10px;
}
.buttonmenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 150px;
}

.buttonmenu li a{
color: white;
display: block;
width: 100%;
padding: 8px 4px;
text-decoration: none;
font-weight: bold;
border: 1px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background-color: #704968;
text-decoration:none;
text-align:center;
}

.buttonmenu li a:visited{
color: white;
}

.buttonmenu li a:hover, .buttonmenu li a:active{
color: black;
background-color: #CDB4C8;
}


/*End*/

.image_list_small_rectangle_right{
	width:200px;
	height:250px;
	float:right;
	margin:25px;
	padding:0 0 10px 0;
}

.weather_box {
	width:200px;
	height:auto;
	float:right;	
	border:medium #000066 solid;
}

.quick_link_box {
	width:550px;
	height:210px;
	float:left;	
	background-color:#99CCFF;
	border:medium navy solid; 
}

.image_list_quick_link_right{
	width:270px;
	height:200px;
	float:right;
	padding:8px 0 0 0;
}

.image_list_quick_link_left{
	width:270px;
	height:200px;
	float:left;
	padding:8px 0 0 0;
}

/*used for slide show*/
.slide_show_container_right {
	width:250px;
	height:250px;
	float:right;
	margin:0px 0px 0px 0px;
	background:#FFFFFF;
	border:thin #000066 solid;
}

.quick_link_box_250_left {
	width:250px;
	height:250px;
	float:left;
	margin:0px 10px 0px 0px;
	background:#FFFFFF;
	border:thin #000066 solid;
}

.quick_link_box_250_right {
	width:250px;
	height:250px;
	float:right;
	margin:0px 10px 0px 0px;
	background:#FFFFFF;
	border:thin #000066 solid;
}


.bookmark_box{
	width:150px;
	height:50px;
	float:right;
	padding:35px 10px 5px 0px;
	
}
/*used for hotel page*/
.image_box_center_text {
	width: 200px;
	height: 250px;
	float: right;
	margin: 25px;
	padding: 0 0 10px 0;
	text-align: center;
	border:thin groove outset;
	background-color:#FFFFCC;
	
	
}

}

	

/*Ad Boxes for ads and also images*/

.ad_125_square_left{
	width:125px;
	height:125px;
	float:left;
	margin:5px;
}
.ad_125_square_right{
	width:125px;
	height:125px;
	float:right;
	margin:5px;
}

.ad_150_240_left {
	width:150px;
	height:240px;
	float:left;
	margin:5px;
	
}

.ad_250_square_left{
	width:250px;
	height:250px;
	float:left;
	margin:5px;
}
.ad_250_square_right{
	width:250px;
	height:250px;
	float:right;
	margin:5px;
}

.ad_large_rectangle_left{
	width:336px;
	height:280px;
	float:left;
	margin:5px;
}
.ad_large_rectangle_right{
	width:336px;
	height:280px;
	float:right;
	margin:5px 20px 5px 5px;
}

.ad_med_rectangle_left{
	width:300px;
	height:250px;
	float:left;
	margin:5px;
}
.ad_med_rectangle_right{
	width:300px;
	height:250px;
	float:right;
	margin:5px;
}

.ad_small_rectangle_right{
	width:180px;
	height:150px;
	float:right;
	margin:18px;
}

.ad_200_square_left{
	width:200px;
	height:200px;
	float:left;
	margin:5px;
}
.ad_200_square_right{
	width:200px;
	height:200px;
	float:right;
	margin:25px;
}


.ad_160x600_left{
	width:160px;
	height:600px;
	float:left;
	margin-top:5px;
}

.ad_120x600_left{
	width:120px;
	height:600px;
	float:left;
	margin:5px;
}


.ad_horiz_link_box {
	width:468px;
	height:15px;
	float:left;
	margin:5px;
}
.ad_horiz_728x90_box {
	width:728px;
	height:90px;
	float:left;
}

.ad_horiz_long_link_box {
	width:728px;
	height:15px;
	float:left;
}

.ad_button_120x60 {
	width:120px;
	height:60px;
	margin:5px;
}

.ad_button_120x60_left {
	width:120px;
	height:60px;
	float:left;
	margin:5px 10px 5px 10px;
}

.ad_button_120x90_left {  /*use with google vert. link */
	width:120px;
	height:90px;
	margin:5px 10px 5px 10px;
	float:left;
}
.ad_button_120x90_right {
	width:120px;
	height:90px;
	margin:5px 10px 5px 10px;
	float:right;
}

.ad_horizontal_468x60{
	width:468px;
	height:60px;
	margin:15px;
}
.ad_horizontal_234x60{
	width:234px;
	height:60px;
	margin:5px;
}

.ad_vertical_120x240_right{
	width:120px;
	height:240px;
	margin:5px;
	float:right;
}
.ad_vertical_120x240_left{
	width:120px;
	height:240px;
	margin:10px;
	float:left;
}

.ad_vertical_240x400{
	width:240px;
	height:400px;
	margin:5px;
}
.ad_micro_bar {
	width:88px;
	height:31px;
	color:red;
}

/*Image styles*/

.image_style1 {
	margin:0 3px 0 3px;
	border:thin black solid;
}

.image_style2 {
	margin:0 3px 0 3px;
}

.image_style3 {
	margin:0 3px 0 3px;
	border:thin teal solid;
}

.image_style_boxes {
	margin:5px 25px 5px 2px;
}

.image_style_200_box {
	margin:25px;	
	border:thin black solid;

}


.image_style_sponsor_box_small {
	margin: 0 3px 0 3px;
	padding: 5px;
	border: thin teal solid;
	background-image: url('images/sponsor_box_full_background.jpg');
	background-repeat: no-repeat;
}

.image_style_reflect_main {
	margin-left:100px;
}

.image_style_location_button {
	margin-top:3px;
	
	
}	


/*Video Boxes*/

.video_container  {
	width:98%;
	float:left;
	padding:5px;
	margin:4px 0px 4px 0px;
	border:thin teal solid;
}

.video_box_right_float {
	float:right;
	padding:15px;
	border:thin black solid;
}

	
.video_box_caption {
	float:left;
	border:thin black double;
	width:250px;
	padding:5px 2px 5px 2px;
}

#solunar {
	float:left;
	margin-left:10px;

}    

table.solunar_outer {
border: 0px;
border-style: solid;
border-color:navy;
padding: 4px;
background-color: #FFFFFF;
}
table.solunar_buffer {
border: 1px;
border-style: solid;
border-color: #DCDCDC;
padding: 4px;
background-color: #FFFFFF;
}
table.solunar_inner {
padding: 4px;
border-collapse: collapse;
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
text-align: ;
}
table.solunar_inner th {
border-width: 1px;
padding: 2px;
border-style: solid;
border-color:  #DCDCDC;
background-color: white;
-moz-border-radius: ;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
text-align: center;
}
table.solunar_inner td.d {
border-width: 0px;
padding: 2px;
border-style: ;
border-color: #DCDCDC;
background-color: white;
-moz-border-radius: ;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
text-align: left;
}
table.solunar_inner td {
border-width: 1px;
padding: 5px;
border-style: solid;
border-color: #DCDCDC;
background-color:aqua;
-moz-border-radius: ;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
text-align: center;
}

#fishing_forecast_feed_box {
	float:left;
	height:auto;	
}
	
#texas_fish_cast {

	width:330px;
	height:330px;
	float:right;
	
}


