/*////////////////////////////////////////////
// Global Styles
////////////////////////////////////////////*/
body
{
    background: #c8e2ec url(../images/background.gif) repeat-x left top;
    margin: 0;
    font: 11px/14px Verdana;
}

img { border: 0px; }

a:link, a:visited, a:active
{
    font: bold 11px Verdana;
    color: #0391de;
    text-decoration: none;
}

a:hover{ text-decoration: underline; }

.break
{
    clear:both;
}

h1, h2
{
    font:bold 18px Verdana;
    line-height:19px;
}
h4
{
    font:bold 14px Verdana
    line-height:15px;
}


/*////////////////////////////////////////////
// Page Layout
////////////////////////////////////////////*/
.wrapper
{
    background-color: White;
    border: solid 1px #999999;
    width: 955px;
    height: 100%;
    text-align:left;
	margin: 0px auto 0 auto;
}



.header
{
	background-image:url(../images/HeaderBG.gif);
	background-repeat:repeat-x;
    height: 143px;  
    width: 955px;
    border-bottom: solid 3px #2dbffd;
}

.logo
{
    float: left;
	clear: none;
    width: 210px;
    height: 143px; 
    margin: 0;
}
.banner
{
    height: 90px;
    width: 728px;
	margin:8px 0px 0px 5px;
}

.rightHeader
{   
    float: left;
    clear: right;
	width:745px;
}

.left
{
    padding: 8px 6px 0 6px;
    float: left;
    font: bold 11px Arial;
    color: White;
    width: 178px;
    margin-bottom:5px;
	background-color:#FFFFFF;
}
    
*:first-child+html .body
{
   padding-bottom:0px;
   margin-bottom:-7px;
}

* html .body
{
   padding-bottom:0px;
   margin-bottom:-7px;
}


*:first-child+html #interior
{
    margin-bottom:7px;
    padding-bottom:20px;
}

* html #interior
{
    margin-bottom:7px;
    padding-bottom:20px;
}


/*Home page boxes*/
.boxContainer {
	width: 293px;
/*	background-color:#33FFFF;*/}
*:first-child+html .boxContainer {
	margin-bottom:-10px;}
* html .boxContainer {
	width: 293px;
	background-color:#33FFFF;}

.box{
	background: url(../images/boxBg.gif) repeat-x left;
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
	border-top: solid 3px #2dbffd;
	height: 206px;
	padding: 5px 0px 0px 13px;}

#leftTopBox {
	float:left;
	margin-right:7px;}
#rightTopBox {
	float:left;
	margin-right:-6px;}
* html #rightTopBox {
	margin-right:-17px;}

#leftBottomBox {
	float:left;
	margin:7px 7px 0px 0px;}
* html #leftBottomBox {
	margin-top:-5px;}
#rightBottomBox {
	float:left;
	margin:7px -6px 0px 0px;}
* html #rightBottomBox {
	float:left;
	margin:-5px -17px 0px 0px;}

*:first-child+html #leftTopBox, *:first-child+html #rightTopBox {
	margin-top:-5px;}
* html #leftTopBox, * html #rightTopBox {
	margin-top:-5px;}


.boxCont {
	margin: 0px 0 0 -20px; 
	list-style-image: url(../images/bullet.gif);}
	
.boxContMedia {
	margin: 0px 0 0 -20px; 
	list-style-image: url(../images/bullet.gif);}

*:first-child+html .boxCont{
	margin: -5px 0 0 18px;}

* html .boxCont {
	margin: -5px 0 0 18px;}

*:first-child+html .boxContMedia{
	margin: 0 0 0 18px;}

* html .boxContMedia {
	margin: 0 0 0 18px;}

.lightBoxHome {
	background: url(../images/lightBottomBg.gif) repeat-x left; 
	height: 38px;
	border: solid 1px #666666;
	font: 11px Arial;
	color: #000;
	padding: 5px;
	margin:0px;}
.lightBoxHomeMedia {
	background: url(../images/mediaBoxBG.jpg) repeat-x left; 
	height: 38px;
	border: solid 1px #666666;
	font: 12px Arial;
	color: #000;
	padding: 5px;
	margin:0px;}
/*end home page boxes*/






.lightBox {
    background: url(../images/lightBottomBg.gif) repeat-x top left; 
    height: 38px;
    width:auto;
    border: solid 1px #666666;
    font: 11px Arial;
    color: #000;
    padding: 5px;
}

.middle {
    padding: 8px 6px 0 0;
    float: left;
    width: 587px;
}
* html .middle {
    width: 570px;
}

#midGallery {
    width:750px;
}

* html #midGallery
{
    width:710px;
}

.middleMap
{
    padding: 8px 6px 0 0;
	margin:0px auto 0px auto;
    width: 927px;
}
.leftMap
{
	float:left;
	width:200px;
	height:537px;
    background: #0F3C95 url(../images/resourcesBg.gif) repeat-x left bottom;
    border-top: solid 3px #2dbffd;
    margin-bottom: 0px;
    padding: 10px;
	color:#FFFFFF;
	font-weight:bold;
}
.map
{
    border-left:solid 1px black;
    border-right:solid 1px black;
    border-top:solid 3px #2dbffd;
    border-bottom:solid 1px black; 
    background-image:url(/images/home/homeMapBoxbg.gif);
    background-repeat:repeat-x;
    height:273px;
    width: 591px;
    margin: 8px 0 12px 0;
}
* html .map 
{
    width:591px;
	margin-right:-2px;
}

.mapImg 
{
    
    margin:10px 0px 2px 10px;
    float:left;
}

* html .mapImg 
{
    margin: 10px 0px 2px 5px;
}


* html .mapImg 
{
    width:405px;
    margin-bottom:-4px;
}

.mapContents 
{
    float:right;
    width:162px;
    height:274px;
    margin-top:0px;
    
}
.mapContentsItem 
{
    width:162px;
    height:15px;
    background-image:url(/images/home/homeMapContentsbg.jpg);
    background-repeat:repeat-x;
    padding:3px 0px 2px 7px;
    margin-bottom:12px;
    border-left:solid 1px black;
    font:bolder 11px Arial;
    color:White;
    margin-left:-8px;
}
#lastmcItem 
{
    margin-bottom:0px;
    margin-top:-2px;
}
* html .mapContentsItem 
{
    padding-left:13px;
    width:158px;
    margin-left:-10px;
}
.mapContentsItem:hover 
{
    cursor:pointer;
    cursor:hand;
}


.right
{
    float:right;
    text-align:center;
    padding: 8px 6px 0 3px;
}

* html .right 
{
    padding:8px 2px 0 1px;
    width:160px;
}

.rightAd {
	padding-right:0px;
}
* html .rightAd {
	padding-right:4px;
}

.right input 
{
    float:none;
    margin-bottom:0px;
}

.content
{
    /*border: solid 1px #666666;*/
}
.contentWords 
{
    padding-left:10px;
    padding-right:10px;
    margin-right:20px;
    margin-top:-40px;
}

#CWinterior
{
    margin-top:-45px;
    padding-left:5px;
}

.pageContent
{
    padding: 0 1em 1em 0;
    /*margin-right:110px;*/
}

/*////////////////////////////////////////////
// Navigation Styles
////////////////////////////////////////////*/
.mainNavigation{
    margin-top: 14px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {/*safari hack*/
	.mainNavigation	{
		width: 800px;
		margin-top: 14px;
		float:left;
		clear:none;	}
}

#mapNav 
{
    float:left;
}
#mNav 
{
    margin-left:-300px;
}

table.tabs, span.tabs, div.tabs
{
    background: url(/images/tab.gif);  
	background-repeat:no-repeat;
    height: 30px;
    width: 106px;
    text-align: center;
}
span.tabs, div.tabs {
	display:block;
	float:left;
	clear:none;
	padding-top:8px;
	height:24px;
}


a.nav:link, a.nav:active, a.nav:visited
{
    background: url(../images/tab_textBG.gif) repeat-x left;  
    text-decoration:none;
    color: #0158a2;
    font: bold 11px Arial;
}

a.nav:hover { text-decoration: underline; }

.sub 
{
    
}
a.sub:link, a.sub:active, a.sub:visited
{ 
    text-decoration:none;
    color: white;
    font: bold 13px Arial;
    background-image:url(/images/bullet.gif);
    background-repeat:no-repeat;
    padding-left:15px;
    
}

a.sub:hover { text-decoration: underline; }

.subNavMenu
{
    padding:5px 10px 0px 10px;
    background:#dcdbde url(/images/subNavDDLBg.jpg) repeat-x;
    border:solid 2px #2dbffd;
    margin-top:2px;
    /*height:157px;*/
}

.subNav
{
    padding:5px 0px 5px 0px;
}
a.subNav:link, a.subNav:active, a.subNav:visited
{ 
    text-decoration:none;
    color: #113c94;
    font: bold 10px Verdana;
    padding:0px 10px 0px 5px;
}

a.subNav:hover { text-decoration: underline; }

/*////////////////////////////////////////////
// Left Side Styles
////////////////////////////////////////////*/

.search
{
    font-size: 10px;
    background: #514082 url(../images/searchBG.gif) repeat-x left top; 
    height: 42px; 
    border-top: solid 3px #2dbffd;
    padding: 5px 0 0 8px;
    margin-bottom: 8px;
}

.login
{
    background: #514082 url(../images/loginBg.gif) repeat-x left top; 
    height: 145px;
    border-top: solid 3px #2dbffd;
    padding: 5px 0 0px 8px;
}

* html .login
{
    width:48px;
    padding-right:0px;
}

* html .loginButton {
	margin-top:-13px;
}

.register
{
    background: #514082 url(../images/registerBg.gif) repeat-x left top; 
    height: 18px;
    border: solid 1px #666666;
    font: bold 13px Arial;
    color: #45963a;
    margin-bottom: 8px;
    padding: 5px;
}

.register a:link, .register a:visited, .register a:active, .register a:hover
{
    font: bold 13px Arial;
    color: #45963a;
    text-decoration: none;
}

.resources
{
    background: #514082 url(../images/resourcesBg.gif) repeat-x left top; 
    height: 305px;
    border-top: solid 3px #2dbffd;
    margin-bottom: 8px;
    padding: 5px 0 0px 8px;
}

.poll
{
    background: #514082 url(../images/resourcesBg.gif) repeat-x left top; 
    height: 231px;
    border-top: solid 3px #2dbffd;
    padding: 5px 0 0px 8px;
}
.poll td
{
    padding:0px;
}

*:first-child+html .poll
{
    height:229px;
}

.miniMap
{
    background-image:url(/images/minimapbg.gif);
    background-repeat:repeat-x;
    height: 300px;
    border-top: solid 3px #2dbffd;
    padding: 5px 2px 0px 4px;
    margin-bottom:-5px;
    width:173px;
    
}
.miniMapText 
{
    font-size:13px;
    font-weight: bold;
    padding-right:5px;
}
.miniMapText a 
{
    color:White;
    text-decoration:none;
    font-family:Arial;
    
}
.mapMini 
{
    margin-bottom:10px;
}




/*////////////////////////////////////////////
// Footer Styles
////////////////////////////////////////////*/

.footer
{
    background: url(../images/FooterBG.gif) repeat-x left; 
    height: 45px;
    border-top: solid 2px #999999;
    text-align: center;
    font: 11px Arial;
    color: White;
    padding: 6px 0 0px 0;
    margin: 8px 0 -5px 0;
}
.footer table { margin: 0 auto 0 auto; }

a.foot:link, a.foot:active, a.foot:visited
{
    text-decoration:none;
    color: White;
    font: normal 11px Arial;
}

a.foot:hover { text-decoration: underline; }


/*////////////////////////////////////////////
// Form Layout
////////////////////////////////////////////*/
.formContainer
{
    margin: 0px auto;
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 1em;	
    width: 725px;  
    background-color:#f7f7f7;
    float: left;
}

.form
{
    margin: 0px auto;
	border-spacing: 0px;
	border-collapse: collapse;
	/*border-top: solid 1px #01209f;*/
	padding: 1em;	
    width: 726px;  
    background-color:#dbeafd;
    float: left;
}

input.checkbox, input.radio
{
    width: 15px;  
    height: 15px;
    vertical-align: top;
    padding-right: 10px;
}

label,input,select,textarea
{
    margin-bottom: 10px;
    float: left;
	display: block;
}

input.checkbox
{
    vertical-align: middle;
    height: 17px;
}

.form label 
{
	width: 150px;
	text-align: left;
	padding-right: 10px;
}

br { clear: left; }

.required 
{
	/*color: red;*/
	font-weight: bold;
}
label.searchText
{
    width:110px;
}
input.searchBox
{
    font:normal 11px Arial;
    height:12px;
}
.searchDropBox
{
    font:normal 11px Arial;
    width:130px;
}
input.searchButton
{
    font:normal 10px Arial;
}


/*////////////////////////////////////////////
// Misc. Styles
////////////////////////////////////////////*/

.leftPadding { padding-left: 10px; }

.pusher { clear:both; }

.blue { color: #1169b2; }

.pageHeader
{
    background: url(../images/contentTop.gif) no-repeat right top;
    font: normal 30px Arial Black;
    color: #297a11;    
    height: 121px;
    padding: 20px 0px 0 10px;
    
}

.boxHeader
{
    font: bold 16px Arial;
    color: #0e3c95;
    padding-bottom: 8px;
}

.leftHeader
{
    font: bold 14px Arial;
    color: white;
    padding-bottom: 15px;
}

/*////////////////////////////////////////////
// Mercury Styles
////////////////////////////////////////////*/

.mercury
{
    text-align: center;
    margin: 0 auto 0 auto;
    padding: 5px 0 5px 0;
    color:#060505;
    font: normal 11px Arial;
}

a.mercury
{
    text-decoration:none;
    font: normal 11px Arial;
}

a.mercury:hover { text-decoration:underline; }

/****************Special**************/
.optionResult 
{
    padding:5px 0px 5px 2px;
    margin:5px 0px 5px 0px;
}
.rbl label 
{
    padding-left:5px;
    padding-top:3px;
}
.pollInside
{
    height:200px;
    overflow:hidden;
}
/****************Special**************/

/************Site Ads *****************/
.vertAd 
{
    text-align:center;
    height:158px;
    margin-bottom:10px 0px 10px 0px;
    
}
/************Site Ads *****************/

.mediaboxitem 
{
    margin-bottom: 5px;
}

.mediaBox
{
    margin-top:-12px;
}
*:first-child+html .mediaBox
{
    margin-top:0px;
}

*:first-child+html .linksArea 
{
    margin-left:0px;
}
* html .linksArea 
{
    margin-left:0px;
}

a.linkOn
{
    font-weight:bolder;
    color:#02669c;
}

.eventTitle
{
    margin-left:0px;
    color:#0391de;
}

*:first-child+html .eventTitle 
{
    margin-left:0px;
}
* html .eventTitle 
{
    margin-left:0px;
}

.fishHeading 
{
    font: bold 14px Arial;
    color: #297a11;
    background-color:#E7F4DF;
    padding:10px;
    text-align:left;
    width:100%;  
}

.listingLink 
{
    text-align:right;
    margin-top:-20px;
    margin-bottom:7px;
    margin-right:60px;
    
    height:20px;
}
.fishDetails 
{
    background-color:#E7F4DF;
    padding:15px;
    margin-bottom:7px;
}
.fishDetails .title
{
    float:left;
    margin-right:7px;
    margin-left:2px;
    font-weight:bolder;
    margin-bottom:3px;
}
.fishDetails .detail
{
    float:left;
    clear:right;
    font-weight:bolder;
    color:#0391de;
    margin-bottom:3px;
}
.fishDetails br 
{
    clear:left;
}

.linkList
{
    padding-left:20px;
}
.linkList a
{
    background:url(/images/waterBullet.gif) no-repeat left center;
    padding-left:10px;
    padding-bottom:2px;
}
.linkList p
{
    padding:0;
    margin:5px 0px 5px 0px;
}
.waterItem
{
    margin-bottom:10px;
}

/******* Story Paging  *********/
#productPaging
{
    float:left;
}
#productsPerPage
{
    float:right;
}
.productPage
{
    float:left;
    margin-right:5px;
}
.productPageOn
{
    float:left;
    margin-right:5px;
    font-weight:bolder;
}
.productPage input
{
    font:normal 11px Arial;
}
#productSearchResultText
{
    font:bold 13px Arial;
    width:728px;
    text-align:center;
    margin-bottom:15px;
}

.error
{
    width: 580px;
    text-align: center;
    color: Black;
    font-weight: bold;
    background-color: #ffe2e2;
    border: solid 1px #ff2222;
    padding: 5px 0px 5px 0px;
	float:left;
}

.msg
{
    width: 580px;
    text-align: center;
    color: Black;
    font-weight: bold;
    background-color: #fffbe2;
    border: solid 1px #ffe222;
    padding: 5px 0px 5px 0px;
	float:left;
}