/* 
    Document   : jsp
    Created on : 17 December 2002, 15:29
    Author     : LDPXF18
    Description:
        Purpose of the stylesheet follows.
*/
/***** Defaults *****/
table, tr, td
{
	/*text-align: left;*/
	font-size: 11px;
}

div.messages
{
  color: red;
}

/***** Site Layout *****/
body
{
 BACKGROUND: url(../images/header_bg_blue_dark_solid.gif) repeat-x left top;
 background-color:#F4F4F4;
 padding: 3px 3px 0px 0px;
 margin: 0px 0px 0px 0px;
 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}


/***** Site Header *****/
#siteheader
{
 width:100%;
}
#siteheader table, #siteheader tr
{
 width:100%;
 border: none;
 border-collapse: collapse;
}
#siteheader td
{
 padding: 0px 0px 0px 3px;
 text-align:left;
}
#siteheader IMG
{
 border: none;
}
#siteheader td.header-advertisement
{
 text-align:right;
}

/***** Site Menu *****/
#userinfo
{
 padding-bottom: 1px;
}
#userinfo table, #userinfo tr
{
 width:130px;
 border-collapse: collapse;
}
#userinfo th
{
 padding: 0px;
 text-align:left;
}
#userinfo td
{
 background-color:#FFFFFF;
 color:#000080;
 font-size: 9pt;
 font-weight:bold;
 text-align:left;
}
#userinfo img
{
 border: 0px;
}

#sitemenu
{
 vertical-align:top;
}
#sitemenu table, #sitemenu tr
{
 width: 130px;
 /*border-spacing:1px;*/
 border-collapse: collapse;
}
#sitemenu th
{
 padding: 0px;
 text-align:center;
}
#sitemenu td
{
 padding-left: 1px;
 padding-right: 1px;
 background: url("../images/menu/MenuItemBackground.gif") no-repeat left top;
 color:#000080;
 font-size: 9pt;
 font-weight:bold;
 text-align:left;
}
#sitemenu img
{
 border: 0px;
}
#sitemenu a
{
 text-decoration: none;
 color:#000080;
}
#sitemenu a:hover
{
 text-decoration: underline;
 color:#000080;
}
#sitemenu P
{
 width:130px;
 text-align:center;
}

#newsfeeds
{
 padding-top: 1px;
 padding-bottom: 1px;
}
#newsfeeds table
{
 width: 130px;
 border:  groove 1px;
 border-collapse: collapse;
}
#newsfeeds tr
{}

#newsfeeds th
{
 font-weight: 600;
 color:#FFFFFF;
 background-color:#003366;	 
 text-align:center;
}
#newsfeeds td
{
 padding: 0px;
 background-color:#FFFFFF;
 color:#000080;
 text-align:center;

}
#newsfeeds img
{
 border: 0px;
}

#search
{

}

#search tr
{
	padding: 0px;
}

#search th
{
	padding: 0px;
	text-align: center;
	background-color:#FFFFFF;
}

#search td
{
	text-align: left;
	background-color:#FFFFFF;
}

/***** Page Layout *****/
#pageheader
{
  width:100%;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}

#pageheader table
{
 width:100%;
 border:none;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 border-collapse: collapse;
}

#pageheader tr
{
 vertical-align: top;
 margin:0px 0px 0px 0px;
 padding: 0px;
}

#pageheader td
{
 padding: 0px 0px 0px 0px;
 margin:0px 0px 0px 0px;
 vertical-align: top;
}

#pageheader h1
{
 text-decoration : none;
 color: #0088BB;
 font-size: 25pt;
 font-weight: bold;
 margin-top:0px;
 margin-bottom:2px;
}
  
#pageheader p 
{
 margin-top: 0px;
 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 text-align:left;
}

.pageheading
{
}

#sitemap
{
	 text-align:right;
}
#sitemap a
{
 vertical-align: top;
 text-decoration : none;
 font-weight: bold;
 font-size: 8pt;
 color: #777777;
}

#sitemap a:hover
{
 text-decoration : underline;
}

#pagelayout
{
 width:100%;
 margin:-5px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 font-size: 11pt;
}

#pagelayout table.pageformat
{
 width:100%;
 border:none;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 border-collapse: collapse;
}

#pagelayout table.pageformat tr
{
 vertical-align: top;
 margin:0px 0px 0px 0px;
 padding: 0px;
}

#pagelayout table.pageformat td
{
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 vertical-align: top;
}

.addcolumn
{
 padding:0px 0px 0px 0px;
 width: 120px;
 text-align: right;
 vertical-align: top;
}

.datacolumn
{
 padding:0px 0px 0px 0px; 
 /*text-align:left;*/
 vertical-align: top;
}


/***** Site Footer *****/
#sitefooter
{
 width:100%;
}
#sitefooter table
{
 width:100%;
 border: none;
}
#sitefooter tr, #sitefooter td
{
 font-size: 11px;
}
.footer-copyright
{
 text-align:center;
}

/******************/

#pagedata
{
 width:100%;
 padding:0px 0px 0px 0px;
 margin: 0px;
 font-size:11px;
 COLOR: #222;
 LINE-HEIGHT: 133%;
}


/***** Welcome page stuff *****/
/*
table.rhinfo, table.rhinfo tr, table.rhinfo td
{
 border:0;
 width:160px;
 padding:0;
}*/
  
/***** Photo Of The Month *****/
table.potm
{
 padding:0px;
 width:153px;
 border: groove 1px;
 border-collapse: collapse;
}
table.potm th
{
 text-align: center;
 font-weight: 600;
 color:#FFFFFF;
/* border:  groove 1px; */
 background-color:#003366; 
}
table.potm tr, table.potm td
{
 text-align: left;
/* border:  groove 1px; */
 background-color:#FFFFFF;
/* margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px; */
}

/***** Properties for the news system *****/
table.news
{
 border:  groove 1px;
 border-collapse: collapse;
}
table.news th
{
 font-weight: 600;
 color:#FFFFFF;
 background-color:#003366; 
}

table.news tr, table.news td
{
 background-color:#FFFFFF;
}

a.news:link, a.news:visited, a.news:active
{
 text-decoration: none;
 color:#000000;
}
a.news:hover
{
 text-decoration: underline;
 color:#000000;
}

/* Show only to IE PC \*/
* html .newsboxhead h2 {height: 1%;} /* For IE 5 PC */

.rightinfo {
	    float: right;
	    width: 180px;
	}
	

.potmbox {
	margin: 0 0; /* center for now */
	padding: 0;
	width: 100%;
	background: url(../images/menu/test/pageboxbody-r-3.gif) no-repeat bottom right;
	font-size: 100%;
}
.potmboxbody {
	background: url(../images/menu/test/sbbody-l-3.gif) no-repeat bottom left;
	margin: 0;
	padding: 3px 10px 15px 16px;
}
.potmboxbody img {
    border: 0px;
    padding: 0px 0px 0px 0px;  
}
.newsbox {
	margin: 0 0; /* center for now */
	padding: 0;
	width: 100%; /* ems so it will grow */
	background: url(../images/menu/test/pageboxbody-r-3.gif) no-repeat bottom right;
	font-size: 100%;
}
.newsboxhead {
	background: url(../images/menu/test/pageboxhead-r-3.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.newsboxhead h2 {
	background: url(../images/menu/test/sbhead-l-3.gif) no-repeat top left;
	margin: 0;
	padding: 12px 10px 5px 13px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
 	font-weight: 600;
 	color:#FFFFFF;	    	
}
.newsboxbody {
	background: url(../images/menu/test/sbbody-l-3.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 8px 14px 14px;
}
.newsboxbody img {
    float:left;
    border: 0px;
    padding: 2px 5px 0px 5px;  
}
.newsboxbody p {
	margin-top: 0px;
	line-height: 2;
	padding: 0px 8px 0px 5px;
}

.notebox {
	margin: 0 0; /* center for now */
	padding: 0;
	width: 100%;
	background: url(../images/menu/test/pageboxbody-r-3.gif) no-repeat bottom right;
	font-size: 100%;
}
.noteboxhead {
	background: url(../images/menu/test/pageboxhead-r-3.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.noteboxhead h2 {
	background: url(../images/menu/test/sbhead-l-3.gif) no-repeat top left;
	margin: 0;
	padding: 10px 10px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
 	font-weight: 600;
 	color:#FFFFFF;		
}
.noteboxbody {
	background: url(../images/menu/test/sbbody-l-3.gif) no-repeat bottom left;
	margin: 0;
	padding: 2px 6px 14px 18px;
}
.noteboxbody p {
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 8px;
}
.recentreportsboxbody {
	background: url(../images/menu/test/sbbody-l-3.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 8px 14px 14px;
}
.recentreportsboxbody img {
    float:left;
    padding: 2px 5px 0px 5px;
}
.recentreportsboxbody p {
	margin-top: 0px;
	padding-top: 3px;
	padding-right: 8px;
}

/***** Articles *****/
table.articles{}
table.articles tr, table.articles td
{
 font-weight: bold;
}

table.showArticle, table.showArticle tr, table.showArticle td{
 padding: 0px;
 margin: 0px;
}

table.articlePicLeft, table.articlePicLeft tr
{
 padding: 0px 0px 0px 0px;
 margin: 0px 5px 0px 0px;
 border: groove 2px;
 border-color: #FFFFFF;
 background-color: #FFFFFF;
/* border-collapse: collapse;*/
}

table.articlePicRight
{
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 5px;
 border: groove 2px;
 border-color: #FFFFFF;
 background-color: #FFFFFF; 
/* border-collapse: collapse;*/
}

#articles {
 padding: 0px;
 margin: 0px;
}
#articles tr, #articles td {
 vertical-align:middle;
 text-align: left;
 border: groove 1px;
/* border-collapse: collapse; */
 padding: 2px 2px 0px 2px;
 margin: 0px;
 background-color:#FFFFFF;
}
#articles img
{
 border: none;
}
#article
{
 width: 100%;
}
#article tr, #article td
{
 vertical-align: top;
 text-align: left;
 border: none;
}

#articletableheading
{
	font-size: 14px;
	font-weight: bold;
}

/* Show only to IE PC \*/
* html .newsboxhead h2 {height: 1%;} /* For IE 5 PC */

.articlebox {
	margin: 0 auto; /* center for now */
	padding: 0;
	width: 100%; /* ems so it will grow */
	background: url(../images/menu/test/pageboxbody-r-3.gif) no-repeat bottom right;
	font-size: 100%;
}
.articleboxhead {
	background: url(../images/menu/test/pageboxhead-r-3.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.articleboxhead h2 {
	background: url(../images/menu/test/sbhead-l-3.gif) no-repeat top left;
	margin: 0;
	padding: 12px 10px 5px 13px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
 	font-weight: 600;
 	color:#FFFFFF;	    	
}
.articleboxbody {
	background: url(../images/menu/test/sbbody-l-3.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 8px 14px 14px;
}
.articleboxbody img {
    float:left;
    border: 0px;
    padding: 2px 5px 0px 5px;  
}
.articleboxbody p {
	margin-top: 0px;
	line-height: 2;
	padding: 0px 8px 0px 5px;
}





/***** Locations *****/
table.location
{
 border: 1px groove;
 border-collapse: collapse;
}
table.location th
{
 font-weight: 600;
 border:  groove 1px;
 text-align:center;
}
table.location tr, table.location td
{
 border: groove 1px;
 vertical-align:top;
}

.locdesc
{
 font-size: 10pt;
}

/***** Login Form *******/
table.formOuter
{

 border: 1px;
 padding: 0px;
 background-color:#999999;
 text-align: left;
}
table.formInner, table.formInner tr
{
 width:100%;
 border: none;
 background-color:#ffffff;
}
table.loginformInner td
{
 width:50%;
}
.formFooter
{
 text-align: center;
 background-color: #ccccdd;
}

/***** Photos *****/
#photos
{
 padding: 0px;
 margin: 0px;
}
#photos tr, #photos td
{
 vertical-align:middle;
 text-align: left;
 border: groove 1px;
/* border-collapse: collapse; */
 padding: 2px 2px 0px 0px;
 margin: 0px;
 background-color:#FFFFFF;
}
#photos th
{
 vertical-align:middle;
 text-align: center;
 border: groove 1px;
/* border-collapse: collapse; */
 padding: 2px 2px 2px 2px;
 margin: 0px;
 background-color:#FFFFFF;
 font-size: 15px;
 font-weight:bold;	
}

#photo
{
 width: 100%;
}
#photo tr, #photo td
{
 vertical-align: top;
 text-align: left;
 border: none;
}
#photos img
{
 border: none;
}

table.viewPhoto
{
}
table.viewPhoto tr, table.viewPhoto th, table.viewPhoto td
{
 text-align:left;
}

.photospotmbox {
	margin: 0 0; /* center for now */
	padding: 0;
	width: 485px; /* ems so it will grow */
	background: url(../images/menu/test/pageboxbody-r-3.gif) no-repeat bottom right;
	font-size: 100%;
}
.photospotmboxhead {
	background: url(../images/menu/test/pageboxhead-r-3.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.photospotmboxhead h2 {
	background: url(../images/menu/test/sbhead-l-3.gif) no-repeat top left;
	margin: 0;
	padding: 12px 10px 5px 13px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
 	font-weight: 600;
 	color:#FFFFFF;	    	
}
.photospotmboxbody {
	background: url(../images/menu/test/sbbody-l-3.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 8px 14px 14px;
}
.photospotmboxbody img {
    float:left;
	margin: 2px 5px 0px 5px;  
}
.photospotmboxbody p {
	margin-top: 0px;
	line-height: 1.5;
	padding: 0px 8px 0px 5px;
	text-align: left;
}

.photosbox {
	margin: 0 0; /* center for now */
	padding: 0;
	width: 100%; /* ems so it will grow */
	background: url(../images/menu/test/pageboxbody-r-3.gif) no-repeat bottom right;
	font-size: 100%;
}
.photosboxhead {
	background: url(../images/menu/test/pageboxhead-r-3.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.photosboxhead h2 {
	background: url(../images/menu/test/sbhead-l-3.gif) no-repeat top left;
	margin: 0;
	padding: 12px 10px 5px 13px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
 	font-weight: 600;
 	color:#FFFFFF;	    	
}
.photosboxbody {
	background: url(../images/menu/test/sbbody-l-3.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 8px 14px 14px;
}
.photosboxbody img {
    float:left;
    margin: 2px 5px 2px 5px;  
}
.photosboxbody p {
	margin-top: 0px;
	line-height: 1;
	padding: 0px 8px 0px 5px;
	text-align: left;
}
/***** Fish Species *****/
table.fishSpeciesDesc
{
  width:100%;
  background-color:#ffffff;
  border:  groove 1px;
  border-collapse: collapse;  
}
table.fishSpeciesDesc tr
{
  border: groove 0px;
}
table.fishSpeciesDesc th
{
 background-color:#003366; 
 text-align: center;
 font-weight: 600;
 color:#FFFFFF;
}

table.fishSpeciesDesc td
{
  background-color:#ffffff;
  border:  groove 0px;
}

/***** Pro Angler *****/
table.proAngler, table.proAngler tr
{
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 border: groove 1px;
/* border-collapse: collapse; */
}




/** TEST TEST TEST **/
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 0; /* center for now */
	padding: 0;
	width: 13.1em; /* ems so it will grow */
	background: url(../images/menu/test/sbbody-r-3.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(../images/menu/test/sbhead-r-3.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(../images/menu/test/sbhead-l-3.gif) no-repeat top left;
	margin: 0;
	padding: 12px 10px 5px 13px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(../images/menu/test/sbbody-l-3.gif) no-repeat bottom left;
	margin: 0;
	padding: 2px 13px 15px 17px;
}
.boxbody p {
	line-height: 2;
	padding: 0px 0px 0px 7px;
 	margin-top: 0px;
 	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 11px;
 	text-align:left;	
}
.weatherboxbody {
	background: url(../images/menu/test/sbbody-l-3.gif) no-repeat bottom left;
	margin: 0;
	padding: 0px 0px 11px 12px;
}
.feedsboxbody {
	background: url(../images/menu/test/sbbody-l-3.gif) no-repeat bottom left;
	margin: 0;
	padding: 2px 13px 15px 18px;
}
.adsensebox {
	margin: 0 0; /* center for now */
	padding: 0;
	width: 13em; /* ems so it will grow */
	background: url(../images/menu/test/sbbody-r-3.gif) no-repeat bottom right;
	font-size: 100%;
}
.adsenseboxbody {
	background: url(../images/menu/test/sbbody-l-3.gif) no-repeat bottom left;
	margin: 0;
	padding: 2px 9px 15px 15px;
}
.clear {
    clear:both;
    height:1px;
    overflow:hidden;
    width: 100%;
  }
.prop {
    height:302px;
    float:right;
    width:1px;
  }
  
/* figure-divs and their supporters */

div.figure {
padding: 10px; 
margin: 0.67em auto; /* needed to support centering of almost-full-width figures */
border: thin solid silver;
overflow: hidden;
background-color:#ffffff;
}

div.figure img { width: 100%;}

div.figure p.caption { margin:0px; text-align: center; }
/* "caption" for short phrases; "legend" (default) is for continuous prose */

.full { width: 90%; padding: 10px; margin: 0.67em auto; }
/* "full" should be unnecessary, but this responds to the box model bugs in IE */
.half { width: 50%; padding: 10px; margin: 0.5em auto; }
.third { width: 33%; padding: 2px; margin: 0.5em 0.67em; }
.twothirds { width: 66%; padding: 2px; margin: 0.5em 0.67em; }
.quarter { width: 25%; border: none; padding: 5px; margin: 0.25em 0.5em; }
.fifth { width: 20%; border: none; padding: 5px; margin: 0.25em 1%; }

.right { float: right; margin-left: 2%; }
.left { float: left; margin-right: 2%; }  



/** Test for Nav List **/
#navlist
{
padding: 2px 0px 2px 0px;
margin-left: 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
white-space: nowrap;
}

#navlist li a
{
padding: 2px 0.5em;
margin-left: 3px;
border: 1px solid #778;
/*border-bottom: none;*/
background: #DDE;
text-decoration: none;
}

#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }

#navlist li a:hover
{
color: #000;
background: #AAE;
border-color: #227;
}

#navlist li a#current
{
background: white;
border-bottom: 1px solid white;
}

#iconlist {
	padding: 0px 0px 0px 11px;
	margin: 0px;
}

#iconlist li {
 list-style: none;
 margin: 0;
 display: inline;
 vertical-align: bottom;	
}

#iconlist img {
 background-color:#9FAEC5;
 background-image: url(../images/icons/bg_rounded.gif);
 background-repeat: no-repeat;
 border: none;
}

#iconlist img#inactive {
 background-color: #CCC;
 }