/* Reset css
=================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td { margin : 0; padding :0; }
h1, h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
ol, ul { list-style-type : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th { text-align : left; }
fieldset, img { border : 0; }
dt, address, caption, cite, code, dfn, em, i, strong, b, th, var { font-style : normal; font-weight : normal; }
q:before, q:after { content :''; }

html { 
  min-height: 100%;
	margin-bottom: 1px; 
}
body {
	font-size: 75%;			/* This sets the default font size to be equivalent to 12px (12/16 = .75) */
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #666666;
	background: #008632;
}
img.imleft {float:left}
img.imright {float:right}

/* blocktext */
h1, h2, h3, h4, h5, p, ul { 
	margin: 0 20px;
	padding : 7px 0; 
}
h1 {
	font-size: 250%;
}
h2 {
	font-size: 120%;
	color: #008632;
	font-weight: bold;
}
h3 {
	padding: 0;
}
p.intro {
}
p.date {
}

/* a */
a, a:visited { 
	color : #008632; 
	text-decoration : underline;
} 
a:hover { 
	text-decoration : none;
} 

.clear {
	clear: both;
}

strong {
	font-weight: bold;
}
em {
	font-style: italic;
}




ul {
	list-style: disc;
	padding-left: 10px;
}
#mid-3col ul li {
	list-style-type : none;
	background: #FFF url(/site/images/graphics/bullet_points/bullet_general.gif) no-repeat 0 2px;
	padding-left: 15px;
	margin: 10px 0;
}

ol {
	list-style-position: outside;
	padding-left: 25px;
}


h2 a, h2 a:visited { 
	color: #008632;
	text-decoration : none;
} 
h2 a:hover { 
	text-decoration : underline;
}

div.horiz-grad {
	width: 100%;
	height: 7px;
	background: url("../images/graphics/background/gradient_shadow.gif") repeat-x 0 0;
	margin: 20px 0;
}

#header-print-cont {
	display: none;
}



/* SIFR
=================================*/
h1.replace {
	color: #008632;
}
h2.replace-border-tte {
	color: #008632;
	background: url("../images/graphics/headbox_tte.gif") no-repeat 0 2px;
	padding-left: 10px;
}
h2.replace-border-ttc {
	color: #008632;
	background: url("../images/graphics/headbox_ttc.gif") no-repeat 0 2px;
	padding-left: 10px;
}


a.replace-border-link {
	font-size: 80%;
	color: #595959 !important;
	position: relative;
	text-align: right;
	width: 349px;
	top: -29px;
	right: 10px;
	display: block;
	text-decoration: none !important;
}
a.replace-border-link:hover {
	text-decoration: underline !important;
}


/* Main blocks
=================================*/
#wrapper {
	width: 940px;
	margin: 0 auto;
	background: #ffffff;
	position: relative;
}


#header {
	width: 940px;
	height: 140px;
	position: relative;
	background: url("../images/graphics/background/backgroundtrack_top.gif") no-repeat 0 0;
}
#header h1 {
	font-size: 2.2em;
	line-height: 1;
	font-weight: normal;
}
#header h1 a {
	display: block;
	width: 482px;
	height: 59px;
	background: url("../images/logos/logo.gif") no-repeat 0 0;
	text-indent: -10000px;
	overflow: hidden;
	position: absolute;
	top: 22px;
	left: 20px;
}
#header p {
	text-indent: -10000px;
}



/* 2 column blocks
=================================*/
div#left-col {
	width: 368px;
	float: left;
}

div#right-col {
	width: 560px;
	float: right;
}
div#right-col h1,
div#right-col h2,
div#right-col h3,
div#right-col h4,
div#right-col h5,
div#right-col p {
	margin: 0;
}


div#homeflashcontent {
	position: absolute;
	right: 20px;
	width: 520px;
	height: 242px;
	z-index: 1;
}
div.hometextcontent {
	position: relative;
	width: 530px;
	height: 242px;
	z-index: 2;
	background: transparent;
}
div.hometextcontent p {
	width: 380px;
}


/* 3 column blocks
=================================*/
div#left-3col {
	width: 168px;
	float: left;
	margin-left: 20px;
}
div#mid-3col {
	width: 528px;
	margin-left: 12px;
	float: left;
}
div#right-3col {
	width: 180px;
	margin-left: 12px;
	float: left;
}







/* homepage logos
=================================*/
div.logos {
	width: 304px;
}
div.logos p {
	text-align: right;
}
div.logos span {
	margin-top: -5px;
	margin-right: 8px;
	display: block;
}
div.logos span.london {
	color: #e3004a;
}
div.logos span.national {
	color: #006ab2;
}
div.logos span.scottish {
	color: #7f65a4;
}



/* date/text summaries
=================================*/
p.left-date-cont {
	float: left;
	width: 92px;
	font-size: 120%;
	padding: 0;
}
div.right-text-cont {
	float: right;
	width: 438px;
	margin-right: 20px;
}
div.right-text-cont h2 {
	padding: 0;
}
div.right-text-cont p {
	padding: 3px 0;
}
div.conference h2 a {
	color: #008632 !important;
}



/* top block corners
=================================*/
div.roundcont {
	background: #e3004a;
	color: #fff;
	margin-bottom: 20px;
}
div.roundcont div.content {
	margin-bottom: -70px;
	margin-right: 91px;
	position: relative;
}
.billboard-intro {
	color: #ffffff;	
}

.roundtop { 
	background: url("../images/graphics/corners/tr.png") no-repeat top right; 
}

.roundbottom {
	background: url("../images/graphics/corners/br.png") no-repeat top right; 
	height: 91px;
}

img.corner {
   width: 9px;
   height: 9px;
   border: none;
   display: block !important;
}
img.bl {
	padding-top: 82px;
}


div.billboard-link-cont {
	margin-left: 20px;
	margin-top: 20px;
}

a.billboard-link {
	position:relative;
	color: #ffffff !important;
	text-decoration: none !important;
	background: url("../images/graphics/rings/ring_whiteonlondonred.gif") no-repeat 0 2px; 
	padding-left: 15px;
	float: left;
	width: 150px;
}


/* quick link corners
=================================*/
div.roundcont-ql {
	background: #e3004a;
	color: #fff;
	margin-bottom: 20px;
}
div.roundcont-ql div.content {
	position: relative;
}

.roundtop-ql { 
	background: url("../images/graphics/corners/tr.png") no-repeat top right; 
}

.roundbottom-ql {
	background: url("../images/graphics/corners/br_small.png") no-repeat top right; 
	height: 9px;
}

img.corner-ql {
   width: 9px;
   height: 9px;
   border: none;
   display: block !important;
}

div.roundcont-ql div.content p {
	padding: 0;
	margin-left: 10px;
	margin-bottom: 2px;
	margin-top: 2px;
}
a.quick-link {
	position:relative;
	color: #ffffff !important;
	text-decoration: none !important;
	background: url("../images/graphics/rings/ring_whiteonlondonred.gif") no-repeat 0 2px; 
	padding-left: 15px;
}

/* News
=================================*/



/* main_menu
=================================*/
ul.main-menu {
	width: 922px;
	font-weight: normal;
	padding: 10px 0 20px;
	margin: -30px 0 0 18px;
	background: transparent;
	position: relative;
	top: 0;
} 
ul.main-menu li {
	list-style: none;
	display: inline;
	color: #bfbfbf !important;
}
ul.main-menu li a {
	color: #000000 !important;
	padding: 10px 2px 20px;
	text-decoration: none !important;
}
ul.main-menu li a.active, ul.main-menu li a:hover {
	color: #008632 !important;
	text-decoration: underline !important;
}
ul.main-menu li a.active {
	color: #008632 !important;
	background: url("../images/graphics/notch.gif") no-repeat top center;
}



/* subnav
=================================*/
ul#sub-menu {
	margin: 0;
	padding: 0; 
} 

ul#sub-menu li {
	list-style: none;
	padding: 1px 0;
}
ul#sub-menu li a {
  width: 168px;
	color: #4d4d4d;
	text-decoration: none;
	display: block;
	padding: 2px 0;
}

ul#sub-menu li a:hover, ul#sub-menu li a.active {
	color: #008632;
	text-decoration: underline;
}
ul#sub-menu li a.ancester {
	color: #008632;
	text-decoration: none;
}

ul#sub-menu ul, ul#sub-menu ul ul {
	padding: 0;
	margin:0;
	margin-left: 10px;
} 
ul#sub-menu ul li, ul#sub-menu ul ul li {
	margin: 0;
} 
ul#sub-menu ul li a, ul#sub-menu ul ul li a {
	width: 158px;
	color: #4d4d4d;
	text-decoration: none;
	font-size: 90%;
}
ul#sub-menu ul ul li a {
	width: 148px;
}
ul#sub-menu ul li a:hover, ul#sub-menu ul li a.active,
ul#sub-menu ul ul li a:hover, ul#sub-menu ul ul li a.active {
	color: #e3004a;
	text-decoration: underline;
}
ul#sub-menu ul li a.ancester,
ul#sub-menu ul ul li a.ancester {
	color: #e3004a;
	text-decoration: none;
}


/* Paged
=================================*/
div.paged {
	width: 446px;
	text-align: center;
}
div.paged span {
	border: 1px solid #ed1c24;
	padding: 2px 3px;
	font-weight: bold;
}
div.paged a {
	font-weight: bold;
	text-decoration: none;
}
div.paged a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #555555;
}
div.paged a span {
	border: 1px solid #a1a1a1;
	background: #ed1c24;
	padding: 2px 3px;
	color: #ffffff;
	font-weight: bold;
}
div.paged a:hover span {
	border: 1px solid #ed1c24;
	background: #ffffff;
	padding: 2px 3px;
	color: #555555;
	font-weight: bold;
}




/* Maps
=================================*/
div#map {
	width: 463px;
	height: 463px;
	margin-left:4px;
	margin-top:10px;
}


/* form
=================================*/


/* Footer
==============================================*/
div.footer {
	width: 940px;
	height: 90px;
	background: url("../images/graphics/background/backgroundtrack_bottom.gif") no-repeat 0 0;
	padding-top: 20px;
	margin-top: 30px;
	padding-bottom: 20px;
	color: #595959;
}
div.footer div.left {
	width: 468px;
	float: left;
}
div.footer div.right {
	width: 460px;
	float: right;
}
div.footer div.right p {
	margin: 0;
}
div.footer p.gpcredit {
	margin-top: -27px;
}


/* Page Specific
=================================*/



/* tables
===================================================*/

/*--- basic table ---*/
table.basic {
  margin: 0;
  padding: 0;
  width: 100%;
}

table.basic th, table.basic td {
  padding: 1em 1em;
  vertical-align: top;
  border-bottom: 1px solid #efefef;
  text-align: left;
}
table.basic tr.odd {
  background: #222222;
}







/* Messages
=================================*/
div.siteerror,
div.sitemsg {
  padding: 12px 10px 15px 50px;
  color: #000000;
  font-weight: normal;
  font-size: 100%;
  margin: 10px 0;
  margin-left: 20px;
}

div.siteerror {
  border: 2px solid #008632;
}
div.siteerror {
  background: #ffffff url(/site/images/warning_large.gif) no-repeat 10px 10px;
}
div.siteerror ul#err {
	margin: 0 3px !important;
	padding: 0 !important;
}
div.siteerror ul#err li  {
	background-color: #ffffff !important;
}
div.sitemsg {
  border: 2px solid #265faf;
}
div.sitemsg {
	padding-top: 15px;
  background: #dfe6ef url(/site/images/msg_large.gif) no-repeat 10px 10px;
}



/* Forms
=================================*/
.blocklabel {
	color: #666666;
}
.inlinelabel {
	color: #666666;
	float: left;
	width: 150px;
}
.textfield, .selectfield {
	background: #eeeeee;
	border-left: 1px solid #888888;
	border-top: 1px solid #888888;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	float: left;
	width: 300px;
	
}
.selectfield {
	width: 302px;	
}
.textareafield {
	background: #eeeeee;
	height: 75px;
	margin-top: 5px;
	width: 450px;
}
.button-cont {
	margin-right: 50px;
	padding-top: 20px;
	text-align: right;
}


body#contact-us .inlinelabel {
	width: 130px;
}
body#contact-us .textfield, body#contact-us .selectfield {
	width: 210px;
}
body#contact-us .textareafield {
	width: 340px;
}

