/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN NAVIGATION */

.main-navigation h1 {clear:both; margin:0 0 0 0; padding:4px 1px 3px 1px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.main-navigation h2 {clear:both; margin:20px 10px 10px 20px; font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:150%;}
.main-navigation h3 {clear:both; margin:10px 10px 5px 20px; color:rgb(80,80,80); font-weight:bold; font-size:110%;} /* Note: h2 not existent, to make identical to formats for main-navigation for easier exchange */
.main-navigation p {clear:both; margin:0 10px 10px 20px; color:rgb(80,80,80); line-height:1.3em; font-size:110%;}
.main-navigation p.center {text-align:center;}
.main-navigation p.right {text-align:right;}

/* MAIN CONTENT */
.main-content h1.pagetitle {margin:0 0 0.4em 0; padding:0 0 2px 0; border-bottom:solid 7px rgb(225,225,225); font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:220%;}
.main-content h1.block {clear:both; margin:1.0em 0 0em 0; padding:2px 0 2px 2px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:220%;}
.main-content h1 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:210%;}
.main-content h2 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:170%;}
.main-content h3 {clear:both; margin:-1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(125,125,125); font-weight:normal; font-size:130%;}
.main-content h1.side {clear:none;}
.main-content h2.side {clear:none;}
.main-content h3.side {clear:none;}

.main-content h4 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-weight:normal; font-size:170%;}
.main-content h5 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-size:140%;}
.main-content h6 {margin:1.2em 0 0.2em 0; color:rgb(80,80,80); font-weight:bold; font-size:120%;}
.main-content p {margin:0 0 1.0em 0; line-height:1.5em; font-size:120%;}
.main-content p.center {text-align:center;}
.main-content p.right {text-align:right;}
.main-content p.details {clear:both; margin:-0.25em 0 1.0em 0; line-height:1.0em; font-size:110%;}
.main-content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}

 p.caption {clear:both; margin:0.5em 0 2.0em 20px; text-align:left; color:rgb(80,80,80); font-size:110%;}

.main-content ul {list-style:none; margin:0.5em 0 1.0em 0;}
.main-content ul li {margin:0 0 0.2em 2px; padding:0 0 0 12px; background:url(../img/bg_bullet_full_1.gif) no-repeat 0 0.4em; line-height:1.4em; font-size:120%;}
.main-content ol {margin:0.5em 0 1.0em 20px !important /*Non-IE6*/; margin:0.5em 0 1.0em 25px /*IE6*/;}
.main-content ol li {list-style-position:outside; margin:0 0 0.2em 0; line-height:1.4em; font-size:120%;}

/************/
/*  GLOBAL  */
/************/

/* NON-HEADER */
*{padding:0; margin:0;}
 body {font-size:62.5%; background-color:rgb(255,255,255); font-family:verdana,arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.page-container {background-color:#FFFFFF; height:auto; width:900px; margin:0px auto; margin-top:10px; border:solid 1px rgb(150,150,150); font-size:1.0em;}
.main {clear:both; width:900px; padding-bottom:30px; background:transparent url(../img/bg_main_withnav_reverse.jpg) top left repeat-y;}
.main-navigation {display:inline /*Fix IE floating margin bug*/; float:right; width:200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-content {display:inline; /*Fix IE floating margin bug*/; float:left; width:650px; margin:0 0 0 30px; overflow:visible !important /*Firefox*/;}
.footer {clear:both; height:30px; width:900px; padding:1.0em 0 1.0em 0; background:rgb(225,225,225) url(../img/bg_foot.jpg) no-repeat; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; }

/* --- For alternative headers START PASTE here --- */

/* HEADER */
.header-bottom {width:900px; height:30px;}



/********************/
/*  FOOTER SECTION  */
/********************/
.footer p {line-height:1.3em; text-align:center; color:rgb(125,125,125); font-weight:bold; font-size:110%;}
.footer p.credits {font-weight:normal;}
.footer a {text-decoration:underline; color:rgb(125,125,125);}
.footer a:hover {text-decoration:none; color:rgb(0,0,0);}
.footer a:visited {color:rgb(0,0,0);}

.subcontent-unit-border {width:200px; margin:0 0 2.0em 0; padding:0 0 5px 0; border:solid 1px rgb(190,190,190); background:rgb(235,235,235);}
.subcontent-unit-clear {width:200px; margin:0 0 2.0em 0; padding:0 0 5px 0; text-align:center;}

.fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.select {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:12px;}
.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:12px;}
.textarea {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}

.button { width:9.0em; margin-right:0px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(80,80,80); font-size:12px;}
.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
.formText {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:12px;}

.logo
{
	text-align: center;
	font-weight:bold;
	background-color:#FFFFFF;
}


/* grid tables */
.gridTable
{
	width:100%;
	height:100%;
	border-style:none;
}

.gridHeader th
{
    background-color: #999999;
    border-color: #666666;
    font-family: Microsoft Sans Serif;
    padding: 0px, 2px, 0px, 2px;
    font-weight: normal;
    font-size: 10pt;
    border-style: solid;
    border-width: 1px;
}

.gridRow, tr.gridRow td
{
    background-color: #E9E9E9;
    border:solid 1px #444;
    padding:2px 2px 2px 2px;
}

.gridRowAlt, tr.gridRowAlt td
{
    background-color: white;
    border: solid 1px #444;
    padding:2px 2px 2px 2px;
}

.gridFooter
{
    background-color: #999999;
    border: solid 1px;
    border-left: solid 1px ActiveBorder;
    height: 20px;
}

.gridFooter th, .gridFooter td
{
	padding:2px;
	padding-top:4px;
	padding-bottom:4px;
	font-family:Microsoft Sans Serif;
	font-size:8.25pt;
}

th.header 
{
	cursor: hand;     
	background-image:url(/Assets/Skins/FutureBass/images/bg.gif);
	background-position: right center;
	background-repeat:no-repeat;
}

th.headerSortUp
{
    background-image: url(/Assets/Skins/FutureBass/images/asc.gif);
    background-position: right center;
    background-repeat: no-repeat;
    background-color: #E9E9E9;
}
th.headerSortDown {
	background-image:url(/Assets/Skins/FutureBass/images/desc.gif);
	background-position: right center;
	background-repeat:no-repeat;
	background-color: #E9E9E9;
}

/* content */

.adBar
{
    text-align:center;
}

.adBar img
{
    width:120px;
    border-style:none;
    padding-bottom:20px;
}

.adBar a, .adBar a:hover
{
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

#moreLink a:hover
{ text-decoration: none;
}

#moreLink a
{ 
  padding: 0px 0px 2px 2px;
  color: black;
} 




/* Skin Classes */
.storyListTitle
{
    margin: 0px 10px 5px 10px;
    font-weight:bold;
    font-size: 100%;
    text-decoration:underline;
}

.storyListPreview, .lakeDetail
{
    font-weight:normal;
    font-size: 90%;
    color:rgb(100,100,100);
    margin: 0px 10px 5px 10px;
}

.storyPreviewPreview
{
    font-weight:normal;
    font-size: 100%;
    text-align:center;
    color:rgb(75,75,75);
}

.eventName
{
    font-size:25px;
    color:rgb(100,100,100);
    margin-bottom:20px;
    margin-top:5px;
    text-align:center;
}

.divider
{
    width:100%;
	border-bottom: solid 1px rgb(190,190,190);
	color: rgb(100,100,100);
	padding:3px;
	margin-bottom: 5px;
	font-weight: 700;
	font-family:Tahoma;
	font-size:100%;
	margin-top:5px;
	text-transform:uppercase;
}

.featureContentTitle, .storyPreviewTitle, .lakeDetailName, .anglerDetailName
{
  font-weight:bold;  
  font-family: serif;
  font-size: 108%;
  margin: 0px 0px 3px 0px;
  text-transform:uppercase;
  color:rgb(100,100,100);
}



#myAccordion{
        margin: 0px 1px 0px 0px;
}
#myAccordion dt{
	line-height: 20px;
	background-color: rgb(190,190,190);
	border-bottom: 1px solid rgb(80,80,80);
	border-top: 1px solid rgb(80,80,80);
	padding: 0 5px;
	font-weight: bold;
	color: #fff;
}
#myAccordion dd{
	overflow: auto;
}
#myAccordion dt.myAccordionHover
{
	background: rgb(80,80,80);
}
#myAccordion dt.myAccordionActive
{
	color: rgb(255,255,255);
	font-weight: bold;
	background: rgb(80,80,80);
}



.imageGallery
{
    text-align:center;
}

.imageGallery img
{
    width:120px;
    border-style:none;
    padding-bottom:5px;
    padding-right:5px;
}

.imageGallery a, .imageGallery a:hover
{
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}




/*Tabs*/
ul.tabs 
{
    font-family: sans-serif;
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 20px;
	border-bottom: solid 1px rgb(175,175,175);
	border-left: solid 1px rgb(175,175,175);
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 19px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 19px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background-color:rgb(220,220,220);
	
}
ul.tabs li a {
	text-decoration: none;
	color: rgb(100,100,100);
	display: block;
	font-size:15px;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background:rgb(210,210,210);
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	border: 1px solid rgb(175,175,175);
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; 
	width: 100%;
	height:100%;
	background: #fff;
	font-family: sans-serif;
}
.tab_content {
	padding: 20px;
}