/*	C f B T   W e b s i t e :   G L O B A L   S T Y L E S H E E T
	Developed by SL and AC, Spring/Summer 2004
		Last Edit: 23rd June 2004
		By: Ian Parkins
		Modified:Large recode based on original
		Reason:	cross browser rendering problem fixing
				layout and logical re-ordering

	As its name suggests, this is the stylesheet for all templates across the site.
 	However, most templates also load an additional sheet for their own individual characteristics.
*/

body 
{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
}

h1
{
	margin-left:-1px;
	font-size:1.3em;
}

h2
{
	font-size:1.1em;
}

h3
{
	font-size:1.0em;
}

a:link, a:active 
{
	color:#204F80;
	text-decoration:none;
}

a:hover, a:visited
{
	text-decoration:none;
}

img
{
	margin:0;
	border:0;
}

div#overall_container 
{
	width:763px;
	background: url(../images/LHbkground.gif) repeat-y;
}

div#banner_container
{
	height:81px;
	background:#fff;
}

div#banner_container #banner a
{
	/*float:left;*/
	position:relative;
	top:0;
	left:0;
}

div#banner_container #logo 
{
	position:absolute;
	top:0;
	left:705px;
}

div#banner_container #search_container	/* Search facility */
{
	position:absolute;
	top:20px;
	left:500px;
}

div#banner_container #search_container p, 
div#banner_container #search_container form
{
	margin:0;
	padding:0;
}

div#banner_container #search_container #searchtext 
{
	margin-left:3px;	/* match the #searchform's padding */
	width: 200px;
	font-family:Arial, sans-serif;
	font-size:0.7em;
	font-weight:900;
	color:#547396;
}

div#banner_container #search_container #searchform
{
	background:#fff;
	padding:3px;	/* match the #searchtext's left-margin */
}

div#banner_container #search_container #searchform .button 
{
	font-size:11px;
}

div#banner_container #search_container #searchform input.textBox
{
	width:150px;
	border:1px;
	border:solid #bacbe5 2px;
	
}

div#left_container /* Other sections/containers/etcetera */
{	
	clear:both;
	float:left;
	margin:0;
	padding:0;
	width:150px;
}

div#left_container #menu_container a
{
	color:#fff;
}

div#left_container #menu_container a:hover, 
div#left_container #menu_container a:active
{
	color:#D3E4F2;
	text-decoration:none;
}

div#left_container #menu_container /* The left-hand navigation menu(s) */
{
	padding-top:14px;
	padding-bottom:16px;
	background:#6383a8;
}

div#left_container #menu_container .menuLevel1 /* Level ONE menu */
{
	margin:0;
	padding-bottom:5px;
	padding-left:5px;
	width:140px;
	font-size:77%;
}

div#left_container #menu_container .menuLevel1 img
{
	border:0;
	padding:1px 5px 2px 1px;
	vertical-align:middle;
}

div#left_container #menu_container .menuLevel1 p
{
	margin:0;
	margin-top:9px;
	border:solid;
	border-color:#9BB9DB;
	border-width:1px;
	width:120px;
	vertical-align:middle;
	background-image: url(../images/nav/background.gif);
}



div#left_container #menu_container .menuLevel2	/* Level TWO menu */
{
	margin: 4px 3px 0 -4px;
	padding-bottom:5px;
	padding-left:30px;
	font-size: 70%;
}

div#left_container #menu_container .menuLevel2 li 
{
	margin-bottom:4px;
	list-style-image: url(../images/nav/L2_white.gif);
}




div#left_container #menu_container .menuLevel3	/* Level THREE menu */
{
	margin: 4px 3px 0 -4px;
	padding-bottom:5px;
	padding-left:10px;
	font-size: 90%;
}

div#left_container #menu_container .menuLevel3 li 
{
	margin-bottom:4px;
	list-style-image: url(../images/nav/L3_white.gif);
}




div#left_container #quickfind /* The Quickfind facility */
{
	margin-top:16px;
	margin-bottom:30px;
	padding:0 2px 3px 3px;
	font-size:0.8em;
	font-weight:900;
	color: #547396;
}

div#left_container #quickfind form, 
div#left_container #quickfind p, 
div#left_container #quickfind #QFtitle,
div#left_container #quickfind #QFmenu
{
	margin: 0;
	padding: 0;
}

div#left_container #quickfind select
{
	float:left;
	font-size:0.9em;
	width:117px;
}

div#left_container #quickfind .button
{
	margin-left:2px;
	height:1.9em;
	font-size:0.7em;
}

div#left_container #quickfind #QFmenu 
{
	margin-top:7px;
}

div#centre_container 
{
	float:left;
	margin: 0 0 5px 9px;
	border-top:solid 2px #2F598B;
	width:330px;
}

div#centre_container ul li 
{
	padding:0px;
	margin:0px;
 	list-style-image:url(../images/bullet_bodytxt.gif);
}

div#centre_container.research
{
	width:500px;
}

div#centre_container a
{
	color:#2E5B89;
	text-decoration:underline;
	background-position:bottom;
}

div#centre_container a:hover, div#centre_container a:active
{
	color:#002654;
}

div#centre_container #body_title_image
{
	float:left;
	display:block;
	height:28px;
}

div#centre_container #bodytext 
{
	float:left;
	margin-top:10px;
	padding-left:5px;
	width:95%;
	font-size:0.75em;
	color:#2e5b89;
}

div#centre_container #bodytext p 
{
	margin-bottom:10px;
}

div#centre_container #teasers 
{
	position:relative;
	clear:left;
	width:342px;
	color:#336699;
}

div#centre_container #teasers img 
{
	vertical-align:bottom;
}


div#navcolumn
{
	float:right;
}

div#right_container 
{
	float:right;
	border-top:2px solid #2F598B;
}

div#right_container #RH_image img 
{
	display:block;
	border-bottom:3px solid #2F598B;
}

div#right_container #righthand ul 
{
	list-style:none;
}

#right_container p
{
	padding: 0;
	margin: 0;
}

#right_container td
{
	color: #2f598b;
}

div#footer
{
	clear:both;
	padding:1px 0 2px 0;
	border-top:4px solid #fff;
	width:763px;
	font-size:0.6em;
	text-align:center;
	color:#fff;
	background:#2F598B;
}

#footer ul, #footer ul li
{
	margin:0;
	padding:0;
	display:inline;
}

#footer ul li
{
	padding-left:6px;
	padding-right:3px;
	background: url(../images/wblock.gif) no-repeat;
	background-position:left center;
}

#footer ul li a
{
	color:#fff;
}

#footer ul
{
	background: url(../images/wblock.gif) no-repeat;
	background-position:right center;
}

#footer ul li a:hover, #footer ul li a:active 
{
	color:#fff;
	background:url(../images/linkbg.gif) repeat-x;
	background-position:bottom;
}

input.textBox
{
	font-size:0.7em;
	font-weight:normal;
	background-color:#fff;
	border-color:#bacbe5;
	border-style:solid;
	border-left:1px;
	border-right:1px;
	border-top:1px;
	border-bottom:1px;
}

.button
{
	padding:0;
	border:1px solid #38567c;
	background-color:#bacbe5;
	color:#3366cc;
}

img.block
{
	/* This is used by icons with class="block" so that
	you don't get whitespace appearing under it in Netscape */
	display: block;
}

#ItemsPanel
{
	margin:0 -3px 0 0;
}

#SlimItemsPanel
{
	margin:0;
	padding:0;
}

#ItemsPanel td
{
	border-top:4px solid white;
	border-right:0px solid white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	vertical-align:top;
}

#SlimItemsPanel td
{
	border-top:4px solid white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	vertical-align:top;
}

#ItemsPanel td.Items, 
#SlimItemsPanel td.Items
{
 	width:100%;
	padding:1px;
	padding-bottom:8px;
}

#ItemsPanel td.Items ul, 
#SlimItemsPanel td.Items ul
{
	padding:0 0 0 10px;
	margin:0 0 0 10px;
 	list-style-image:url(../images/bullet_trio.gif);
}

#ItemsPanel td.Items ul li a, 
#SlimItemsPanel td.Items ul li a
{
	color:#336699;
}

#ItemsPanel td.Items ul li a:hover, 
#SlimItemsPanel td.Items ul li a:hover
{
	background:#fff;
}

.borderless, .borderless td
{
	border:1px solid #fff;
}


#contact_details {
	padding: 7px 5px 9px 5px;
	font-size: 70%;
	color: #204f80;
	}

#contact_details p {
	margin: 0;
	padding: 0;
	}

#contact_details div {
	margin: 0 0 4px 0;
	}

#contact_details a {
	text-decoration: underline;
	color: #204f80;
	}

#contact_details a:hover {
	color: #002f60;
	}