@charset "utf-8";
body {margin-left:0px;	margin-top:0px; margin-right:0px; margin-bottom: 0px; font-family:"Trebuchet MS", Arial, sans-serif; font-size:12px; color:#003663; background-color:#1E4E76; background-image: url(../images/templateimages/bg_body.jpg);  background-repeat: repeat-x; background-position: bottom; background-attachment: fixed; }
.thrColFixHdr #container {width: 996px; background: #FFF; margin:0 auto; border:1px solid #000000; text-align:left; } 
.thrColFixHdr #header { background: #DDDDDD; height:250px; width:995px; } 
.thrColFixHdr #header h1 {margin:0; position:absolute; top:150px; right:16px; font-size:17px; font-family:"Comic Sans MS", cursive; color:#FFF; text-align:center; }
.thrColFixHdr #header h2 {margin:0;	position:absolute; top:220px; right:16px; font-size:12px; font-family:"Comic Sans MS", cursive; color:#FFF; text-align:center; 	width: auto }
.thrColFixHdr #header #ltCol{width: 710px; height: 250px; float:left; }
.thrColFixHdr #header #rtCol{width: 285px; height: 250px; float:right;	background-image: url(../images/templateimages/fishing258.png); }
.thrColFixHdr #sidebar1 { float:left; width:170px; background:#EBEBEB;padding: 15px 0px 15px 20px; margin-right:15px;  }
.thrColFixHdr #sidebar2 { float: right; width: 242px; background: #EBEBEB; padding: 15px 10px 15px 10px; margin-left:15px; }
.thrColFixHdr #sidebar3 { float: right; width: 330px; background: #EBEBEB; padding: 15px 10px 15px 10px; margin-left:15px; }
.thrColFixHdr #sidebar3 #blueMenu{ background-image:url(../images/templateimages/blue_menu_box320.jpg); background-repeat:repeat-y ; color:#FFF; font-size: medium;  line-height: 1.25em; 
padding: 20px 0px 20px 20px; margin-bottom:20px; }
.thrColFixHdr #sidebar3 #blueMenu a:link { color:#FFF; text-decoration: underline; }
.thrColFixHdr #sidebar3 #blueMenu a:visited { color:#FFF; }
.thrColFixHdr #gallerySidebar1 { float:left; width:675px; padding:20px 10px 20px 20px; text-align:left;  }
.thrColFixHdr #mainContent {padding: 0 20px; } 
.thrColFixHdr #mainContent #map_canvas { margin-left:190px; width:500px; height:300px;} 
.thrColFixHdr #mainContent ul{ list-style-type:none; } 
.thrColFixHdr #mainContent ul li { padding-top:0; padding-right:0; padding-bottom:0; } 
.thrColFixHdr #footer {margin:0; border:1px solid #000;}
.thrColFixHdr #footer #footltCol{   float:left; width:330px; text-align:left; }
.thrColFixHdr #footer #footcntrCol{ float:left; width:330px; text-align:center; }
.thrColFixHdr #footer #footrtCol{   float:left; width:330px; text-align: right; }
.thrColFixHdr #footer p { margin:0; padding:10px; color:#FFF  }
.thrColFixHdr #footer a:link    {color:#FFF; text-decoration:none;}
.thrColFixHdr #footer a:visited {color:#FFF; text-decoration:none;}
.thrColFixHdr #footer a:active  {color:#FFF; text-decoration:none;}
.thrColFixHdr #footer a:hover   {color:#FFF; text-decoration:none;}
/* clearfloat class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
.clearfloat {clear:both;height:0; font-size:1px; line-height: 0px; }
#ltCol {float: left;  height:250px; width:710px; position:relative; top:0px; left:0px; }
#rtCol {float: right; height:250px; width:285px; position:relative; top:0px; right:0px; background-color: #0F6; }
.firstPar {	margin-top: 20px;}
H1{	font-size:20px;	color:#003663; margin:0px; padding:0px; }
H2{	font-size:24px;	color:#003663; margin:0px; padding:0px; padding-bottom:5px; font-weight:normal; }
H6{ font-size:11px; color:#CCCCCC;  }
ul{	padding-left:3px; margin-left:12px; }
.big{ font-size:34px; color:#003663; }
b, strong, H3{ color:#11923C; margin:0px; padding:0px; font-size:13px; }
p{margin-top:0px;padding-top:0px;}
td {font-family:"Trebuchet MS", Arial, sans-serif;	font-size:12px;	color:#003663;}
th {font-family:"Trebuchet MS", Arial, sans-serif;	font-size:12px;	color:#003663;}
.clearfix:after { content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden; } 
.clearfix { display: inline-table; } 
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix { display: block; } 
/* End hide from IE-mac */

#container{width:995px; max-width:995; margin:0px auto; background-color:#FFF; }
#menu{ clear:both; background-image:url(../images/templateimages/navi_background.jpg); background-repeat:no-repeat; height:25px; }
#plan{ float:left; width:196px; }
#leftmenu{background-image:url(../images/templateimages/menuside.jpg); height:334px; background-repeat:no-repeat; width:170px; padding-left:16px; padding-top:10px;
color:#D3EC98; line-height:18px;font-size:14px; }
#leftmenu a{ color:#FFFFFF; text-decoration:underline; font-weight:bold;}
#leftmenu a:HOVER{ color:#FFFFFF;  text-decoration:none; font-weight:bold; }
#leftmenu b, #leftmenu strong{  color:#D3EC98;	font-size:16px; } 
#leftmenu2{background-image:url(../images/templateimages/menuside.jpg); height:334px; background-repeat:no-repeat;	width:170px; padding-left:16px;padding-top:10px; color:#D3EC98; line-height:18px; font-size:14px;}
#leftmenu2 a{ color:#FFFFFF; text-decoration:underline; font-weight:bold; } 
#leftmenu2 a:HOVER{ color:#FFFFFF;  text-decoration:none; font-weight:bold; }
#leftmenu2 b, #leftmenu strong{  color:#D3EC98;	font-size:16px; } 
#content{ float:right; width:750px; padding:0px; }
.contenttable{ width:100%; padding-right:15px; }
.greenbox{ background-color:#BEDAAC; color:#2F4B1D; }
.greenbox b{ color:#2F4B1D; }

/*-- menu styles --*/
#menuJS {width:799px; float:right;}
#menuJS ul { list-style:none; margin:0px; padding:0px; float:left; width:114px;}
#menuJS a {	font: bold 11px/16px arial, helvetica, sans-serif;	display: block;	padding: 4px 0px 5px 0px;	color: #FFF;	text-decoration: none;	text-align:center; }
#menuJS a:hover {text-decoration:none; background-color:#FFF; color: #006600; }
/*--menu positioning--*/
#menuJS ul ul {position:absolute; top:25px; left:0px; width:120px; padding:3px ; background-image:url(../images/templateimages/menuside2.jpg); }
#menuJS li {position: relative;}/*Add margins here to get separate menu effect*/
/*-- menu display --*/
#menuJS ul ul, #menuJS ul li:hover ul ul {display: none;}
#menuJS ul li:hover ul, #menuJS ul ul li:hover ul {display: block;}
/*--END MENU STYLE--*/


