/* 
-------------------------------------------------------------------
CLIENT
Authored by: P.Bedwell, Reading Room Ltd on 23/04/2009
Global Site Stylesheet
-------------------------------------------------------------------

Colours:
---------

Grey Background		#d9dac7
Drk Green			#757903
Drk Grey   			#333333
Lgt green   		#f2fad5
*/


/* Simple reset */		

html {height: 102%;}
html * { margin: 0; padding: 0; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; color: #555; background: #d9dac7; text-align: center; }
a#skip { position: absolute; left: -9999px;  z-index: 2; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight: 800; text-align: center; display: block;}
a:focus#skip  { top: 0; left: 0; margin:  0 25px; width: 920px; padding-bottom: 6px;  background:url(/images/backgrounds/tabMenu.gif) center bottom no-repeat;  }
a:focus#skip span  { display: block;  color: #fff; padding: .5em; background: #8C900F; } 

/* Default Styles */

img { border: 0; }
img.left { float: left; }
img.right { float: right; }

h1, h2, h3, h4, p, ul, ol, dl, table { line-height: 1.4em; } 

h1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 2.3em; font-weight: normal; color: #757903;  text-transform: uppercase; }
h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.95em; font-weight: normal; color: #757903; margin-top: .5em; }
h3 { clear: left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.6em; font-weight: 800; color: #555;  margin-top: .8em;  }
h4 { font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: 800; color: #555; margin-top: 1.15em;  }

p, ul, ol, dl, table {margin-top: 1em; font-size: 1.2em;}
dd { margin-bottom: 1.5em; }
dt { font-weight: 800; }
ul, ol { margin-left: 30px; }
blockquote {  }
blockquote p { }

table { width: 100%; margin-top: 1.5em; border: 2px solid #999; border-collapse: collapse; }
caption { margin: 0 0 1em 0; }
th, td { border: 1px solid #999; padding: .3em; empty-cells: hide; text-align: left; vertical-align: top; }
thead th { color: #fff; text-align: left; background: #333; border-bottom-width: 2px; }
tbody th {  color: #fff; text-align: left; background: #666; border-right-width: 2px; }
tfoot th { color: #fff; text-align: left; background: #333; border-top-width: 2px; border-right-width: 2px; }
tfoot td {  color: #fff;  text-align: left; background: #666; border-top-width: 2px; }
col.alt { background: #ccc; }

fieldset { border: none; }

legend, label, input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; }

abbr { border: 0; }
address { font-style: normal; }

a { color: #757903; outline: none; text-decoration: underline; }
a:hover, a:active, a:focus { text-decoration: none; }

hr {float: left; clear: both; margin-bottom: 1.5em; width: 100%; border-top: 1px solid #000; border-bottom: 1px solid #ccc; }

/* Core struture */

#wrapper { position: relative; margin: 0 auto; padding: 0 5px; width: 960px; text-align:left; background: #fff url(/images/backgrounds/site.gif) center top repeat-y; z-index:1; overflow-y: hidden; }
#pageBody {	float: left; clear: both; width: 920px; padding: 0 20px 2em 20px; background: #fff; }
#homeContent { float: left; width: 100%; clear: both; }
#mainContent { float: left; width: 448px; background: #fff; padding: 0 30px; }
.fullWidth #mainContent { float: left; clear: both; width: 678px; background: #fff; padding: 0 0; }
.wideWidth #mainContent { float: left; width: 678px; background: #fff; padding: 0 0 0 30px; }


#leftCol { float: left; width: 206px;  }
#rightCol { float: left; width: 206px; }

#header { position: relative; float: left; clear: both; width: 920px; padding: 0 20px 23px; background: #fff url(/images/backgrounds/header.gif) 0 0 no-repeat; }
#header #logo { float: left; margin: 57px 0 0; height: 50px; font-size: 2.5em; font-weight: normal; background: url(/images/backgrounds/logo.gif) 165px 57px repeat-y;   }
#header #logo a { float: left; display: block;}
#header #logo #logoLondon { padding-right: 12px; }
#header #logo #logoBBP{ padding-left:12px; }
#header #frmSiteSearch fieldset { float: right; padding: 0 20px 0 0; }
#header #siteLogin { font-family: "Trebuchet MS"; float: right; font-size: 1.55em; font-weight:800;  margin: 84px 0 0 0; line-height: 1.6em; text-transform: uppercase; }
#header #siteLogin a { float: left; display: block; padding:  0 35px 0 0; background: url(/images/buttons/linkArrow.gif) right center no-repeat; text-decoration: none; }
#header #siteLogin a:hover, #header #siteLogin a:focus, #header #siteLogin a:active { text-decoration: underline; }

#menu { float: left; clear: both; width: 100%; margin: 0 0 2em 0; border-bottom: 1px solid #555;  }
#menu ul { float: left; font-family: "Trebuchet MS"; font-size: 1.4em; font-weight:800; line-height: 2.2em; width: 100%; margin: 0; list-style: none; text-transform: uppercase;  border-bottom: 7px solid #757903; background: #555 url(/images/backgrounds/menuContainer.gif) 0 0 repeat-x; }
#menu li { float: left; border-right: 1px solid #717171; }
#menu li.on { border-right: 1px solid #757903; }
#menu li a { float: left; display: block; padding: .7em 16px; height: 2.2em; color: #fff; background: url(/images/backgrounds/menu.gif) 0 0 repeat-x; text-decoration: none; }
#menu li a:hover, #menu li a:focus, #menu li a:active { background: #555; text-decoration: underline; }
#menu li.on a {  background: #757903; background: url(/images/backgrounds/menu.gif) 0 -100px repeat-x;}
#menu li.on a:hover, #menu li.on a:focus, #menu li.on a:active { background: #8c900f; }

#subMenu { font-family: "Trebuchet MS"; float: left; clear: both; font-size: 1.4em; font-weight:800; width: 204px; margin: 0 0 1em 0; list-style: none; border-width: 0 1px 1px 1px; border-color: #9da20b; border-style: solid; }
#subMenu li { float: left; clear: both; width: 100%;  border-top: 1px solid #9da20b; }
#subMenu li a { float: left; display: block; width: 172px; padding: .5em 16px .5em 16px;  color: #fff; background: #383838 url(/images/backgrounds/subMenu.gif) center top repeat-x;  text-decoration: none;  }
#subMenu li a:hover, #subMenu li a:focus, #subMenu a:active { background: #555; text-decoration: underline; }
#subMenu li.on a { background: #757903 url(/images/backgrounds/subMenuOn.gif) center top repeat-x;}
#subMenu li.on a:hover, #subMenu li.on a:focus, #subMenu li.on a:active { background: #8c900f; }
#subMenu li.on ul { margin: 0; list-style: none; font-size: 1em; }
#subMenu li.on ul li a { color: #333; width: 148px; padding: .5em 20px .5em 36px; background: #f2fad5 url(/images/bullets/subMenu.gif) 22px 1.1em no-repeat; }
#subMenu li.on ul li a:hover, #subMenu li.on ul li a:focus, #subMenu li.on ul li a:active { background: #f2fad5 url(/images/bullets/subMenu.gif) 22px 1.1em no-repeat; }

#breadcrumb {  font-size: .95em; float: left;  margin: 0 0 1em 0; width: 448px; padding: 0 30px; background: #fff; }
.fullWidth #breadcrumb { padding: 0; }
#breadcrumb p {	display: inline; padding: 0 0 0 0; }
#breadcrumb ol  { display: inline; text-align: right; list-style: none; margin: 0 0 .5em 0; }
#breadcrumb ol li { display: inline;  }
#breadcrumb ol li a { padding: 0 8px 0 5px; background: url(/images/backgrounds/breadcrumb.gif) right center no-repeat; text-decoration: none; }
#breadcrumb ol li a:hover, #breadcrumb ol li a:focus, #breadcrumb ol li a:active { text-decoration: underline; } 
#breadcrumb ol li.last { padding-left: 5px; }

#footer { font-size: .95em;  clear: both; margin: 0 20px; padding: 2em 0 2em 0; width: 920px; border-top: 1px solid #757903; }
#footer a { text-decoration: none; }
#footer a:hover, #footer a:focus, #footer a:active { text-decoration: underline; }  
#footerMenu { text-align: right; list-style: none; margin: 0 0 .5em 0; }
#footerMenu li { display: inline;  }
#footerMenu li a { padding: 0 8px 0 5px; background: url(/images/backgrounds/footer.gif) right center no-repeat;}
#footerMenu li.last a { background: none; padding-right: 0; }
#footerRR { margin: 0; text-align: right; }
#footerRR a { color: #333; }

/* maincontent */

.topRow { float: left; clear: both; width: 100%;  }
.bottomRow { float: left; clear: both; width: 100%; }
.featureImageHome { float: left; position: relative; margin-top: 1em; width: 608px;  }
.featureImageHome h1 { position: absolute; top: 10px; left: 20px; width: 576px; margin-top: 0; font-size:2.95em; color: #fff; }  
.featureImageHome img { border: 1px solid #333; background: #193f5d; }
.welcomeHome { float: right; margin-top: 1em; width: 292px; }
.welcomeHome h2 { text-transform: uppercase; }
.welcomeHome p { margin-top: .5em;  }
.featuredContentHome { float: right; margin: 0; padding: 0; width: 292px; list-style: none; text-transform: uppercase; }
.standfirst { font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; margin-top: 1em; }

.logoListContainer{ clear: both; min-height: 8em; position: relative;}
.homePartners { float: left; clear: both; width: 100%; list-style: none; margin: 1.5em 0 0 0;}
.homePartners li { float: left; margin:0;}
.homePartners li a { display: block; width: 135px; padding: 0 0 0 15px; text-align: center;}
.logoListContainer a.control {position: absolute; bottom: 0; right: 0; display: none; }

.featureImage { margin-top: 1em; }
.featuredContent { margin: 0; padding: 0; list-style: none; text-transform: uppercase; }
.featureButton { font-family: "Trebuchet MS"; float: left; display:block; width:202px; margin: 0 0 4px 0; padding: 0; border: 1px solid #757903;  }
.featureButton a { float: left; display:block; width:200px; padding: 0;  color: #fff; text-decoration: none; border: 1px solid #b6b668; }

.featuredContentHome .featureButton { width:290px; font-size: 2em; }
.featuredContentHome .featureButton a { width:266px;}
.featuredContentHome .featureButton span { float: left; display: block; padding: 1.25em 0 1.25em 76px; cursor: pointer;  }
.featuredContentHome .tickButton span { background:  url(/images/buttons/tickBig.gif) 0 center no-repeat;  }
.featuredContentHome .downloadButton span { background: url(/images/buttons/downloadBig.gif) 0 center no-repeat; padding: .7em 0 .7em 76px; }

.readMore { font-family: "Trebuchet MS"; font-size: 1.35em; font-weight:800; float: right; line-height: 3em; text-transform: uppercase; }
.readMore a { float: left; display: block; padding:  0 35px 0 0; background: url(/images/buttons/linkArrow.gif) right center no-repeat; text-decoration: none; }
.readMore a:hover, .readMore a:focus, .readMore a:active { text-decoration: underline; }

.tabbedContainer { position: relative; top: -4.7em; margin-bottom: -4.7em; float: left; clear: both; width: 608px;  }
.tabbedContent { float: left; width: 606px; border: 1px solid #757903; border-top-width: 6px; }
.tabContent2, .tabContent3 { display: none;}
.tabbedContent .inner { float: left; width: 295px; padding: 1em 15px 0 15px; }
.tabbedContent h2 { position: absolute; left: -9999px; }
.tabbedContent h3 { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #757903; }
.tabbedContent p { margin-top: 0; }
.tabbedContent img { margin: 1.5em 0 1.5em 0; }

.tabs { position: relative; bottom: -12px; float: left;  width: 608px;  margin: 0 0 0 0; }
.tabs ul { float: left; font-family: "Trebuchet MS"; font-size: 1.4em; font-weight:800; line-height: 1em; width: 100%; margin: 0; list-style: none; text-transform: uppercase;   }
.tabs li { float: left; border-top: 1px solid #717171; }
.tabs li.on span { float: left; display: block;  padding-bottom: 12px;  background:url(/images/backgrounds/tabMenu.gif) center bottom no-repeat; }
.tabs li a { float: left; display: block; padding: .7em 16px; height: 1em; color: #fff; background: #555 url(/images/backgrounds/menu.gif) 0 0 repeat-x; text-decoration: none; border-right: 1px solid #717171; }
.tabs li a:hover, #menu li a:focus, #menu li a:active { background: #555; text-decoration: underline; }
.tabs li.on a { background: #757903 url(/images/backgrounds/menu.gif) 0 -100px repeat-x;}
.tabs li.on a:hover, #menu li.on a:focus, #menu li.on a:active { background: #8c900f; }

.releaseListing { float: left; clear: both; width: 678px; margin: 1em 0 0; padding: 0; font-size: 1em; }
.eventDiary .releaseListing { margin-top: 20px;}
.releaseListing li { list-style: none; margin: 0 0 1em 0; padding: 0; border: 1px solid #eee; }
.releaseListing li .heading { float: left; width: 658px; clear: both; padding: .5em 10px; background: #eee; }
ul.releaseListing li h2 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1.2em; font-weight: 800; margin: 0 8em 0 0; }
.releaseListing li .date { float: right; font-size: 1.2em; line-height: 1.4em; background: #eee; }
.releaseListing li p { clear: both; padding:  0 10px 5px 10px; }
.releaseListing li p.readmore { margin: 0; }

.pagination { float: left; clear: both; width: 100%; }
.pagination ul { margin-left: 0; list-style: none; }
.pagination ul.backLinks { float: left; clear: none; width: auto; }
.pagination ul.forwardLinks { float: right; clear: none; width: auto; }
.pagination ul li { float: left; clear: none; width: auto; }
.pagination p {	text-align: center; margin-bottom: 0; }
.pagination ol { float: none; list-style: none; margin: 0; text-align: center; }
.pagination ol li { float: none; clear: none; display: inline; padding: 0 .3em; }
.pagination .first { margin: 0 10px 0 0; }
.pagination .first a { padding: 0 0 0 10px; }
.pagination .previous a { padding: 0 0 0 10px; }
.pagination .next a  { padding: 0 10px 0 0; }
.pagination .last { margin: 0 0 0 10px; }
.pagination .last a { padding: 0 10px 0 0; }

/* Forms */

.form { float: left; font-size: 1em; width: 678px; margin: 2em 0 1em 0; }
.form fieldset { float: left; clear: both; width: 100%;  margin: 0 0 20px 0; }
.form legend {color: #333; font-size: 1.3em; padding: 0 5px .5em 130px; }
legend.hide { font-size: 0; text-indent: -9999px; }
	
.frmRow,
.frmRowTextarea,
.frmRowSelect,
.frmRowRadio,
.frmRowRadioHoriz,
.frmRowCheck,
.frmRowCheckHoriz,
.frmRowBtn { float: left; clear: both; width: 100%; padding-bottom: 1em; }
.frmRowRadio { padding: 1em 0 0 0;}
.frmRowBtn { padding: 0 1em 0 40em; width: auto; }
.frmRowRadio span { float: left;  clear: both; display: block; width: 100%; padding-bottom: .5em; }
.frmRowRadioHoriz fieldset { width: auto; padding-left: 130px; }
.frmRowRadioHoriz legend { padding-left: 0; }

.frmRow label,
.frmRowTextarea label,
.frmRowSelect label { float: left; display: block; width: 125px; margin-right: 5px; padding-top: 5px; text-align: right; }
.frmRowSelect label { padding-top: 2px; }
.frmRow input,
.frmRowTextarea textarea { width: 30em; padding: 3px; }

.frmRowSelect option { padding-right: 8px; }

.frmRowRadio label,
.frmRowCheck label { float: left; display: block; width: 250px;  }
.frmRowRadio input { float: left; margin: 0 5px 0 130px; }
.frmRowCheck input { float: left; margin: 0 5px 0 130px; }
.frmRowRadioHoriz input { float: left; margin-right: 5px; }
.frmRowRadioHoriz label { float: left; display: block; width: auto; position: relative; margin-right: 10px; }

.frmRowBtn input { text-align: right; float: left; display: block; margin: 0; font-family: "Trebuchet MS"; font-size: 1.6em; font-weight:800; color: #757903; border: 0; padding: 5px 30px 5px 0; text-transform: uppercase; background: #fff url(/images/buttons/linkArrow.gif) right center no-repeat; cursor: pointer; }
.frmRowBtn input:focus, .frmRowBtn input:hover { text-decoration: underline;}

.required span { }

.frmErrorMsg { padding-left:130px; padding-bottom: 2em;}
.frmErrorMsg p { font-weight: 800; color: #ff0000; margin: 0 0 .5em 0; }
.frmErrorMsg ul { color: #ff0000; list-style: none; margin: 0; }
.frmErrorMsg a { color: #ff0000; }
.frmError { margin-bottom: 1em; padding-top: 1em; border: 1px #ff0000 solid; background: #ffcccc; }

.hide { display: none; }



/* -- Sitemap -- */

#site_map ul {
	margin: 0 0 0 10px;
}

#site_map ul li {
	list-style: disc;
	margin: 0 0 0 10px;
	padding: 0;
	font-size: 1.2em;
}

#site_map ul li ul li {
	font-size: 1em;

}


.img_left {float: left; margin-top: 5px; margin-right: 10px; margin-bottom: 5px;}
.img_right {float: right; margin-top: 3px; margin-left: 10px; margin-bottom: 5px;}