/* ------------------- */
/* GENERAL PAGE STYLES */
/* ------------------- */

/* Body
---------------------------------*/
body { background:url("/staticarchive/3d315d96163c394515af9c1a6c7007ab1aecea6b.gif") no-repeat;
color:#333344;
       font-family:Verdana, Arial, sans-serif;}

#page{ color:#656764;
       font-family:Verdana, Arial, sans-serif;}

a:link { color:#656764; font-weight: bold; text-decoration:underline;}
a { color:#656764; font-weight: bold; text-decoration:underline;}
a:hover {text-decoration:underline; font-weight: bold;}
a.bbcpageCrumb { color:#FBFE01; font-weight: bold; text-decoration:underline;}
a.bbcpageServices { color:#FBFE01; font-weight: bold; text-decoration:underline;}
.bbcpageServices { color:#ffffff;}

#banner {width:653px; height:67px;background:url("/staticarchive/7cd6ccdc18bca51855cc65f02a9888d4e53226d8.gif") no-repeat;}
#banner img {float:right; border:0px}


.home{width:100%; font-size: 80%; padding-left:8px; margin-top:25px;}

#crumb {font-size: 80%; padding-left:8px; margin-top:8px;}

#crumb a:link { color:#FBFE01; font-weight: bold; text-decoration:underline; padding-top:4px;}
#crumb a { color:#FBFE01; font-weight: bold; text-decoration:underline; padding-top:4px;}
#crumb a:hover {text-decoration:underline; font-weight: bold; padding-top:4px;}

#site_promo p.title{font-size: 70%; font-weight: bold; padding-top:2px; padding-bottom:2px; margin:0px; padding-left:4px; padding-right:4px;}
#site_promo p.quote{font-size: 70%; font-weight: normal; padding:0px; margin:0px; padding-left:4px; padding-right:4px;}
#site_promo p.watch{font-size: 70%; font-weight: normal; padding:0px; margin:0px; padding-left:4px; padding-right:4px;margin-top:5px}
#site_promo ul {margin-top:0px; padding-left:0px; margin-left:27px; }
#site_promo li a{font-size: 70%; font-weight: normal; padding:0px; margin:0px; padding-left:0px; padding-right:4px;}
#site_promo img, .leftbox img{padding-top:4px; padding-left:0px; padding-right:0px;margin-left:2px;}
#site_promo p.watch img  {padding-top: 0px; margin-right:6px}

#site_textbox { margin-top:5px; }
#site_textbox p.text{font-size: 70%; font-weight: normal; padding:0px; margin:0px; padding-left:4px; padding-right:4px;}
#site_textbox img{margin-right:4px; margin-top:4px; margin-bottom:4px;}

#site_base {background:#FCFF00; padding:5px;}
#site_base p.title{font-size: 100%; font-weight: bold; margin-top:0px; padding-left:4px;  padding-top:4px;}
#site_base p.text{font-size: 70%; font-weight: normal; padding-left:4px; padding-bottom:4px; margin:0px;}
#site_base ul.leftlist{float:left; list-style:none; font-size: 70%; padding-left:20px; margin:0px;}
#site_base ul.rightlist{float:left; list-style:none; font-size: 70%; margin:0 0 0 170px;}
#left_base ul.leftlist{float:none}
#right_base ul.rightlist{float:none}
#left_base{float:left; width:290px;margin-right:5px;}
#left_base #lefttext {height:30px}
#right_base #righttext {height:30px;}
#right_base{margin-left:296px;}


#generic p.title{font-size: small; font-weight: bold; padding-top:4px; margin:0px; padding-left:4px; }
#generic p.standfirst{font-size: x-small; font-weight: normal; padding-left:4px; padding-top:4px; padding-bottom:4px; margin:0px;}
#generic p.main_text{font-size: x-small; font-weight: normal; padding-left:4px; padding-top:4px; padding-bottom:4px; margin:0px;}
#generic li {font-size:x-small}
#generic li a{font-size:x-small}
.genericcontent {padding-left:5px; padding-bottom:10px;}
.flashmsg { font-size: 80%}
#generic .formdesc {width:160px; float:left; }

#site_main p.title{font-size: 80%; font-weight: bold; padding-left:4px; padding-top:0px; margin:0px;}
#site_main p.intro{font-size: 70%; font-weight: normal; padding:0 4px 4px 4px; margin:0px;}
#site_main ul{list-style:disk; font-size: 70%; padding:0px; margin-left:24px; margin-top:0px; margin-bottom:0px;}
#site_main p.media_link{font-size: 70%; float:right; margin-right:8px; margin-top:0px;}
#site_main img{padding-top:4px; padding-bottom:0px; margin:0px;}
#site_main .media_link img {padding: 0 2px 0 0}

#site_watch p.title{font-size: 80%; padding-left:4px; padding-top:4px; padding-bottom:4px; margin:0px;}
#site_watch p.intro{font-size: 70%; font-weight: normal; padding:0px; margin:4px 0px 0px 2px;}
#site_watch p.link{font-size: 65%; margin-top:7px;}
* html #site_watch p.link {margin-top:12px}

#site_watch img{padding-top:4px; padding-bottom:0px; margin:0px;}
#site_watch .link img {padding-top:0px; padding-right:2px;}

.toptitle50 {font-size: 110%; font-weight: bold; height:20px; padding-left:4px; }

#toptitle, #lefttitle, #righttitle {font-size: 110%; font-weight: bold; margin-top:0px; padding-left:4px;  padding-top:4px;}

#topbar {margin:0px; padding:0px;}

#toptext{margin-left:10px; padding-top:4px; padding-bottom:4px; font-size:70%;}

.timelinebox{background:url("/staticarchive/8d6e6c7560e83b0778c780d68b6f4a096f9b6bb6.jpg") no-repeat; height:219px; width:630px; margin:0px; padding-left:10px; }

.timelinebox a {margin:0px; padding:0px}

#timelinetext{padding-top:0px; margin-top:8px; width:640px; height:46px; background-color: FCFF00;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5; margin-bottom:10px;}

#timelinetext span{color:#000000; font-weight:bold; font-size:80%; }

#timelinetext p{padding-left:4px;}


.mainbox {background:url("/staticarchive/9fb15bee7c04f8b01d2203c1a0591be20b6132ad.gif") no-repeat;
font-size: 105%; font-weight: bold;  margin-left:10px; margin-right:4px; padding-bottom:4px; padding-top:4px; width:424px; height:100%;}


.watchbox {background: #FFFFFF; font-size: 105%; font-weight: bold; width:208px; margin-left:4px; height:206px; border-top:4px solid #fff}
* html .watchbox {height:210px}

.leftbox {background: #FCFF00 url("/staticarchive/b57e507c9194e1cbd466200ef5dd96e67ddd81a1.gif") no-repeat bottom;
font-size: 100%; font-weight: bold; margin-left:10px; margin-right:4px; margin-bottom:8px; margin-top:8px; padding-top:4px; padding-left:0px; height:500px;}
* html .leftbox {height:498px;}

.midboxtop {font-size: 100%; font-weight: bold;  background:#FCFF00; margin-left:6px; margin-right:4px; margin-top:8px; padding-top:4px; height:246px;width:208px}
* html .midboxtop {height:248px}

.midboxbase {background: #FCFF00 url("/staticarchive/494bf1242c22bc8b80b2198545d80c17a9a6ea2d.gif") no-repeat scroll bottom;
font-size: 100%; font-weight: bold; margin-left:6px; margin-right:4px; margin-top:8px; margin-bottom:8px; height:246px; width:208px; padding:0px;}
* html .midboxbase {height:242px}

.rightboxtop {font-size: 100%; font-weight: bold; width:208px; background:#FCFF00; margin-left:4px; margin-right:4px; margin-top:8px; padding-top:4px; height:246px;}
* html .rightboxtop {height:242px}

.rightboxbase {font-size: 100%; font-weight: bold; width:208px; background:#FCFF00; margin-left:4px; margin-right:4px; margin-top:8px;margin-bottom:8px; height:246px; }
* html .rightboxbase {height:242px}

.basebox {font-size: 100%; font-weight: bold; width:640px; height:120px; background:#FCFF00; margin-left:10px; padding-bottom:5px; margin-bottom:10px;}


/* LEFT NAVIGATION STARTS */
#leftnav { font-family:Arial, Verdana, sans-serif; margin-top:12px;padding-bottom:32px;width:110px;}
div.leftnavselected span {padding-left:8px;}
div.leftnavselected{color:#7D7D7D; font-size:95%; background:#f2f2f2; font-weight:bold; text-align:left; padding:0; width:110px;}
div.leftnavselected a{color:#7D7D7D;background:#f2f2f2;display:block; padding:2px 6px 1px 8px;text-decoration:none;}
div.leftnavselected a:hover{color:#7D7D7D;background:#f2f2f2;text-decoration:none;}
div.leftnavitem {background:#7D7D7D; font-weight:bold; text-align:left; padding:0; color:#fff; font-size:95%;}
div.leftnavitem a {color:#FAFF02; display:block; padding:2px 6px 1px 8px;text-decoration:none;}
div.leftnavitem a:hover {color:#575656; background:#f2f2f2; text-decoration:none; padding:2px 6px 1px 8px;}
/* LEFT SIDE NAVIGATION ENDS */