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

#pagecontainer{height:100%; top:0px; margin: 0 auto; position:relative; width:980px;}

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

#bannerpanel {position:relative; top:0px; left:0px; width:980px; height:236px; margin-bottom:0px; background-color:#9d9584;}
#bannerleft {position:absolute; top:0px; left:0px; width:220px; height:236px; background-color:#bd2125;}
#bannermid {position:absolute; top:10px; left:220px; width:540px; height:226px; background-color:#ffffff;}
#bannerright {position:absolute; top:10px; left:760px; width:220px; height:226px; background-image:url(../images/banner_right.jpg); background-position:left top; background-repeat:repeat-y;}

/* ------------------------------------------------------- 
  banner left
------------------------------------------------------- */

#logo {position:absolute; top:30px; left:10px;}
#searchbox {position:absolute; top:153px; left:9px; width:200px;}

#searchtitle {position:absolute; top:0px; left:0px;}
#inputfield {position:absolute; top:20px; left:0px;}
#searchbutton {position:absolute; top:20px; left:145px;}
.gobutton {padding-left:0px;}

#searchbox label {color:#bd2125;}

#toolbox {position:absolute; top:212px; left:10px; width:150px; color:#cd4a4c;}
#toolbox ul {list-style-image:none; list-style-type:none; margin:0px; padding:0px; text-align:left; text-indent:0px;}
#toolbox li {display:inline;}
#toolbox a {color:#e5a6a8; text-decoration:none; padding-bottom:2px; padding-top:1px; font-size:0.9em;}
#toolbox a:hover {color: #e5a6a8;}
* html #toolbox ul {margin-left:-10px; padding-left:10px;}

#keylinks {position:relative; top:0px; left:0px; width:500px; color:#847d73;}
#keylinks ul {list-style-image:none; list-style-type:none; margin:0px; padding:0px; text-align:left; text-indent:0px;}
#keylinks li {display:inline;}
#keylinks a {color:#847d73; text-decoration:none; font-size:1.2em;}
#keylinks a:hover {color: #bd2125;}

#fontsize {position:absolute; top:207px; left:145px;}

/* ------------------------------------------------------- 
   banner right                                
------------------------------------------------------- */

#toolbar {position:relative; left:0px; top:0px; width:980px; font-family:Arial, Verdana, Helvetica, sans-serif; background-color:#847d73;}
#toolbar a {color:#dfdbd0; font-weight:bold; text-decoration:none;}
.tool {float:left; position:relative; top:0px; left:0px; height:16px; padding:8px 14px 5px 14px;}
.toolselected {float:left; position:relative; top:0px; left:0px; height:16px; padding:8px 14px 5px 14px;}
#toolbar .toolselected a {color:#322c21;}

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

#pageborder {position:relative; left:0px; top:0px; width:980px; margin:0px; padding:0px; font-size:1.0em; background-image:url(../images/pageback.gif); background-position:left top; background-repeat:repeat-y;}
#leftcol {float:left; width:220px; }
#midcol {float:left; width:500px; padding-left:20px; padding-right:20px; padding-top:35px; padding-bottom:20px;}
#rightcol {float:left; width:220px;}

.separator {clear:both;}

/* ------------------------------------------------------- 
 column boxes                    
------------------------------------------------------- */

.box1 {background-color:#c5c0b6; position:relative; top:0px; left:0px; width:200px; padding-left:10px; padding-right:10px; padding-top:20px; padding-bottom:10px; color:#4f5050;}
.box1 h2 {color:#504f4f;}
.box1 h2 a {color:#504f4f; text-decoration:none;}

.box2 {background-color:#dfdbd0; position:relative; top:0px; left:0px; width:200px; padding-left:10px; padding-right:10px; padding-top:20px; padding-bottom:10px; color:#504f4f;}
.box2 h2 {color:#504f4f;}
.box2 h2 a {color:#504f4f; text-decoration:none;}

.box3 {background-color:#c3bfb7; position:relative; top:0px; left:0px; width:200px; padding-left:10px; padding-right:10px; padding-top:20px; padding-bottom:10px; background-image:url(../images/box3.jpg); background-position:left top; background-repeat:repeat-x;}
.box3 h2 {color:#dfdbd0;}
.box3 h2 a {color:#dfdbd0; text-decoration:none;}

.box4 {background-color:#000000; position:relative; top:0px; left:0px; width:200px; padding-left:10px; padding-right:10px; padding-top:20px; padding-bottom:10px; color:#ffffff;}

.box5 {background-color:#bd2125; position:relative; top:0px; left:0px; width:200px; padding-left:10px; padding-right:10px; padding-top:20px; padding-bottom:10px; color:#f4cfd0;}
.box5 h2 {color:#ffffff;}
.box5 h2 a {color:#ffffff; text-decoration:none;}
.box5 a {color:#ffffff;}
/* ------------------------------------------------------- 
breadcrumb and fontsize                            
------------------------------------------------------- */

#breadcrumb {position:relative; top:0px; left:0px; font-size:0.9em; width:500px; text-decoration:none; color:#afa99a; margin-bottom:10px;}
#breadtext {position:relative; top:0px; left:0px; padding-top:0px; width:500px;}
#breadtext a {color:#919191; padding-right:0px; text-decoration:underline;}
#breadtext a:hover {color:#443d2f; text-decoration:underline;}

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

#level2 {position:relative; left:0px; top:0px; width:200px; font-size:1.1em;}
#level2 ul {background-color:transparent; margin:0px; padding:0px; border:0px;}
#level2 li {display:block; width:190px; border-top:dotted 1px #9b9283; border-left:none; border-bottom:none;}
#level2 a {color:#504f4f; font-size:1.0em; display:block; padding-top:6px; padding-bottom:6px; padding-left:4px; text-decoration:none; margin:0px; width:190px;}
#level2 a:hover {color:#504f4f; background-color:#f2efe8; width:190px;}

#level2 .noborder {border-top:none;}

#menu2 {border-top:dotted 1px #9b9283;}
#menu2 a {color:#bd2125; padding-left:4px; padding-top:6px; padding-bottom:6px; margin:0px; width:190px; font-weight:bold;}
#menu2 a:hover {color #bd2125; background-color:#f2efe8;}

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

#level3 {position:relative; left:0px; top:0px; width:170px; font-weight:normal;}
#level3 ul {background-color:transparent; margin:0px; padding:0px; margin-bottom:10px;}
#level3 li {display:block; width:170px; border:none;}
#level3 a {color:#504f4f; padding-left:14px; margin-bottom:0px; padding-top:3px; padding-bottom:3px; width:166px; font-weight:normal;}
#level3 a:hover{color: #504f4f;  background-color:#f2efe8; width:166px;}

#menu3 a {color:#bd2125; padding-top:3px; padding-bottom:3px; font-weight:bold; width:166px;}
#menu3 a:hover {color:#bd2125;}

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

#level4 {position:relative; left:0px; top:0px; font-size:1.1em;}
#level4 ul {list-style-image:none; list-style-type:none; background-color:transparent; margin:0px; padding:0px; margin-bottom:10px;}
#level4 li {display:block; border:none; padding-bottom:6px;}
#level4 a {color:#504f4f; padding-left:20px; margin-bottom:0px; border:none; background-image:url(../images/grey_link_icon2.gif); background-position:left top; background-repeat:no-repeat;}
#level4 a:hover{border:none;}

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

#pagingnav {position:relative; top:0px; left:0px; width:450px; font-weight:bold;}
#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:#504f4f; font-weight:bold; padding-left:5px; padding-right:5px; padding-top:3px; padding-bottom:3px; margin-right:6px; border:solid 1px #dfdbd0; background-color:#dfdbd0; text-decoration:none;}
#pagingnav li a:hover {text-decoration:underline; border:solid 1px #b6b6b6;}

* 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:#bd2125; border:solid 1px #d99292;}


/* ------------------------------------------------------- 
related links
------------------------------------------------------- */

#related {position:relative; left:0px; top:0px; width:480px; font-size:1.1em;}
#related ul {list-style-image:none; list-style-type:none; background-color:transparent; margin:0px; padding:0px; border:0px;}
#related li {display:block; width:460px;}
#related li a{color: #919191; display:block; padding-top:2px; padding-bottom:8px; padding-left:20px; padding-right:0px; margin:0px; width:460px; text-decoration:none; background-image: url(../images/related_icon.gif); background-position:left top; background-repeat:no-repeat;}
#related li a:hover{color: #b54040; text-decoration:underline; width:460px;}

#related li.rpdflink a{color: #194994; padding-left:20px; padding-top:4px; height:20px; padding-right:0px; text-decoration:none; background-image: url(../images/pdf.gif); background-position:left top; background-repeat:no-repeat;}

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

#sitemapbox {position:relative; top:0px; left:0px; margin-top:20px;}

#sitemap {float:left; width:230px; margin-top:0px; margin-right:20px; 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 {display:block; border:none;}
#sitemap a {display:block; color:#bd2125;}
#sitemap a:hover {color: #3b3c3c;}
#sitemap .sectionmap a {padding-top:10px; padding-bottom:5px;}
#sitemap .sectionmap2 a {padding-top:5px; padding-bottom:5px;}

.sitemap1 {background-image: url(../images/sitemap1.gif); background-position: left center; background-repeat: no-repeat; padding-left:15px; font-weight: bold; font-size:1.3em;}
.sitemap2 {background-image: url(../images/sitemap2.gif); background-position: left center; background-repeat: no-repeat; padding-left:15px; margin-left: 5px; font-size:1.2em;}
.sitemap3 {background-image: url(../images/sitemap3.gif); background-position: left center; background-repeat: no-repeat; padding-left:15px; margin-left: 20px; font-size:1em;}
.sitemap4 {background-image: url(../images/sitemap3.gif); background-position: left center; background-repeat: no-repeat; padding-left:15px; margin-left: 45px; font-size:1em;}

#sitemap2 {float:left; width:230px; 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 {display:block; border:none;}
#sitemap2 a {display:block; color:#bd2125;}
#sitemap2 a:hover {color: #3b3c3c;}
#sitemap2 .sectionmap a {padding-top:10px; padding-bottom:5px;}
#sitemap2 .sectionmap2 a {padding-top:5px; padding-bottom:5px;}

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

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

#copyright {position:relative; left:220px; top:0px; color:#e2ddd1; font-size:0.9em; width:760px;}
#copyright a {color:#e2ddd1; text-decoration:none; padding:2px;}
#copyright a:hover {color:#4d4940; text-decoration:underline; padding:2px;}
#copyrightbottom {position:relative; left:0px; top:0px; width:760px; color:#4d4940; line-height:16px; margin-top:10px;}
#hbr {position:absolute; left:680px; top:0px;}

#awards {position:relative; left:0px; top:0px; height:200px;}
#newstatesman {position:absolute; left:220px; top:40px;}
#bcs {position:relative; left:0px; top:0px;}

/* ------------------------------------------------------- 
 special font sizes                           
------------------------------------------------------- */

.bluetext {font-size:0.85em; color:#194994; font-weight:bold;}

.link {padding:2px;}
.link:hover {color:#ffffff; background-color:#bd2125; text-decoration:none; padding:2px;}

.indent {position:relative; top:0px; left:10px;}
.ContactButton {padding:0px; cursor:pointer; width:20px; margin-top:3px;}
.rightlink {float: right;}

/* ------------------------------------------------------- 
 faqs
------------------------------------------------------- */

#faqs {width: 350px;}
#faqs ul{margin-bottom:5px; padding:0px; margin-left:20px;}
#faqs li{padding-bottom:5px;}
#faqs li a{color: #194994; padding-left:0px; padding-right:0px; text-decoration:none;}
#faqs li a:hover{color: #194994; text-decoration:underline;}

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

#gallery {width: 450px;}
#gallery ul{list-style-image:none; list-style-type:none; margin:0px; padding:0px; margin-bottom:5px; margin-left:0px;}
#gallery li{display:inline; margin-bottom:10px; margin-right:10px;}

/* ------------------------------------------------------- 
 photo gallery
------------------------------------------------------- */
#photos {width:500px;}
#photos ul{list-style-image:none; list-style-type:none; margin:0px; padding:0px; margin-bottom:5px; margin-left:0px;}
#photos li {width:170px; height:210px; padding:0px; text-align:center; position:relative; float:left; display:inline; margin-bottom:10px; margin-right:30px; z-index:150;}

/* ------------------------------------------------------- 
 q and a                      
------------------------------------------------------- */

#qanda {position:relative; left:0px; top:0px; width:480px; font-size:1.1em;}
#qanda ul {list-style-image:none; list-style-type:none; background-color:transparent; margin:0px; padding:0px; border:0px;}
#qanda li {display:block; width:460px;}
#qanda li a{color: #919191; display:block; padding-top:2px; padding-bottom:8px; padding-left:20px; padding-right:0px; margin:0px; width:460px; text-decoration:none; background-image: url(../images/related_icon.gif); background-position:left top; background-repeat:no-repeat;}
#qanda li a:hover{color: #b54040; text-decoration:underline; width:460px;}

/* ------------------------------------------------------- 
 column links                 
------------------------------------------------------- */

.collinks {position:relative; left:0px; top:0px; width:200px; font-size:1.1em;}
.collinks ul {list-style-image:none; list-style-type:none; background-color:transparent; margin:0px; padding:0px; border:0px;}
.collinks li {display:block; border:none; width:175px;}
.collinks a {color:#443d2f; display:block; padding-top:2px; padding-bottom:2px; padding-left:15px; margin:0px; width:175px; text-decoration:none; background-image:url(../images/link_black.gif); background-position:left top; background-repeat:no-repeat;}
.collinks a:hover {color:#443d2f; text-decoration:underline; width:175px;}

/* ------------------------------------------------------- 
 Calendar Box                                   
------------------------------------------------------- */
#calbox {margin-top:10px;}

#calcontent {width:216px;}
#calheadp {background-color:#aba395; height:30px;}
#calhead {text-align:center; font-weight:600; font-size:1.1em; background-color:#aba395; color:#ffffff; height:30px;}
#calheadn {background-color:#aba395; height:30px;}

.day {background-color:#c5c0b6; color:#383a3a; height:21px; text-align:center;}
.cell {background-color:#dfdbd0; width:29px; height:21px; text-align:center;}
.celloff {background-color:#ffffff; width:29px; height:21px;}
.celltoday {background-color:#f0efef; width:29px; height:21px; text-align:center;}
.cellcurrent {background-color:#bd2125; width:29px; height:21px; text-align:center;}

.calendar {color:#504f4f; text-decoration:none;}
.today {color:#a49e9e; text-decoration:none; font-weight: bold;}
.today1 {color:#ffffff; text-decoration:none; font-weight: bold;}
.today2 {color:#bd2125; text-decoration:none; font-weight: bold;}

/* ------------------------------------------------------- 
 diary appointments                           
------------------------------------------------------- */

#appoint {position:relative; left:0px; top:0px;}
#appoint ul {list-style-image:none; list-style-type:none; background-color:transparent; margin:0px; padding:0px; border:0px;}
#appoint li {display:block; border:none; margin-top:6px; padding-left:20px; padding-bottom:6px; background-image:url(../images/appointment.gif); background-position:left top; background-repeat:no-repeat; border-bottom:solid 1px #eeeeee;}

/* ------------------------------------------------------- 
 reports                 
------------------------------------------------------- */

.reportbox {position:relative; left:0px; top:0px; width:180px; height:26px; margin-bottom:7px;}
.reporticon {position:relative; left:0px; top:0px;}
.reportdesc {position:absolute; left:30px; top:0px;}
.reportdesc a {color:#3b3c3c; text-decoration:none;}
.reportdesc a:hover {color:#bd2125; text-decoration:underline;}

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

#search {}
#search a {text-decoration:none; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size:1.3em;}
#search a:hover {text-decoration:underline;}

#dwtvlogo {position:relative; left:5px; top:0px;}
#tvcube {position:relative; left:12px; top:0px;}

/* ------------------------------------------------------- 
 social            
------------------------------------------------------- */

#socialtext {position:absolute; top:22px; left:22px; width:168px;}
#networklinks {position:absolute; top:69px; left:22px; width:180px;}
.social {float:left; position:relative; top:0px; left:0px; width:42px; height:42px;}