body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font:13px Verdana, Arial, Helvetica, sans-serif; color: #333333;
}

a{
color:#002BB8; 
text-decoration:none;
} 
a:hover{background: #E5F7FD;}
.link{color:#00aff0; } 

.twoColElsLtHdr #container {
	width: 988px;  
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top:9px;
} 

.twoColElsLtHdr #whitebg {  
    background:url('../imgs/bg_width.gif');
	position:relative; top:5px;
}

.twoColElsLtHdr #header {  
    background:url('../imgs/bg_width.gif');
		position:relative; top:15px;
 } 

#header .top-l, #header .top-c, #header .top-r, #bottom .bottom-l, #bottom .bottom-c, #bottom .bottom-r { float:left; }  

#header .top-l { background:url('../imgs/top_l.gif'); width:14px;} 

#header .top-c { background:url('../imgs/top_c.gif'); width:960px;} 

#header .top-r { background:url('../imgs/top_r.gif'); width:14px;} 

#bottom .bottom-l { background:url('../imgs/bot_l.gif'); width:14px;} 

#bottom .bottom-c { background:url('../imgs/bot_c.gif'); width:960px;} 

#bottom .bottom-r { background:url('../imgs/bot_r.gif'); width:14px;} 

#topleftmenu  { 
margin-top: 10px;
margin-left: 25px;
top:10px;
width:80%;
 } 

#logo  { 
margin-right: 50px;
padding-right:100px;
} 

.twoColElsLtHdr #sidebar1 {
	float: left; 
	width: 12em; /* since this element is floated, a width must be given */
	text-align:center;
}

#sidebar1 img { padding-left:10px;
}

.twoColElsLtHdr #sidebar1 h3, .twoColElsLtHdr #sidebar1 p {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}

.twoColElsLtHdr #mainContent {
	margin: 0 3em 0 13em; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
} 


#footer { 
background:url('../imgs/bg_widthfooter.gif'); 
height: 35px;
position:relative; top:1px; 
}

 
.twoColElsLtHdr #footer p  {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align: center;
	font-size: 10px;
}




/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#mainContent p {
line-height: 20px;
margin-bottom: 15px;
}


#mainContent  .small { 
font-size:10px;
line-height: 15px;
        }
  
.arr  {
line-height: 1.3em;
background:transparent url(http://news.bbc.co.uk/nol/shared/img/v3/arrow.gif) no-repeat 8px 8px;
padding:4px 0pt 4px 18px;
}


h3 {
font-size:18px;
color:#2F68B2;
}

h4 {
font-size:15px;
color:#2F68B2;
}

#mainContent ul li {
margin-bottom: 7px;
}

#mainContent ol li {
margin-bottom: 7px;
}


td {font:13px Verdana, Arial, Helvetica, sans-serif; color: #333333;} 

/* twitter search */
#sidebar_search input{border-color:#b4b4b4 #ccc #ccc #b4b4b4;border-style:solid none solid solid;border-width:1px 0 1px 1px;font-size:1em;padding:.4em;width:136px!important;margin:.25em 0 .25em 12px;outline:none;}
.ie #sidebar_search input{position:relative;width:145px!important;}
.ie #sidebar_search .submit{position:relative;top:0;left:-10px;width:8px;margin-left:0;margin-right:0;}
#sidebar_search_submit{background:url('../imgs/nav_search_submit.png') -2px 0!important;}
#sidebar_search_submit:hover{background:url('../imgs/nav_search_submit.png') -2px -25px!important;}
#sidebar_search_submit:active{background:url('../imgs/nav_search_submit.png') -2px -50px!important;}
#sidebar_search_submit.loading,#sidebar_search_submit.loading:hover,#sidebar_search_submit.loading:active{background:#eee url('http://static.twitter.com/images/spinner.gif') no-repeat 5px 5px!important;}

#sidebar_search input,#sidebar_search_submit{padding-top:5px!important;padding-bottom:5px!important;border-color:#999!important;vertical-align:middle;}
#sidebar_search .submit{-moz-border-radius-bottomright:3px;-moz-border-radius-topright:3px;-webkit-border-radius-bottom-right:3px;-webkit-border-radius-top-right:3px;background-color:#EEE;background-position:center top;border-style:solid;border-width:1px;cursor:pointer;padding:.4em .9em;}

.round-left{-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px;-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;}
.round-right{-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;}

.round-top-left{-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;}
.round-top{-moz-border-radius-topright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-webkit-border-top-right-radius:5px;-webkit-border-top-left-radius:5px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;}

.col1, .col2, .col3, .col4, #topleftmenu, #logo  { float:left; }


.col1, .col2 { width:50%; }

.clearfloat { 
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.icons p { margin-bottom:0px; padding-bottom: 10px; }