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

#pagecontainer{height:100%; top:0px; margin: 0 auto; position:relative; width:900px; padding:12px; font-size:1.1em; background-image:url(../images/page_back.jpg); background-position:left top; background-repeat:repeat-x;}
.separator {clear:both;}

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

#toppage {position:relative; top:0px; left:0px; height:165px; width:900px; background-image:url(../images/banner_back.jpg); background-position:left top; background-repeat:repeat-x;}
#logo {position:absolute; top:16px; left:14px;}

#toolbar {position:absolute; left:13px; top:137px; width:790px; font-family:Arial, Verdana, Helvetica, sans-serif;}
#toolbar a {color:#bb9397; font-weight:bold; background-color:Transparent;}
.tool {float:left; height:21px; margin-right:1px; padding-top:7px; padding-left:8px; padding-right:8px; background-image:url(../images/tab_back.jpg); background-position:left top;}
.toolselected {float:left; height:21px; margin-right:1px; padding-top:7px; padding-left:8px; padding-right:8px; background-image:url(../images/tab_back_on.jpg); background-position:left top;}

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

#searchbox {position:absolute; top:91px; left:14px; width:178px;}
#searchtitle {position:absolute; top:0px; left:0px;}
#inputfield {position:absolute; top:0px; left:0px;}
#searchbutton {position:absolute; top:2px; left:153px;}
.gobutton {padding-left:0px;}
#searchimput {border:none;}
#searchbox label {color:#e39103;}

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

#innerbox {position:relative; top:0px; left:0px; margin-top:12px; width:900px;}
#leftcol {float:left; width:228px; margin:0px; padding:0px; border:0px; padding:10px; background-image:url(../images/col_back.jpg); background-position:left top; background-repeat:repeat-x;}
#homecontent {float:left; width:652px; background-image:url(../images/content_back.jpg); background-position:left top; background-repeat:repeat-x; padding-bottom:20px;}
#midcol {float:left; width:377px; margin:0px; padding:0px; border:0px; padding:10px;}
#rightcol {float:left; width:227px; margin:0px; padding:0px; border:0px;}

#menuback {position:absolute; top:190px; left:10px; width:248px; height:233px; background-image:url(../images/menu_back.jpg); background-position:left top; background-repeat:repeat-x;}
#menucol {float:left; width:248px; margin:0px; padding:0px; border:0px; padding:0px;}
#contentcol {float:left; width:627px; margin:0px; padding:0px; border:0px; padding:12px; background-image:url(../images/content_back.jpg); background-position:left top; background-repeat:repeat-x;}
.separator {clear:both;}

/* ------------------------------------------------------- 
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:#a07277;}
#breadtext a {color:#a07277; padding-right:0px; text-decoration:underline; padding:3px; font-weight:normal;}
#breadtext a:hover {color:#e23a5c; text-decoration:underline; padding:3px; background-color:Transparent;}

#fontsize {position:absolute; top:136px; left:815px;}

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

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

#innerleft2 {float:left; width:530px; padding-left:20px;}

.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; }

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

#level2 {position:relative; left:10px; top:25px; width:200px;}
#level2 ul {background-color:transparent; margin:0px; padding:0px; border:0px;}
#level2 li {display:block; width:200px; }
#level2 a {color:#a07277; display:block; padding-top:6px; padding-bottom:6px; padding-left:21px; text-decoration:none; margin:0px; width:200px; font-weight:normal; background-image:url(../images/menu_off.gif); background-position:left top; background-repeat:no-repeat; background-color:Transparent;}
#level2 a:hover {color:#a07277; text-decoration:underline; width:200px;}

#menu2 {}
#menu2 a {color:#575757; padding-left:21px; padding-top:6px; padding-bottom:6px; margin:0px; width:200px; font-weight:normal; background-image:url(../images/menu_on.gif); background-position:left top; background-repeat:no-repeat;}
#menu2 a:hover {color:#575757; text-decoration:underline; width:200px;}

#level2 a.noborder {background-image: url(../images/menu_off_nb.gif);}
#level2 a:hover.noborder {}

#menu2 a.noborder {background-image: url(../images/menu_on_nb.gif);}
#menu2 a:hover.noborder {}

#level2 li.noback {background-image:none;}

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

#level3 {position:relative; left:0px; top:0px; width:142px; margin-top:5px; margin-bottom:10px; background-image:none;}
#level3 ul {background-color:transparent; margin:0px; padding:0px; border:0px;}
#level3 li {display:block; width:142px;  background-image:none;}
#level3 a {color:#575757; display:block; padding-top:3px; padding-bottom:3px; padding-left:20px; text-decoration:none; margin:0px; width:142px; background-image:none;}
#level3 a:hover {color:#575757; text-decoration:underline; background-image:none;}

#menu3 {}
#menu3 a {color:#848589; padding-left:20px; padding-top:3px; padding-bottom:3px; margin:0px; width:142px; background-image:none;}
#menu3 a:hover {color:#848589; text-decoration:underline; background-image:none;}


/* ------------------------------------------------------- 
   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;}

.newsitem {margin-bottom:20px;}
.newsdate {float:left; width:120px;}
.newscontent {float:left; width:400px;}
.newstitle {font-size:1.2em;}
.newstitle a {text-decoration:underline; color:#3b5999;}
.newslink {text-align:right;}
.newslink a {text-decoration:none; color:#767676;}

.link {padding-left:19px; padding-bottom:3px; text-decoration:underline; background-image:url(../images/linkicon.gif); background-position:left top; background-repeat:no-repeat;}
.linkgrey {padding-left:19px; padding-bottom:3px; text-decoration:underline; background-image:url(../images/linkicon2.gif); background-position:left top; background-repeat:no-repeat;}

.newsbox {margin-top:9px; padding-top:9px; background-image:url(../images/news_div.gif); background-position:left top; background-repeat:no-repeat;}
.newsbox2 {margin-top:15px;}

.newstitle2 {margin-top:5px; margin-bottom:3px;}
.newstitle2 a {font-weight:bold; color:#3b5999;}

/* ------------------------------------------------------- 
  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:#ffffff; font-weight:bold; padding-left:5px; padding-right:5px; padding-top:3px; padding-bottom:3px; margin-right:6px;  background-color:#e23a5c; border:solid 1px #e23a5c;}
#pagingnav li a:hover {text-decoration:underline; border:solid 1px #e18e01;}

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

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

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

#copyright {position:absolute; left:0px; top:0px; color:#767676; width:780px; font-size:0.9em;}
#copylink {position:absolute; left:400px; top:0px;}
#footertext a {color:#767676; text-decoration:none; font-weight:normal;}
#footertext a:hover {color:#767676; text-decoration:underline;}
#hbr {position:absolute; left:850px; top:0px;}

/* ------------------------------------------------------- 
 site map
------------------------------------------------------- */
#sitemapbox {position:relative; top:0px; left:0px; margin-top:20px;}

#sitemap {float:left; width:300px; margin-top:0px; margin-right:10px; margin-left:0px;}
#sitemap ul {list-style-image: none; list-style-type: none; margin-left: 0px; text-align: left; padding: 0px; margin-top: 0px; margin-bottom: 10px;}
#sitemap li {padding: 1px; list-style-type:none;}
#sitemap a {color: #e23a5c;}
#sitemap a:hover {color: #e23a5c; background-color:Transparent;}

.sitemap1 {background-image: url(../images/sitemap1.gif); background-position: left center; background-repeat: no-repeat; padding-left: 15px; font-weight: bold; font-size: 1.1em; line-height: 25px;}
.sitemap2 {background-image: url(../images/sitemap2.gif); background-position: left center; background-repeat: no-repeat; padding-left: 15px; margin-left: 15px; font-size: 1.0em;}
.sitemap3 {background-image: url(../images/sitemap3.gif); background-position: left center; background-repeat: no-repeat; padding-left: 15px; margin-left: 30px; font-size: 1.0em;}
.sitemap4 {background-image: url(../images/sitemap3.gif); background-position: left center; background-repeat: no-repeat; padding-left: 15px; margin-left: 45px; font-size: 1.0em;}

#sitemap2 {float:left; width:300px; margin-top:0px;}
#sitemap2 ul {list-style-image: none; list-style-type: none; margin-left: 0px; text-align: left; padding: 0px; margin-top: 0px; margin-bottom: 10px;}
#sitemap2 li {padding: 1px; list-style-type:none;}
#sitemap2 a {color: #e23a5c;}
#sitemap2 a:hover {color: #e23a5c; background-color:Transparent;}


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

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

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

.galimagebox {float:left; position:relative; margin-right:10px; margin-bottom:20px; height:200px;} 
.galimage {background-color:#ffffff; padding:10px 10px 30px 10px; border-top:solid 1px #eeeeee; border-left:solid 1px #eeeeee; border-bottom:solid 1px #abadae; border-right:solid 1px #abadae;}
.galimage img {border:solid 1px #cccccc;}