@charset "utf-8";
* {padding: 0; margin: 0;}

body  {font: 100%  Arial, Verdana, Helvetica, sans-serif; margin: 0; padding: 0; font-size: 10pt; background-color: #7799FF; color: #333;}

html { min-height: 100%; margin-bottom: 1px; }

a:link {color: #003399; font-weight: normal; text-decoration: underline;}

a:visited {color: #003399; font-weight: normal; text-decoration: underline;}

a:hover {color: #003399; font-weight: normal; text-decoration: underline;}

a:active {color: #003399; font-weight: normal; text-decoration: underline;}


#containerbody {width: 950px; margin: 0 auto; text-align: left;  height: 100%;  background-color: #fff; border: 1px solid #fff;  }   
 
#maincontent {clear: both; width: 950px;    overflow: auto;  background-image: url(images/back1.gif); background-repeat: repeat-y; }
 
 /*----- top part of page -----------------------------------------------*/
 
#title {padding: 0 0px 0 0px; width: 950px; text-align: left; } 

#toplogo {float:left; width: 950px; height: 200px;  overflow: hidden; border-top: 1px solid #fff;} 

#toplogoleft {float: left; width: 645px; height: 199px; }
#toplogoright{float: right; width: 300px; height: 199px;}

/*----- main content area -----------------------------------------------*/

#contentleft {float: left; width: 210px; height: 100%;  color: #333;}

#contentleft p {margin: 0 5px 0 5px;}

#contentleft li {margin: 0px 5px 0px 25px;}

#contentleft h1{margin: 0 5px 0 5px; color: #003399; font-size: 120%;} 

#contentleft h2{margin: 0 5px 0 5px; color: #003399; font-size: 110%;} 

#contentleft h3{margin: 0 5px 0 5px; color: #003399; font-size: 100%; } 


#contentright {float: right; width: 700px; color: #333; margin-right: 10px;}

#contentright p {margin: 10px 0px 10px 0px;}
#contentright p.indent {margin: 10px 20px 10px 20px;}
#contentright ul.indent {margin: 0px 20px 10px 20px;}

#contentright li {margin: 0px 10px 0px 25px;}

#contentright h1{color: #003399; font-size: 120%;} 

#contentright h2{color: #003399; font-size: 110%; margin: 20px 0px 10px 0px;} 

#contentright h3{color: #003399; font-size: 100%; margin: 20px 0px 10px 0px;} 

#contentright img.news {padding: 10px 10px 10px 10px;}

/*----- nav top row -----------------------------------------------*/

#topnav {clear: both; width: 950px; height: 30px; background-color: #7799FF;}
#tagline {clear: both; width: 950px; height: 30px; background-color: #003399; border-bottom: 1px solid #fff;;}

/*----- copyright -----------------------------------------------*/

#copyright {width: 950px; height: 20px; margin: 0 auto; text-align: right; font-size: 90%;  } 

#copyrightbar {	clear: both; height: 20px; margin: 0px; text-align: left; background-color: #003399; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}

#copyrightbarleft {float: left; text-align: left; margin-left: 5px; width: 550px;  color: #fff;  }

#copyrightbarright {float: right; text-align: right; margin-right: 5px; width: 340px; color: #fff; }


#copyrightbar a:link {color: #fff; font-weight: bold; text-decoration: none;}

#copyrightbar a:visited {color: #fff; font-weight: bold; text-decoration: none;}

#copyrightbar a:hover {color: #7799FF; font-weight: bold; text-decoration: none;}

#copyrightbar a:active {color: #fff; font-weight: bold; text-decoration: none;}


/*----- tables -----------------------------------------------*/


table.table_leftnav {border-spacing: 6px; border-width: 0px;   margin-left: 0px; }

table.table_leftnav td {text-align: left; border-spacing: 2px;}

table.table_leftnav a:link {color: #003399; font-weight: bold; text-decoration: none;}

table.table_leftnav a:visited {color: #003399; font-weight: bold; text-decoration: none;}

table.table_leftnav a:hover {color: #7799FF; font-weight: bold; text-decoration: none;}

table.table_leftnav a:active {color: #003399; font-weight: bold; text-decoration: none;}



table.table_topnav{border-spacing: 1px; border-width: 0px; margin-right: auto; margin-left: 0px;}

table.table_topnav td {text-align: center; vertical-align: middle;   }

table.table_topnav a:link {color: #fff; font-weight: bold; text-decoration: none;}

table.table_topnav a:visited {color: #fff; font-weight: bold; text-decoration: none;}

table.table_topnav a:hover {color: #003399; font-weight: bold; text-decoration: none;}

table.table_topnav a:active {color: #fff; font-weight: bold; text-decoration: none;}



table.table_topnav a.selected:link {color: #d0ba7b; font-weight: bold; text-decoration: none;}

table.table_topnav a.selected:visited {color: #d0ba7b; font-weight: bold; text-decoration: none;}

table.table_topnav a.selected:hover {color: #d0ba7b; font-weight: bold; text-decoration: none;}

table.table_topnav a.selected:active {color: #d0ba7b; font-weight: bold; text-decoration: none;}



table.table_topnav2{border-spacing: 1px; border-width: 0px; margin-right: auto; margin-left: 0px;}

table.table_topnav2 td {text-align: center;}

table.table_topnav2 a:link {color: #62964b; font-weight: bold; text-decoration: none;}

table.table_topnav2 a:visited {color: #62964b; font-weight: bold; text-decoration: none;}

table.table_topnav2 a:hover {color: #764e10; font-weight: bold; text-decoration: none;}

table.table_topnav2 a:active {color: #62964b; font-weight: bold; text-decoration: none;}

table.table_topnav2 a.selected:link {color: #764e10; font-weight: bold; text-decoration: none;}

table.table_topnav2 a.selected:visited {color: #764e10; font-weight: bold; text-decoration: none;}

table.table_topnav2 a.selected:hover {color: #764e10; font-weight: bold; text-decoration: none;}

table.table_topnav2 a.selected:active {color: #764e10; font-weight: bold; text-decoration: none;}



table.table_home { margin-left: 0px; }

table.table_home td {text-align: left; vertical-align: top; }

table.table_home h2 {color: #003399; font-size: 120%; margin: 20px 0px 10px 0px;} 

table.table_info { margin-left: 0px; }

table.table_info td {text-align: left; vertical-align: top; }

table.table_info h2 {color: #003399; font-size: 120%; margin: 20px 0px 10px 0px;} 


 
table.table_map {border-spacing: 3px;  margin-left: 0px; }

table.table_map td { align: left; vertical-align: top;}

 
/*----- spacers & temp items -----------------------------------------------*/

.fish {width: 950px; height: 119px; background-image: url(images/fishback.gif);}

.extraspace {float: left; margin: 0 auto; width: 950px; height: 30px;}

.spacer1 {width: 950px; height: 10px; margin: 0 auto;} 

.spacer2 {width: 950px; height: 10px; overflow: hidden; background-image: url(images/back1.gif); background-repeat: repeat-y;} 

.spacer3 {height: 38px; background-color: #fff;} 

.spacer4 {clear:both; width: 400px; height: 10px;}

.spacer5 {width: 950px; height: 15px;} 

.spacer6 {width: 450px; height: 15px;} 

.spacerside {width: 200px; height: 10px;} 

.temp{background-color: #FF0; font-style: normal;}