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

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

#backleft {position:absolute; top:0px; left:-17px; height:69px; width:17px; background-image:url(../images/backleft.jpg);}
#backright {position:absolute; top:0px; left:980px; height:72px; width:10px; background-image:url(../images/backright.jpg);}

#toppage {position:relative; top:0px; left:0px; height:210px; width:980px;}

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

#pagetools {position:absolute; top:0px; left:0px; width:980px; height:34px; background-image:url(../images/tools.jpg); background-position:left top; background-repeat:no-repeat;}
#toolset {position:absolute; top:8px; left:17px; color:#c36863;}
#toolset a {color:#eccecd; font-weight:bold;}

#searchbox {position:absolute; top:6px; left:640px; width:270px;}
#searchtitle {position:absolute; top:3px; left:0px;}
#searchbox label {color:#a00e07;}
#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:25px; height:17px; padding-left:0px;}

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

/* ------------------------------------------------------- 
 Hero Bar                                    
------------------------------------------------------- */

#herobar {position:absolute; top:34px; left:0px; width:980px; height:130px;}
#heroshot {position:relative; top:0px; left:0px;}
#logo {position:absolute; top:0px; left:290px;}

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

#toolbar {position:absolute; left:0px; top:164px; width:980px; height:40px; border-top:solid 5px #b9110a; font-family:Arial, Verdana, Helvetica, sans-serif; background-image:url(../images/toolbar.jpg); background-position:left top; background-repeat:repeat-x;}
#barpos {position:absolute; left:25px; top:0px;}
#toolbar a {color:#4c575e; font-weight:bold;}
.tool {float:left; padding-top:14px; padding-bottom:10px; padding-left:18px; padding-right:18px; background-image:url(../images/toolbarleft.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/toolbaron.jpg); background-position:left top; background-repeat:repeat-x;}
#toolbar .toolselected a {color:#ffffff;}
#toolbarbot {position:absolute; left:0px; top:209px; width:980px; height:1px; background-image:url(../images/toolbarbot.jpg);}


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

#innerbox {position:relative; top:0px; left:0px; margin-top:0px; width:980px; line-height:1.4em; background-color:#ffffff;}
#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:656px; margin:0px; border:0px; padding:0px; background-image:url(../images/pagetop.jpg); background-position:left top; background-repeat:repeat-x;}
#whitebox {padding:19px 19px 19px 30px;}

.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:#0882b1;}
#breadtext a {color:#0882b1; padding-right:0px; text-decoration:underline; padding:3px; font-weight:normal;}
#breadtext a:hover {color:#0882b1; text-decoration:underline; padding:3px;}

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

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

/* ------------------------------------------------------- 
  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:#ffffff; padding-left:20px; padding-top:8px; padding-bottom:8px; margin:0px; width:260px; font-weight:normal; background-image:url(../images/tab_selected.jpg); background-position:left top; background-repeat:repeat-x;}
#menu2 a:hover {color:#ffffff; 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;}

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

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

#linkstitle {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;}

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

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

.newsitem {margin-bottom:20px; border-bottom:solid 1px #bbc2c4; padding-bottom:10px;}
.newsdate {float:left; width:120px; color:#1c7cb7;}
.newscontent {float:left;}
.newstitle {font-size:1.6em; margin-bottom:5px;}
.newstitle a {text-decoration:none; color:#1c7cb7;}
.newslink {text-align:left; margin-top:10px;}
.newslink a {text-decoration:none; color:#ca0c1e;}

.link {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:#9f2121; 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 #9f2121; background-color:#9f2121;}

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

#footertext {clear:both; position:relative; left:0px; top:0px; height:80px; width:980px; font-size:1.0em; margin-top:5px;}
#copyright {position:relative; left:10px; top:0px; color:#c24343; width:800px;}

#footlinks {position:absolute; left:680px; top:0px; color:#c24343; width:280px; text-align:right;}
#footlinks a {color:#c24343; text-decoration:none; font-weight:normal;}
#footlinks a:hover {color:#c24343; text-decoration:underline;}

#hbr {position:absolute; left:918px; top:23px;}

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

#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; margin-bottom:10px;}
.searchitem a {font-size:1.4em;}

/* ------------------------------------------------------- 
  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; margin-right:10px; margin-bottom:20px; height:150px;} 
.galimage img {border:solid 5px #9aa4a6;}

/* ------------------------------------------------------- 
  video 	                                    
------------------------------------------------------- */

#videosearch {position:relative; top:0px; left:0px;}
#mainvideobox2 {position:relative; top:0px; left:0px; width:420px; color:#9f9f9f; margin-bottom:20px;}
#mainvideo {position:relative; top:0px; left:0px; border:solid 8px #9aa4a6; width:400px;}
#maintext {position:relative; top:0px; left:0px; margin-top:10px;}

#videoloading {position:absolute; top:170px; left:190px;}

.videoitem {float:left; position:relative; top:0px; left:0px; width:160px; height:180px;}
.videothumb {position:relative; top:0px; left:0px; width:120px; height:90px; border:solid 8px #9aa4a6;}
.videothumb input {width:120px; height:90px; border:0px; margin:0px; padding:0px;}
.videotitle {position:relative; top:0px; left:0px;}
.videodate {position:relative; top:0px; left:0px;}
.videolink {position:absolute; top:0px; left:100px;}