
body{
margin:0;
padding:0;
line-height: 1.2em;
background:/*#fefef8*//*#9FABC5*/#8896B7;
background-image:url(images/bls_back.jpg);
background-position:top center;
color: #000;
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 900px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background: #FFFFFF;
}

#topsection{
background: #ffffff;
background-image:url(images/bls_header_back.jpg);
background-position:top;
background-repeat:no-repeat;
height: 235px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-right: 330px; /*Set right margin to RightColumnWidth*/
/*margin-top: 120px;*/
margin-left:30px;
}
#contentcolumn h1 {
padding-bottom: 10px;
font-family: georgia, "times new roman", times, serif;
font-size:1.1em;
/*margin-left: 10px;*/
background-image:url(images/underline.gif);
background-repeat:no-repeat; 
}
#contentcolumn p {
font-size:0.7em;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#contentcolumn h2 {
padding-bottom: 10px;
font-size:0.8em;
font-weight: bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image:url(images/underline.gif);
background-repeat:no-repeat; 
}
#contentcolumn td {
font-size:0.7em;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#rightcolumn{
float: left;
width: 310px; /*Width of right column*/
margin-left: -310px; /*Set left margin to -(RightColumnWidth) */
background: #FFFFFF;
/*margin-top: 120px;*/
}

#footer{
clear: left;
width: 100%;
/*background: black;*/
/*color: #FFF;*/
text-align: center;
background-image:url(images/bls_footer.jpg);
background-repeat:no-repeat;
/*padding: 35px 0;*/
height: 71px;
}
#footer p {
padding-top: 45px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px
}

#footer a {
color: #000000;
}

.innertubetop{
background-image:url(images/bls_header_front.gif);
background-repeat:no-repeat;
background-position: 45% 50%;
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
padding-top:30px;
/*margin-left:30px;*/
height: 200px;
z-index: 5;
}
.innertube{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
/*padding-top:45px;*/
margin-left:5px;
}

/*-------------menu-------------------*/

#menu {padding:0; margin:0 0 0 0px; list-style:none; height:50px; background:url(ulback.gif) repeat-x;}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu li {float:left;}
#menu li a {display:block; height:50px; line-height:25px; padding:0 20px 0 0; float:left; color:#ddd; background:url(tab_a.gif) no-repeat right -25px; text-decoration:none; font-size:10px;}
#menu li a b {display:block; height:50px; float:left; padding:0 0 0 20px; background:url(tab_b.gif) no-repeat left -25px; cursor:pointer;}
#menu li a:hover,
#menu li a:active,
#menu li a:focus,
.home #menu li#home a,
.single #menu li#single a,
.dropdown #menu li#dropdown a,
.dropline #menu li#dropline a,
.flyout #menu li#flyout a,
.support #menu li#support a,
.contact #menu li#contact a
{background:url(tab_a.gif) no-repeat right -10px; line-height:50px; color:#fff;}
#menu li a:hover b,
#menu li a:active b,
#menu li a:focus b,
.home #menu li#home a b,
.single #menu li#single a b,
.dropdown #menu li#dropdown a b,
.dropline #menu li#dropline a b,
.flyout #menu li#flyout a b,
.support #menu li#support a b,
.contact #menu li#contact a b
{background:url(tab_b.gif) no-repeat left -10px; line-height:50px;}

#menudiv {
/*position:absolute; */
width:465px; 
height:57px; 
z-index:1; 
float:right;
margin-top: 10px;
}
#banner {
margin-left:140px;
margin-top: /*15*/6px;
height:89px;
/*margin-bottom: -80px;*/
}
#login {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
width:140px; 
z-index:20; 
margin-top: -10px; 
margin-left:750px;
}
.map {
postion: relative;
border-width: 1px; 
border-style: solid; 
color:#FF9933;
width: 249px;
text-align:center;
font-size:11px;
z-index: -1;
}
.ukmap {
postion: relative;
border-width: 1px; 
border-style: solid; 
color:#FF9933;
width: 249px;
text-align:center;
font-size:11px;
z-index: 90;
}
h5 {
padding-top: 17px;
padding-left: 15px;
margin-bottom: 0px;
/*padding-bottom: 10px;*/
/*padding-bottom: 10px;*/
font-family: georgia, "times new roman", times, serif;
font-size:0.9em;
/*margin-left: 10px;*/
background-image:url(images/h5_back.gif); 
background-repeat:no-repeat;
/*background-position:bottom;*/
height: 35px;
}

#cd {
	margin: auto;
	height: 50px;
	width: 450px;
	font-family: "Courier New", Courier, mono;
	font-size: 12pt;
	color: #000;
	text-align: center;
	font-weight: bold;
	/*background-image: url(back.jpg);*/
	vertical-align: middle;
}

a:visited {color: #000000; text-decoration: none;}
a:link {color: #000000; text-decoration: none; }
a:active {color: #000000; text-decoration: none; }
a:hover {color: #000000; text-decoration: underline; }

/* ------ map rollover styling ------ */

/* setup the background image of the British Isles */
.uk {padding:0; margin:0; list-style-type:none; background:#fff url(images/britain_djf.jpg); background-repeat: no-repeat; width:200px; height:350px; margin:0px 0px 0px 20px; position:relative; z-index:100; text-align:left;}
/* move the text off screen */
.uk li a {text-indent:-9999px; display:block; width:8px; height:8px; background:#000; position:absolute; line-height:8px;}
/* make the images and description invisible and an absolute position so that it does not take up any space */
.uk li a em {visibility:hidden; position:absolute;}
/* position the square markers */
/*.uk li a.bs {top:288px; left:190px;}*/
/*.uk li a.ln {top:250px; left:135px;}
.uk li a.sw {top:282px; left:162px;}*/
/*.uk li a.nt {top:235px; left:210px;}*/
.uk li a.la {top:185px; left:89px;}
.uk li a.dudl {top:240px; left:103px;}
.uk li a.wol1 {top:235px; left:105px;}
.uk li a.wol2 {top:238px; left:108px;}
.uk li a.chelt {top:250px; left:108px;}
.uk li a.glos {top:255px; left:106px;}
.uk li a.basi {top:270px; left:125px;}
.uk li a.asco {top:265px; left:135px;}
.uk li a.asco1 {top:267px; left:137px;}
.uk li a.colch {top:260px; left:162px;}
.uk li a.camb {top:250px; left:150px;}
.uk li a.hunt {top:245px; left:145px;}
.uk li a.yarm {top:238px; left:188px;}
.uk li a.taun {top:285px; left:96px;}
.uk li a.glasg {top:115px; left:60px;}
.uk li a.oldh {top:205px; left:109px;}
.uk li a.card {top:273px; left:75px;}
.uk li a.newp {top:270px; left:85px;}
.uk li a.belf {top:169px; left:28px;}
.uk li a.wrex {top:220px; left:88px;}
.uk li a.ringw {top:292px; left:110px;}
.uk li a.man {top:182px; left:58px;}
.uk li a.sheff {top:214px; left:125px;}
.uk li a.live {top:205px; left:90px;}
.uk li a.aber {top:70px; left:100px;}
/*.uk li a.bf {top:172px; left:112px;}*/
/*.uk li a.du {top:220px; left:105px;}*/
/* move the text back into view on hover */
.uk li a:hover {background:#000000; text-indent:0; height:1.2em; font-size:1em; color:#fff; line-height:1em; padding:2px 10px; width:90px; text-decoration:none;}
/* hack for IE5.x */
* html .uk li a:hover {width:110px; height:1.5em; width:90px; height:1.2em; font-size:11px;}
/* make the descriptive text visible, give it a size and position */
.uk li a:hover em {visibility:visible; margin-left:5px; background:#fff; border:1px solid #000000; width:150px; color:#600; padding:25px;font-style:normal; top:-135px; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande", arial, sans-serif; letter-spacing:1px; line-height:1.5em;}
/* hack for IE5.x */
* html .uk li a:hover em {width:200px; width:150px;}
/* give the image a border and margin */
.uk li a:hover em img {border:1px solid #000; display:block; margin-bottom:10px;}
/* style the empty span (I know it's not semantically correct) into an arrow point */
.uk li a:hover em span {display:block; width:0; height:0; overflow:hidden; border:15px solid #fff; border-width:15px 0 15px 15px; border-left-color:#000000; position:absolute; left:0; top:128px;}
/* hack for IE5.x */
* html .uk li a:hover em span {width:30px; height:30px; width:0; height:0;}