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

#pagecontainer{height:100%; top:14px; margin: 0 auto; position:relative; width:878px; padding:10px; font-size:1.1em; background-color:#ffffff; border:solid 1px #7b97c9;}
.separator {clear:both;}

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

#toppage {position:relative; top:0px; left:0px; height:216px; width:878px; background-image:url(../images/toolbar_back.jpg); background-position:left top; background-repeat:repeat-x;}
#logo {position:absolute; top:30px; left:16px;}
#bcs {position:absolute; top:15px; left:375px;}

#fbbox {position:absolute; top:136px; left:375px;}

#toolbar {position:absolute; left:0px; top:181px; width:878px; height:35px; font-family:Arial, Verdana, Helvetica, sans-serif; background-color:#a30101; background-image:url(../images/toolbar_off.jpg); background-position:left top; background-repeat:repeat-x;}
#toolbar a {color:#ffffff; font-weight:bold;}
#tool1 {float:left; width:50px; height:25px; margin-right:1px; padding-top:10px; padding-left:10px; background-image:url(../images/toolbar_off.jpg); background-position:left top;}
#tool1s {float:left; width:50px; height:25px; margin-right:1px; padding-top:10px; padding-left:10px; background-image:url(../images/toolbar_on.jpg); background-position:left top;}
#tool2 {float:left; width:74px; height:25px; margin-right:1px; padding-top:10px; padding-left:10px; background-image:url(../images/toolbar_off.jpg); background-position:left top;}
#tool2s {float:left; width:74px; height:25px; margin-right:1px; padding-top:10px; padding-left:10px; background-image:url(../images/toolbar_on.jpg); background-position:left top;}
#tool3 {float:left; width:122px; height:25px; margin-right:1px; padding-top:10px; padding-left:10px; background-image:url(../images/toolbar_off.jpg); background-position:left top;}
#tool3s {float:left; width:122px; height:25px; margin-right:1px; padding-top:10px; padding-left:10px; background-image:url(../images/toolbar_on.jpg); background-position:left top;}
#tool4 {float:left; width:55px; height:25px; margin-right:1px; padding-top:10px; padding-left:10px; background-image:url(../images/toolbar_off.jpg); background-position:left top;}
#tool4s {float:left; width:55px; height:25px; margin-right:1px; padding-top:10px; padding-left:10px; background-image:url(../images/toolbar_on.jpg); background-position:left top;}
#tool5 {float:left; width:124px; height:25px; margin-right:1px; padding-top:10px; padding-left:10px; background-image:url(../images/toolbar_off.jpg); background-position:left top;}
#tool5s {float:left; width:124px; height:25px; margin-right:1px; padding-top:10px; padding-left:10px; background-image:url(../images/toolbar_on.jpg); background-position:left top;}
#tool6 {float:left; width:79px; height:25px; padding-top:10px; padding-left:10px; background-image:url(../images/toolbar_off.jpg); background-position:left top;}
#tool6s {float:left; width:79px; height:25px; padding-top:10px; padding-left:10px; background-image:url(../images/toolbar_on.jpg); background-position:left top;}

#toolbar a {color:#ffffff; font-weight:bold;}
.tool {float:left; padding:10px 10px 0px 10px; margin-right:1px;}
.toolselected {float:left; height:25px; padding:10px 10px 0px 10px; margin-right:1px; background-image:url(../images/toolbar_on.jpg); background-position:left top; background-repeat:repeat-x;}
#toolbar .toolselected a {color:#ffffff;}


#promo {position:absolute; left:571px; top:0px; width:307px;}
#promobot {position:absolute; left:580px; top:191px; width:307px; height:35px; background-image:url(../images/toolbar_off.jpg); background-position:left top;}

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

#searchbox {position:absolute; top:136px; left:15px; width:300px;}
#searchtitle {position:absolute; top:2px; left:0px;}
#inputfield {position:absolute; top:0px; left:55px; width:153px; height:26px; background-image:url(../images/search_back.gif); background-position:left top; background-repeat:no-repeat;}
#searchbutton {position:absolute; top:2px; left:206px;}
.gobutton {padding-left:0px;}
#searchimput {border:none;}
#searchbox label {color:#b02222;}

.searchitem {padding-top:7px; background-image:url(../images/page_break.gif); background-position:left top; background-repeat:no-repeat;}

/* ------------------------------------------------------- 
  Page container elements   	                                    
------------------------------------------------------- */
#rightpanel {position:absolute; top:191px; left:580px; width:307px; height:714px; background-image:url(../images/right_panel.jpg); background-position:left top; background-repeat:repeat-x;}

#innerbox {position:relative; top:0px; left:0px; margin-top:0px; width:877px; background-image:url(../images/page_back.jpg); background-position:left top; background-repeat:no-repeat;}
#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;}
#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:560px; margin:0px; padding:0px; border:0px; padding:0px; margin-right:14px;}
#contentpad {position:relative; top:7px; left:7px; padding:10px; margin:0px; width:533px; border:solid 1px #c9d5e9; background-color:#ffffff;}
#menucolright {float:left; width:300px; margin:0px; padding:0px; border:0px; padding:0px;}

.separator {clear:both;}

.sectiontitle {position:relative; top:0px; left:0px; width:100%; height:29px; background-image:url(../images/subhead_back.gif); background-position:left top; background-repeat:repeat-x;}
.title {position:relative; top:6px; left:7px; font-weight:bold; color:#4569a9; font-size:1.1em;}

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

#fontsize {position:absolute; top:140px; left:483px;}

/* ------------------------------------------------------- 
   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:0px; width:275px; margin-top:10px;}
#level2 ul {background-color:transparent; margin:0px; padding:0px; border:0px;}
#level2 li {display:block; width:200px; }
#level2 a {color:#5277b8; display:block; padding-top:6px; padding-bottom:6px; padding-left:21px; text-decoration:none; margin:0px; width:275px; font-weight:normal; background-image:url(../images/menu_off.gif); background-position:left top; background-repeat:no-repeat;}
#level2 a:hover {color:#5277b8; text-decoration:underline; width:275px;}

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

#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:230px; 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:230px;  background-image:none;}
#level3 a {color:#5277b8; padding-top:3px; padding-bottom:3px; padding-left:20px; text-decoration:none; margin:0px; width:230px; background-image:none;}
#level3 a:hover {color:#5277b8; text-decoration:underline; background-image:none;}

#menu3 {}
#menu3 a {color:#be4242; padding-left:20px; padding-top:3px; padding-bottom:3px; margin:0px; width:230px; background-image:none;}
#menu3 a:hover {color:#be4242; 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; font-weight:bold;}
.newstitle a {text-decoration:none; color:#4569a9; font-weight:bold;}
.newslink {text-align:left;}
.newslink a {text-decoration:none; background-image:url(../images/link_icon.gif); background-position:left top; background-repeat:no-repeat;}

.link {padding-left:19px; padding-bottom:3px; text-decoration:none; background-image:url(../images/link_icon.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;}

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

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

/* ------------------------------------------------------- 
  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-image:url(../images/toolbar_off.jpg); background-position:left top;}
#pagingnav li a:hover {background-image:url(../images/toolbar_on.jpg);}

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

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

#footertext {clear:both; position:relative; left:0px; top:0px; height:67px; margin-top:10px; padding-top:5px; width:877px; font-size:0.9em; background-color:#edf1f7;}

#copyright {position:absolute; left:10px; top:13px; color:#7d99ca; font-size:0.9em; line-height:16px;}
#copylink {position:absolute; left:400px; top:13px;}
#footertext a {color:#7d99ca; text-decoration:none; font-weight:normal;}
#footertext a:hover {color:#7d99ca; text-decoration:underline;}
#hbr {position:absolute; left:815px; top:12px;}

/* ------------------------------------------------------- 
 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: #5277b8;}
#sitemap a:hover {color: #5277b8;}

.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: #5277b8;}
#sitemap2 a:hover {color: #5277b8;}

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

/* ------------------------------------------------------- 
 to do
------------------------------------------------------- */

#todo {position:relative; top:0px; left:0px; width:295px; border:solid 1px #c9d5e9; background-color:#ffffff; margin-top:4px;}
#todopad {padding:6px;}
.todobox {position:relative; top:0px; left:0px; width:280px; margin-bottom:3px;}
.todoleft {position:relative; top:0px; left:0px; float:left; width:43px;}
.todoright {position:relative; top:0px; left:0px; float:left; width:230px;}
.todohead {position:relative; left:0px; top:11px;}
.todohead a {font-weight:bold;}
.todotext {position:relative; left:0px; top:3px; font-size:0.9em;}

#keep {position:relative; top:0px; left:0px; width:298px; height:90px; margin-top:3px;}
#updated {position:absolute; top:36px; left:12px; color:#ffffff; width:200px;}
#updated a {color:#ffffff;}

/* ------------------------------------------------------- 
 blogs
------------------------------------------------------- */

.blogbox {position:relative; top:0px; left:0px; padding-bottom:20px; border-bottom:dotted 1px #c9d5e9; margin-bottom:20px;}
.blogdate {position:relative; top:0px; left:0px; font-weight:500; margin-bottom:8px; color:#4569a9; font-size:1.1em;}
.blogbox h2 {margin-bottom:8px;}
.blogbox h2 a {color:#4569a9; font-size:1.4em;}
.blogposted {margin-top:8px;}
.blogposted a {color:#e23a5c;}
.blogposted a:hover {text-decoration:underline;}
.blogtitle {color:#4569a9; font-size:1.6em; font-weight:500;}

.commentbox {position:relative; top:0px; left:0px; padding-bottom:20px; border-bottom:dotted 1px #c9d5e9; margin-bottom:20px;}
.commenttitle {color:#4569a9; font-size:1.4em; font-weight:500; margin-bottom:8px;}
.commentposted {margin-top:8px;}

.post {position:relative; top:0px; left:0px; margin-top:20px;}
.post2 a {color:#e23a5c; text-decoration:underline;}

/* ------------------------------------------------------- 
  blog homepage
------------------------------------------------------- */

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

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

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

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

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