/* CSS for BCC website */

html {height:101%;} 
body {font: 76%/1.4 Tahoma, Geneva, Arial, Helvetica, sans-serif; background: #DED6C4; color:#434342; text-align:center; padding:20px 0 0 0;}

/* Blat all weird browser defaults */
* {margin:0; padding:0;}
/* end */

/* links */
a:link, a:visited {color:#014F37; text-decoration:none;}
a:hover {color:#014F37; text-decoration:underline;}
div#content a:link, div#content a:visited {color:#015DBC; text-decoration:none;}
div#content a:hover {color:#015DBC; text-decoration:underline;}
/* end links */

/* page containers */
div#wrapper {margin:0 auto; text-align:left; background:url(../images/shadow_base_761.png) no-repeat bottom left #DED6C4; padding:0 0 14px 0; width:761px;}
div#container {margin:0 auto; background:url(../images/wrapper_bg_761.png) repeat-y; padding:0 6px; width:761px; w\idth:749px;}
p.skip {display:none;}
/* end page container */

/* general layout rules */
div#contentholder {width:749px; background:url(../images/content_bg_761.png) repeat-y;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div#contentarea {float:left; background:#fff; margin:0 0 0 183px; display:inline; width:566px; min-height:340px; height:auto !important; height:340px;}
div#content {padding:10px 16px; width:566px; w\idth:534px;}
div#left {float:left; width:182px; margin:0 0 0 -749px; display:inline;}
/* end general layout rules */

/* scrolling news div */
div#scrnews {position:absolute; visibility:hidden; top:100; left:100; height:100px; clip:rect(10,152,100,10); border-width:0px; width:162px; background-color:#FFE1FF;}
/* end scrolling news div */

/* page header */
div#header {background:url(../images/header_shadow_761.png) no-repeat top left;} 
div#headerbg {background-repeat: no-repeat; background-position: top left; height:105px; border-top:1px solid #000; border-bottom:1px solid #000; margin:0 6px; } 
div#headerbg {background-image:url(../images/banners/BCC_page_banner_RWB.jpg); background-color:#E1E1E1; }
div#headertext {float:right; display:inline; width:384px; padding:20px 16px; w\idth:352px; }
div#headertext h1 {font-size: .8em font-weight:normal; }
div#header img {}
/* div#header h1 {float:left; text-transform:uppercase;font-size: 1.4em; font-weight:normal; } */
div#header h1 a {display:inline; height: 46px; margin: 32px 0 0 12px; display: block; color:#fff; width: 400px; w\idth: 388px;} 
div#header h1 a span {display:none;}
/* end page header */

/* contentarea banners */
div#landingbanner {background-repeat: no-repeat; background-position:top left; border-bottom:1px solid #000;}
div#landingbanner h2 {margin: 0 0 0 297px; padding: 130px 0 10px 20px; background-repeat: no-repeat; background-position: top left; color:#222222; font-size:2em; }
/* end contentarea banners */

/* primary navigation */
div#nav {float:left; width:749px; background: #E1E1E1; font-size:1.1em;}
div#nav ul {float:left; list-style-type:none;}
div#nav ul li {float:left; border-bottom:1px solid #000; white-space:nowrap; width:107px;}
div#nav ul li a {padding:7px 0; text-align:center; text-decoration:none; font-weight:bold; display:block; color:#365759; border-left:1px solid #E1E1E1; border-right:1px solid #C5C2BD;}
* html div#nav ul li a {width:107px; w\idth:105px;}
div#nav ul li a:hover {text-decoration:none; background: #D6D6D6; border-left:1px solid #D6D6D6;}
/* end primary navigaton */

/* HandG trail */
div#crumbs {float:left; font-size:0.92em; width:749px; background: #F4F2EC; border-bottom:1px solid #000;}
div#crumbs ul {float:left; list-style-type:none; padding:5px 9px;}
div#crumbs ul li {float:left; padding:0 0 0 4px; white-space:nowrap;}
div#crumbs ul li a {padding:0; text-decoration:none;}
div#crumbs ul li a:hover {text-decoration:underline;}
/* end HandG trail */

/* footer */
div#footer {float:left; font-size:.94em; background: #E8E8E8; border-top:1px solid #000; padding:10px 6px 10px 6px; width:749px; w\idth:737px; }
div#footer .footerlinks {float:left; margin:0; width:250px;}
div#footer ul {float:left; list-style-type:none; white-space:nowrap; margin: 4px 0 0 0; width:250px;}
div#footer li {float:left;}
div#footer li a {padding:0 0 0 4px;}
div#footer img {float:left; margin:0 10px 4px 14px;}
div#address {float:left; font-style:normal; font-weight:normal; margin: 4px 0 0 0; width:410px;}
div#address p {display:block; margin:0; text-align:right;}
/* end footer */

/* Sub-Nav stuff */

/* structure */
div#subnav {width:182px; padding:0 0 30px 0;}
div#subnav ul {list-style-type:none;}
div#subnav ul li {line-height:normal;}
div#subnav ul li a {padding:5px 8px 5px 13px; text-decoration:none; display:block; background-repeat:no-repeat; background-position:1% 50%; width:182px; w\idth:161px;}
div#subnav ul ul {font-size:.92em;}
div#subnav ul ul li a {padding:4px 8px 4px 25px; background-repeat:no-repeat; background-position:7% 50%; width:182px; w\idth:149px;} 
div#subnav ul ul ul {font-size:1em;}
div#subnav ul ul ul li a {padding:3px 8px 3px 37px; background-repeat:no-repeat; background-position:14% 50%; width:182px; w\idth:137px;}
/* end structure */

/* generic colours */
div#subnav ul li a {background-color:#EEE9DD; color:#365759; border-bottom: 1px solid #C5C2BD;}
div#subnav ul ul li a {border-bottom: 1px solid #D5C8AE; background-color:#F4F2EC; color:#014F37;} 
div#subnav ul ul ul {border-bottom: 1px solid #D5C8AE;}
div#subnav ul ul ul li a {background-color:#fff; color:#0A7655; border-bottom: 1px solid #fff; }
div#subnav ul li a:hover {background-color:#EEE9DD;}
div#subnav ul ul li a:hover {background-color:#F4F2EC;}
div#subnav ul ul ul li a:hover {background-color:#fff;}
div#subnav ul li a:hover {background-image:url(../images/arrow_right.gif);}
/* end generic colours */

/* arrows */
div#subnav ul li.active a {background-image:url(../images/arrow_right.gif);}
div#subnav ul li.collapsed a {background-image:url(../images/arrow_left.gif);}
div#subnav ul li.parent a {background-image:url(../images/arrow_down.gif);}
div#subnav ul li.active ul li a {background-image:none;}
div#subnav ul li.active ul li a:hover {background-image:url(../images/arrow_right.gif);} 
div#subnav ul li.active ul li.active a {background-image:url(../images/arrow_right.gif);}
div#subnav ul li.active ul li.active a:hover {background-image:url(../images/arrow_right.gif);}
div#subnav ul li.active ul li.parent a {background-image:url(../images/arrow_down.gif);}
div#subnav ul li.active ul li.parent a:hover {background-image:url(../images/arrow_down.gif);}
div#subnav ul li.active ul li.active ul li a {background-image:none;}
div#subnav ul li.active ul li.active ul li a:hover {background-image:url(../images/arrow_right.gif);}
div#subnav ul li.active ul li.active ul li.active a {background-image:url(../images/arrow_right.gif);}
div#subnav ul li.active ul li.active ul li.active a:hover {background-image:url(../images/arrow_right.gif);}
/* end arrows */

/* End of Sub-Nav stuff */

/* Site Map Stuff */
/* structure */
div#sitemapnav {width:250px; padding:0 0 30px 0;}
div#sitemapnav ul {list-style-type:none;}
div#sitemapnav ul li {line-height:normal;}
div#sitemapnav ul li a {padding:5px 8px 5px 18px; text-decoration:none; display:block; background-repeat:no-repeat; background-position:1% 50%; width:250px; w\idth:224px;}
div#sitemapnav ul ul {font-size:.92em;}
div#sitemapnav ul ul li a {padding:4px 8px 4px 35px; background-repeat:no-repeat; background-position:7% 50%; width:250px; w\idth:207px;} 
div#sitemapnav ul ul ul {font-size:1em;}
div#sitemapnav ul ul ul li a {padding:3px 8px 3px 52px; background-repeat:no-repeat; background-position:14% 50%; width:250px; w\idth:190px;}
/* end structure */


/* general typography */
h2, h3, h4, h5 {font-weight:normal;}
h2 {font-size:1.4em; margin:0 0 .4em 0;}
h3 {font-size:1.4em; margin:0 0 .4em 0;}
h4 {font-size:1.4em; margin:1em 0 .6em 0; border-bottom: 1px solid #D6D6D6;}
h5 {font-size:1.2em; margin:1em 0 0 0;}
h3.subtitle {margin:-.4em 0 0 0; font-size:1.1em; font-weight:bold;}
h6 {font-size:1em; margin:0;}
p {margin:0 0 1em 0;}
blockquote {margin:.5em 2em 1.5em 2em;}
acronym {border-bottom: 1px dashed #E8E8E8; cursor: help;}
hr {height:1px; border: 0; margin:0 0 8px 0;}
div#content div.line {border-bottom:1px solid #DED6C4; margin:0px 0 20px 0; height:2px; clear:left;}
div#content div.line hr {display:none;}
div#content div.invisibleline {border-bottom:none; margin:0px 0 0px 0; height:2px; clear:left;}
div#content div.invisibleline hr {display:none;}
/* end general typography */

/* floating images and captions */
.imcaprightborder {float:right; margin:4px 0 4px 12px; width:180px; border:1px solid #333333; background-color:#F4F2EC;}
.imcaprightborder p {margin:0; padding:6px; font-size:.92em;}
.imcaprightborder300 {float:right; margin:4px 0 4px 12px; width:300px; border:1px solid #333333; background-color:#F4F2EC;}
.imcaprightborder300 p {margin:0; padding:6px; font-size:.92em;}
.imcaprightborder400 {float:right; margin:4px 0 4px 12px; width:400px; border:1px solid #333333; background-color:#F4F2EC;}
.imcaprightborder400 p {margin:0; padding:6px; font-size:.92em;}
.imcapleftborder {float:left; margin:4px 12px 4px 0; width:180px; border:1px solid #333333; background-color:#F4F2EC;}
.imcapleftborder p {margin:0; padding:6px; font-size:.92em;}
.imlogo {float:left; margin:0 10px 4px 14px;}
.imcapmenusplash {float:left; margin:12px 16px 0 16px; width:150px; border:1px solid #333333; background-color:#F4F2EC;}
.imcapmenusplash p {margin:0; padding:6px; font-size:.92em;}
.imcapmenusplash img {border:0;}
.imcapmenusplashflash {float:left; margin:12px 16px 0 16px; width:138px; padding:6px; font-size:.92em; border:1px solid #333333; background-color:#C8D0FF;}
.imcapmenusplashflash:hover {background-color:#D8E0FF;}
.imcapmenusplashflash p {margin:0; padding:2px; font-size:1.1em; font-weight:bold;}
.imcapmenusplashflash a {text-decoration:none;}
.imcapmenusplashflash img {border:0;}
/* end of floating images and captions */