/* ------------------------------------------------------- 
Container elements   	                                    
------------------------------------------------------- */

#pagecontainer{height:100%; top:0px; margin: 0 auto; position:relative; width:970px; font-size:1.1em;}
.separator {clear:both;}

#toppage {position:relative; top:0px; left:0px; height:208px; width:970px;}
#toppageback {position:absolute; top:0px; left:0px; height:161px; width:970px; background-image:url(../images/banner.jpg); background-position:left top; background-repeat:no-repeat;}

/* ------------------------------------------------------- 
 Tool Set	                                    
------------------------------------------------------- */

#logo {position:absolute; top:69px; left:26px;}
#port {position:absolute; top:12px; left:25px;}

#searchbox {position:absolute; top:122px; left:723px; width:225px;}
#searchtitle {position:absolute; top:3px; left:0px;}
#searchbox label {color:#558d5c;}
#inputfield {position:absolute; top:0px; left:60px;}
#inputfield input {width:135px; height:17px; border:0px;}
#searchbutton {position:absolute; top:2px; left:203px;}
#searchbutton input {width:27px; height:17px; padding-left:0px;}

#fontsize {position:absolute; top:19px; left:889px;}
#fontsize input {width:19px; height:19px; padding-left:0px;}

/* ------------------------------------------------------- 
 ToolBar                                    
------------------------------------------------------- */

#toolbar {position:absolute; left:0px; top:161px; width:968px; height:45px; font-family:Arial, Verdana, Helvetica, sans-serif; background-image:url(../images/toolbar.jpg); background-position:left top; background-repeat:repeat-x; border:solid 1px #75ac7c;}
#barpos {position:absolute; left:0px; top:0px;}
#toolbar a {color:#c2e0c5; font-weight:bold;}
.tool {float:left; padding-top:14px; padding-bottom:10px; padding-left:18px; padding-right:18px; background-image:url(../images/toolbar_left.jpg); background-position:left top; background-repeat:no-repeat;}
.toolselected {float:left; height:40px; padding-top:14px; padding-bottom:0px; padding-left:18px; padding-right:18px; margin-right:0px; background-image:url(../images/toolbar_tab.jpg); background-position:left top; background-repeat:repeat-x;}
#toolbar .toolselected a {color:#ffffff;}

/* ------------------------------------------------------- 
  Page container elements   	                                    
------------------------------------------------------- */

#innerbox {position:relative; top:0px; left:0px; padding:0px; width:970px; background-color:#ffffff; line-height:1.4em;}
#leftcol {float:left; width:324px; margin:0px; border:0px; padding:0px; background-image:url(../images/menu_back.jpg); background-position:left top; background-repeat:repeat-x;}
#rightcol {float:left; width:644px; margin:0px; border:0px; padding:0px;}

#whitebox {padding:30px 6px 16px 40px;}

.separator {clear:both;}

/* ------------------------------------------------------- 
breadcrumb and fontsize                            
------------------------------------------------------- */

#breadcrumb {position:relative; z-index:100; top:0px; left:0px; font-size:0.9em; width:500px; margin-top:4px; margin-bottom:20px; margin-left:0px; text-align:left; text-decoration:none; color:#525252; font-family: Arial, Helvetica, Verdana, sans-serif;}
#breadtext {position:relative; top:0px; left:0px; padding-top:0px; width:500px; color:#3d7d45;}
#breadtext a {color:#3d7d45; padding-right:0px; text-decoration:underline; padding:3px; font-weight:normal;}
#breadtext a:hover {color:#3d7d45; text-decoration:underline; padding:3px;}

/* ------------------------------------------------------- 
   page 
------------------------------------------------------- */

#copybox {position:relative; top:0px; left:0px; width:540px; padding-top:15px; padding-bottom:22px;}
#copyboxleft {float:left; width:260px; margin-left:10px; margin-right:20px;}
#copyboxright {float:left; width:260px; }

/* ------------------------------------------------------- 
  Level 2 naviagtion
------------------------------------------------------- */

#menutitle {position:relative; left:19px; top:0px; padding-left:20px; font-size:1.6em; color:#4c575e; padding-bottom:30px; border-bottom:solid 1px #d3d8d9; width:260px; margin-top:30px;}

#level2 {position:relative; left:19px; top:0px; margin-bottom:60px; width:286px; padding:0px;}
#level2 ul {background-color:transparent; margin:0px; padding:0px; border:0px;}
#level2 li {display:block; width:260px;}
#level2 a {color:#4c575e; display:block; padding-top:8px; padding-bottom:8px; padding-left:20px; text-decoration:none; margin:0px; width:260px; font-weight:normal; border-bottom:solid 1px #d3d8d9;}
#level2 a:hover {color:#4c575e; text-decoration:underline; width:260px;}

#menu2 {}
#menu2 a {color:#3d7d45; padding-left:20px; padding-top:8px; padding-bottom:8px; margin:0px; width:260px; font-weight:normal;}
#menu2 a:hover {color:#3d7d45; text-decoration:underline; width:260px;}


/* ------------------------------------------------------- 
  Level 3 naviagtion
------------------------------------------------------- */

#level3 {position:relative; left:0px; top:0px; width:240px; margin-top:5px; margin-bottom:10px;}
#level3 ul {background-color:transparent; margin:0px; padding:0px; border:0px;}
#level3 li {display:block; width:210px;  background-image:none;}
#level3 a {color:#4c575e; display:block; padding-top:5px; padding-bottom:5px; padding-left:40px; text-decoration:none; margin:0px; width:210px; background-image:none; border-bottom:none;}
#level3 a:hover {color:#4c575e; text-decoration:underline; background-image:none; width:210px;}

#menu3 {}
#menu3 a {color:#3d7d45; padding-left:40px; padding-top:5px; padding-bottom:5px; margin:0px; width:210px; background-image:none;}
#menu3 a:hover {color:#3d7d45; text-decoration:underline; background-image:none; width:210px;}

/* ------------------------------------------------------- 
  Level 4 naviagtion
------------------------------------------------------- */

#level4 {position:relative; left:0px; top:0px; width:220px; margin-top:5px; margin-bottom:10px;}
#level4 ul {background-color:transparent; margin:0px; padding:0px; border:0px;}
#level4 li {display:block; width:190px;  background-image:none;}
#level4 a {color:#4c575e; display:block; padding-top:5px; padding-bottom:5px; padding-left:60px; text-decoration:none; margin:0px; width:190px; background-image:none; border-bottom:none;}
#level4 a:hover {color:#4c575e; text-decoration:underline; background-image:none; width:190px;}

#menu4 {}
#menu4 a {color:#3d7d45; padding-left:60px; padding-top:5px; padding-bottom:5px; margin:0px; width:190px; background-image:none;}
#menu4 a:hover {color:#3d7d45; text-decoration:underline; background-image:none; width:190px;}

/* ------------------------------------------------------- 
  Related
------------------------------------------------------- */

#linkstitle {position:relative; left:0px; top:0px; font-size:1.5em; color:#2d7b37; margin-bottom:10px;}

#related {position:relative; left:0px; top:0px; margin-bottom:20px; padding:0px; margin-top:20px;}
#related ul {background-color:transparent; margin:0px; padding:0px; border:0px;}
#related li {display:block; width:225px; list-style:none;}
#related li a {color:#4c575e; display:block; padding-top:4px; padding-bottom:12px; padding-left:35px; text-decoration:none; margin:0px; width:500px; font-weight:normal; background-image:url(../images/pdf_icon.gif); background-position:left top; background-repeat:no-repeat;}
#related li a:hover {color:#4c575e; text-decoration:underline; width:240px;}

#related li.nonorder {border-top:solid 0px #bbc2c4;}

/* ------------------------------------------------------- 
   news
------------------------------------------------------- */

#news {position:relative; top:0px; left:0px; color:#9c9c9c; margin-top:30px; width:145px; padding-left:11px;}
.newsdiv {width:145px; height:19px; border-top:solid 1px #d3d8d9; margin-top:15px;}

.newsitem {margin-bottom:20px; border-bottom:solid 1px #d3d8d9; padding-bottom:10px;}
.newsdate {float:left; width:500px; color:#9ab398;}
.newscontent {float:left;}
.newstitle {font-size:1.4em; margin-bottom:5px;}
.newstitle a {text-decoration:none; color:#6a896e; font-weight:bold;}
.newslink {text-align:left; margin-top:10px;}
.newslink a {text-decoration:none; color:#ca0c1e;}

.link {color:#3d7d45; padding-right:19px; padding-bottom:3px; text-decoration:none; background-image:url(../images/link_icon.gif); background-position:right top; background-repeat:no-repeat;}
.linkgrey {padding-right:19px; padding-bottom:3px; text-decoration:underline; background-image:url(../images/link_icon.gif); background-position:right top; background-repeat:no-repeat;}

/* ------------------------------------------------------- 
  record paging
------------------------------------------------------- */

#pagingnav {position:relative; top:0px; left:0px; width:450px; font-weight:bold; font-size:0.9em;}
#pagingnav ul{margin:0px; padding:0px; list-style-image: none; list-style-type: none; text-indent:0px; text-align: left;}
#pagingnav li{display: inline; line-height:22px;}
#pagingnav li a {color:#5f955a; font-weight:bold; padding-left:5px; padding-right:5px; padding-top:3px; padding-bottom:3px; margin-right:6px;}
#pagingnav li a:hover {text-decoration:underline;}

* html #pagingnav ul {margin-left:-10px; padding-left:10px;}
.pagingon {color:#ffffff; padding-left:5px; padding-right:5px; padding-top:3px; padding-bottom:3px; margin-right:6px; border:solid 1px #9ab398; background-color:#9ab398;}

/* ------------------------------------------------------- 
 footer                                
------------------------------------------------------- */

#footertext {clear:both; position:relative; left:0px; top:0px; height:60px; width:930px; padding:20px; margin-top:10px; margin-bottom:20px; background-color:#f5f5f5;}
#copyright {position:relative; left:0px; top:0px; color:#9f9e9e; width:700px;}

#footlinks {position:absolute; left:490px; top:20px; color:#9f9e9e; width:450px; text-align:right;}
#footlinks a {color:#9f9e9e; text-decoration:none; font-weight:normal;}
#footlinks a:hover {color:#9f9e9e; text-decoration:underline;}

#footertext2 {position:relative; left:0px; top:0px; height:80px; width:960px; margin-left:13px;}
#hbr {position:absolute; left:905px; top:55px;}

/* ------------------------------------------------------- 
 site map
------------------------------------------------------- */

#sitemap {}
#sitemap li {list-style-type:none;}
ul#sitemap > li {margin-bottom:10px;}
#sitemap ul li {list-style-image:url(../images/l2_normal.gif);}
#sitemap ul ul li {list-style-image:url(../images/l3_normal.gif);}
#sitemap ul li.firstfollow {list-style-image:url(../images/l2_first_follow.gif);}
#sitemap ul li.last {list-style-image:url(../images/l2_last_item.gif);}
#sitemap ul ul li.firstfollow {list-style-image:url(../images/l3_first_follow.gif);}
#sitemap ul ul li.last {list-style-image:url(../images/l3_last_item.gif);}
#sitemap ul ul li.last2 {list-style-image:url(../images/l3_last_item2.gif);}
#sitemap ul ul li.last3 {list-style-image:url(../images/l4_last_item.gif);}

#checkboxes {}
#checkboxes input {background-color:Transparent; border:none; margin:0px; padding:0px;}
#checkboxes label {font-weight:normal;}

/* ------------------------------------------------------- 
 image caption
------------------------------------------------------- */

.captionbox {float:left; position:relative; top:0px; left:0px;}
.captionimage {position:relative; top:0px; left:0px; margin-right:10px;}
.captioncopy {position:relative; top:0px; left:0px; margin-bottom:10px; font-size:0.9em; font-weight:bold; width:100%;}

.captionbox2 {float:right; position:relative; top:0px; left:0px;}
.captionimage2 {position:relative; top:0px; left:0px; margin-left:10px;}
.captioncopy2 {position:relative; top:0px; left:0px; margin-left:10px; margin-bottom:10px; font-size:0.9em; font-weight:bold; width:100%;}

/* ------------------------------------------------------- 
 search results
------------------------------------------------------- */

.searchitem {position:relative; top:0px; left:0px; margin-top:10px; padding-bottom:20px; border-bottom:solid 1px #d3d8d9; margin-bottom:20px;}
.searchitem a {font-size:1.4em; font-weight:bold; color:#9ab398;}

/* ------------------------------------------------------- 
  Data list
------------------------------------------------------- */

#datalist {margin-top:20px; margin-bottom:20px;}
#datalist ul {background-color:transparent; margin:0px; padding:0px; border:0px;}
#datalist li {display:block; width:490px; list-style:none;}
#datalist li a {color:#4c575e; display:block; padding-top:2px; padding-bottom:12px; padding-left:25px; text-decoration:none; margin:0px; width:465px; font-weight:normal; background-image:url(../images/chart.gif); background-position:left top; background-repeat:no-repeat;}
#datalist li a:hover {color:#4c575e; text-decoration:underline; width:465px;}

#datalist li.nonorder {border-top:solid 0px #bbc2c4;}

/* ------------------------------------------------------- 
 gallery
------------------------------------------------------- */

#gallerybox {position:relative; top:0px; left:0px; padding-top:20px;}
.folderbox {float:left; position:relative; width:103px; margin-right:20px; margin-bottom:20px; height:128px;}
.folderlinks {position:absolute; top:95px; left:0px; font-weight:bold;}

.galimagebox {float:left; position:relative; height:170px; width:170px;} 
.galimage img {border:solid 5px #9aa4a6;}

/* ------------------------------------------------------- 
  map   	                                    
------------------------------------------------------- */

#mapbox {position:relative; top:0px; left:0px; height:200px; padding-top:20px;}

#maplinks {position:relative; top:0px; left:0px; width:270px; font-size:0.9em;}
#maplinks ol {margin:0px 0px 0px 25px; padding:0px; border:0px;}
#maplinks li {color:#2d7b37;}
#maplinks li a {color:#2d7b37;}

#map {position:relative; top:0px; left:0px; width:379px; height:361px; z-index:10; background-image:url(../images/map.gif); background-position:left top; background-repeat:no-repeat;}
#mapoverlay {position:absolute; top:0px; left:0px; z-index:100;}

#map1 {position:absolute; top:223px; left:297px; visibility:hidden; z-index:50;}
#map2 {position:absolute; top:230px; left:252px; visibility:hidden; z-index:50;}
#map3 {position:absolute; top:163px; left:189px; visibility:hidden; z-index:50;}
#map4 {position:absolute; top:65px; left:274px; visibility:hidden; z-index:50;}
#map5 {position:absolute; top:70px; left:226px; visibility:hidden; z-index:50;}
#map6 {position:absolute; top:199px; left:148px; visibility:hidden; z-index:50;}
#map7 {position:absolute; top:2px; left:79px; visibility:hidden; z-index:50;}
#map8 {position:absolute; top:79px; left:3px; visibility:hidden; z-index:50;}


/* ------------------------------------------------------- 
  blog                                    
------------------------------------------------------- */
.blogbox {position:relative; top:0px; left:0px; padding-bottom:20px; border-bottom:solid 1px #d3d8d9; margin-bottom:0px;}

.commentbox {position:relative; top:0px; left:0px; padding-bottom:10px; border-bottom:solid 1px #d3d8d9; margin-bottom:20px;}
.commenttitle {color:#0882b1; font-size:1.4em; font-weight:500; margin-bottom:8px;}
.commentposted {margin-top:8px;}

.noborder input {border:0px; margin:0px; background-color:Transparent;}

/* ------------------------------------------------------- 
  issues                                 
------------------------------------------------------- */

#newslist {position:relative; top:0px; left:0px; width:540px;}
#newslist h2 {padding-bottom:10px; border-bottom:solid 1px #c4c9cc;}
#newslist ul {list-style-image:url(../images/arrow_icon.gif);}
#newslist li {padding-top:3px; padding-bottom:3px;}

.greentext {color: #2d7b37; font-size:1.6em; font-weight:normal; line-height:1.6em;}