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

#pagecontainer{height:100%; top:0px; left:0px; position:relative; width:980px; font-size:1.0em;}
.separator {clear:both;}

/* ------------------------------------------------------- 
 Page header element	                                    
------------------------------------------------------- */

#toppage {position:relative; top:0px; left:0px; height:121px; width:980px;}
#logo {position:absolute; top:16px; left:38px;}

#toolbox {position:relative; top:30px; left:0px; background-image:url(../images/menu_back_b.gif); background-repeat:no-repeat; width:189px; height:336px;}
#toolbar {position:absolute; top:37px; left:0px; font-size:1.0em; font-weight:bold; width:140px; font-family: Arial, Helvetica, Verdana, sans-serif;}

#toolbar ul {background-color:transparent; margin:0px; padding:0px; border:0px;}
#toolbar li {display:block; width:140px; list-style-image:none; list-style-type:none; text-indent:0px;}
#toolbar a {color:#31879f; display:block; padding-top:9px; padding-bottom:9px; padding-left:20px; text-decoration:none; margin:0px; width:139px; font-weight:bold;}
#toolbar a:hover {color:#31879f; text-decoration:none;}

#toolselected {}
#toolselected a {color:#ffffff; padding-left:20px; padding-top:9px; padding-bottom:9px; margin:0px; width:139px; font-weight:bold; background-image:url(../images/toolbar_b.gif); background-position:left top; background-repeat:no-repeat;}
#toolselected a:hover {color:#ffffff; text-decoration:none; background-image:url(../images/toolbar_b.gif); background-position:left top; background-repeat:no-repeat;}


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

#innerbox {position:relative; top:0px; left:0px; width:1000px;}
#leftcol {float:left; width:190px; margin:0px; padding:0px; border:0px;}
#rightcol {float:left; width:790px; margin:0px; padding:0px; border:0px;}
.separator {clear:both;}

#myspacediv {position:relative; top:230px; left:0px;}

#pagetop {position:relative; top:0px; left:0px; width:790px; height:20px; background-image:url(../images/page_top.gif); background-position:left top; background-repeat:no-repeat;}
#pagebottom {position:relative; top:-5px; left:0px; width:790px; height:24px; margin:0px; padding:0px; border:0px; background-image:url(../images/page_bottom.gif); background-position:left top; background-repeat:no-repeat;}
#pagecontent {position:relative; top:0px; left:0px; width:790px; margin:0px; padding:0px; background-color:#ffffff;  background-image:url(../images/page_mid.gif);}

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

#searchbox {position:absolute; top:0px; left:550px; background-image:url(../images/search_b.gif); background-repeat:no-repeat; width:205px; height:62px;}
#inputfield {position:absolute; top:27px; left:23px;}
#searchbutton {position:absolute; top:28px; left:146px;}
.gobutton {padding-left:0px;}

#searchbox label {color:#42a8c5;}
#searchbox input {border:0px;}
.searchimput {border:0px; padding:0px; margin:0px; padding-left:0px;}
#searchlable {position:absolute; left:100px; top:0px; font-size:0.5em;}

.searchitem {padding-left:12px; padding-top:15px; margin-bottom:15px;}

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

#breadcrumb {position:relative; z-index:100; top:0px; left:0px; font-size:0.9em; width:550px; 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:550px; color:#389ab6;}
#breadtext a {color:#389ab6; padding-right:0px; text-decoration:underline; padding:3px; font-weight:normal;}
#breadtext a:hover {color:#389ab6; text-decoration:underline; padding:3px;}

#fontsize {position:absolute; top:0px; left:480px;}

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

#innerleft {float:left; width:550px; padding-left:8px; margin-bottom:10px;}
#innerright {float:left; width:211px; left:0px; padding-left:8px; margin-bottom:10px;}

#standardbox {position:relative; top:0px; left:10px; width:520px;}

#hometitle {padding-left:12px; margin-bottom:16px;}
#homeleft {float:left; width:221px; left:0px; padding-left:12px; margin-right:20px;}
#homeright {float:left; width:276px; left:0px;}

#homesplit {position:relative; top:0px; left:0px; width:550px; height:22px; background-image:url(../images/home_split.gif); background-position:left top; background-repeat:no-repeat;}

.sectionsleft {float:left; width:231px; left:0px; padding-left:12px; margin-right:20px; padding-bottom:10px;}
.sectionsright {float:left; width:231px; left:0px; padding-bottom:10px;}

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


#updated {position:relative; top:0px; left:0px;}
#updated input {margin-top:3px; padding-left:3px;}

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

#level2 {position:relative; left:15px; top:0px; width:148px; margin-bottom:5px;}
#level2 ul {background-color:transparent; margin:0px; padding:0px; border:0px;}
#level2 li {display:block; width:148px;}
#level2 a {color:#31879f; display:block; padding-top:0px; padding-bottom:0px; padding-left:8px; text-decoration:none; margin:0px; width:140px; font-weight:bold; background-image:none;}
#level2 a:hover {color:#31879f; text-decoration:none;}

#menu2 {}
#menu2 a {color:#31879f; padding-left:8px; padding-top:0px; padding-bottom:0px; margin:0px; width:140px; font-weight:bold; text-decoration:underline;}
#menu2 a:hover {color:#31879f; text-decoration:underline;}


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

#level3 {position:relative; left:0px; top:0px; width:142px; margin-top:85px;}
#level3 ul {background-color:transparent; margin:0px; padding:0px; border:0px;}
#level3 li {display:block; width:142px;  background-image:url(../images/menu_off.gif); background-position:left top; background-repeat:no-repeat;}
#level3 a {color:#a8c575; display:block; padding-top:7px; padding-bottom:7px; padding-left:9px; text-decoration:none; margin:0px; width:142px; font-weight:bold;}
#level3 a:hover {color:#a8c575; text-decoration:underline; background-image:url(../images/menu_off.gif); background-position:left top; background-repeat:no-repeat;}

#menu3 {}
#menu3 a {color:#848589; padding-left:9px; padding-top:7px; padding-bottom:7px; margin:0px; width:142px; font-weight:bold; background-image:url(../images/menu_on.gif); background-position:left top; background-repeat:no-repeat;}
#menu3 a:hover {color:#848589; text-decoration:underline; background-image:url(../images/menu_on.gif); background-position:left top; background-repeat:no-repeat;}

#level3 li.noborder {background-image: url(../images/menu_off_nb.gif);}
#level3 a:hover.noborder {background-image: url(../images/menu_off_nb.gif);}
#menu3 a.noborder {background-image: url(../images/menu_on_nb.gif);}
#menu3 a:hover.noborder {background-image: url(../images/menu_on_nb.gif);}

/* ------------------------------------------------------- 
   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 #e8e8e8; margin-top:15px;}

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

#pagingnav {position:relative; top:0px; left:0px; width:450px; font-weight:bold; margin-left:12px;}
#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:30px;}
#pagingnav li a {color:#338ca5; font-weight:bold; text-decoration:underline; padding-left:5px; padding-right:5px; padding-top:3px; padding-bottom:3px; margin-right:6px;  background-color:#9dd6e6; border:solid 1px #9dd6e6; font-size:0.9em;}
#pagingnav li a:hover {text-decoration:underline; border:solid 1px #9dd6e6;}

* 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 #389ab6; background-color:#389ab6;}


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

#footertext {clear:both; position:relative; left:0px; top:0px; height:50px; margin-top:5px; padding-top:5px; font-size:0.9em; width:980px;}

#copyright {position:absolute; left:200px; top:0px; color:#246274; width:780px;}

#copylink {position:absolute; left:560px; top:0px;}
#footertext a {color:#246274; text-decoration:none; }
#footertext a:hover {color:#246274; text-decoration:underline;}

#hbr {position:absolute; left:920px; top:0px;}

.lightlinks a {font-weight:normal;}

/* ------------------------------------------------------- 
 promos                         
------------------------------------------------------- */

.promobox {}
.promoleft {float:left; width:100px;}
.promoright {float:left; width:175px;}
.promodiv {background-image:url(../images/promo_div.gif); width:275px; height:37px;}

/* ------------------------------------------------------- 
 gallery                      
------------------------------------------------------- */
.folderbox {float:left; width:130px; margin-bottom:10px;}
.foldericon {position:relative; left:0px; top:0px;}
.foldertext {position:relative; left:0px; top:0px; width:125px;}

.photobox {float:left; width:137px; height:147px; margin-right:30px; margin-bottom:20px;}
.photoborder {position:relative; left:0px; top:0px; border:solid 1px #8c2d56; background-color:#ffffff; padding:8px; text-align:center;}
.phototext {position:relative; left:0px; top:0px; width:135px;}