/** { border: 1px dotted black; }*/
body {
	text-align: center;
	min-width: 790px;
	padding: 0px;
	margin: 0px;
	font: 0.7em/1.6em Verdana, Helvetica, Arial, sans-serif;
	color: #5E5E5E;
	background-color: #FFF;
	}

a {
	font-weight: bold;
	text-decoration: underline;
	}
a:link {
	color: #808285; 	
	}
a:visited, a:active {
	color: #808285;
	}
a:hover {
	color: #999999;
	}

/*
 * #wrapper contains the layout
 */
#wrapper {
	text-align: left;
	width: 790px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	}
 
/*
 * #header contains the logos
 */
#header {
	height: 139px;
	padding-top: 10px;
	}
#header .logo1 {
 	float: left;
 	width: 148px;
	border: 0px none;
 	}
#header .logo2 {
	float: right;
	width: 624px;
	}

/* 
 * headings 
 */
 
/* color set 1 */
h1.set1 {
 	color: #BA023E;
 	font-size: 130%;
 	font-weight: bold;
	} 
h2.set1 {
 	color: #BA023E;
 	font-size: 100%;
 	font-weight: bold;
 	margin: 0;
 	}
h3.set1 {
 	color: #BA023E;
 	font-size: 100%;
 	font-weight: normal;
 	margin: 0;
 	}

/* color set 2 */
h1.set2 {
 	color: #008C98;
 	font-size: 130%;
 	font-weight: bold;
	} 
h2.set2 {
 	color: #008C98;
	font-size: 100%;
 	font-weight: bold; 	
 	margin: 0;
	} 
h3.set2 {
	color: #008C98;
 	font-size: 100%;
 	font-weight: normal;
 	margin: 0;
	} 
	
/* color set 3 */
h1.set3 {
 	color:#F37321;
 	font-size: 130%;
 	font-weight: bold;
	}
h2.set3 {
 	color: #F37321;
 	font-size: 100%;
 	font-weight: bold;
 	margin: 0;
	}
h3.set3 {
 	color: #F37321;
 	font-size: 100%;
 	font-weight: normal;
 	margin: 0;
	}

/* color set 4 */
h1.set4 {
 	color:#A3A60F;
 	font-size: 130%;
 	font-weight: bold;
	}
h2.set4 {
 	color: #A3A60F;
 	font-size: 100%;
 	font-weight: bold;
 	margin: 0;
	}
h3.set4 {
 	color: #A3A60F;
 	font-size: 100%;
 	font-weight: normal;
 	margin: 0;
	}

/* color set 5 */
h1.set5 {
 	color:#FDB912;
 	font-size: 130%;
 	font-weight: bold;
	}
h2.set5 {
 	color: #FDB912;
 	font-size: 100%;
 	font-weight: bold;
 	margin: 0;
	}
h3.set5 {
 	color: #FDB912;
 	font-size: 100%;
 	font-weight: normal;
 	margin: 0;
	}

.head1 {
 	font-size: 130%;
 	font-weight: bold;
}
.head2 {
 	font-size: 100%;
 	font-weight: bold;
 	margin: 0;
}
.head3 {
 	font-size: 100%;
 	font-weight: normal;
 	margin: 0;
}
/* 
 * #wrapper 2 wraps the main content and nav and allows us to get the three column layout while still being able to order the source code so the content is at the top.
 */
#wrapper2 {
	float: left;
	width: 615px;
	}
 
/*
 * float #content right within the container #wrapper2 so it displays in the centre
 */
#content {
	float: right;
	width: 450px;
	}
#content h1 {
	/*font-variant: small-caps;*/
	font-size: 1.5em;
	}
#content .inner {
	text-align: justify;
	}
#content .inner ul, #content .inner ol {
 	margin: 0;
	padding: 0px 0px 10px 15px;
	font-size: 100%;
	}
#content .inner ul {	
	list-style: none;
	list-style-image: url("../images/li_bullet.gif");
	}

/*
 * float #nav left within the container and it will display as the first col
 */
#nav {
	float: left;
	width: 158px;
	}
#nav ul {
	list-style-image: url(../images/cur_default.gif);
	margin: 0 0 0.5em 1em;
	/*margin: 0 0 1em 1em;*/
	padding: 0px;
	}
#nav li {	
	color: #999999;
	font-weight: bold;
	padding: 0em;
	margin: 0 0 1em 0.5em;
	}

/*
 * the right hand column
 */
#extras {
	float: right;
	width: 164px;
 	background-color: #FFFFFF;
 	margin-bottom: 1em;	
	}
#extras div label {
	font-weight: bold;
	}	
#extras div input {
	font-size: x-small;
	border: 2px solid #b2b2b2;
	margin: 0 0 1em 0;	
	}
#extras div select {
	font-size: x-small;
	border: 2px solid #b2b2b2;
	}	
#extras ul {
	margin: 0px 10px 0px 10px;
	padding: 0px;
	list-style: none;
	}	
#extras li {
	margin-bottom: 0.5em;
	}	
#extras .news {
	width: 163px;
	background-image: url(../images/border.gif);
	margin-bottom: 1em;
	background-repeat: repeat-y;
	}
#extras .news a {
	text-decoration: none;
	font-weight: normal;
	}
#extras .news a:hover {
	text-decoration: underline;
	}
#extras .news h3 a, #extras .news h4 a, #extras .news h5 a {
	color: #000000;
	font-weight: bold;
	}	
#extras h3 {
	font-size: 120%;
	font-weight: bold;
	vertical-align: middle;
	height: 28px;
	margin: 0;
	padding: 0.2em 0 0 10px;
	color: #000000;
	background-image: url(../images/square_news.gif);
	background-repeat: no-repeat;
	}
#extras h4 {
	font-size: 120%;
	font-weight: bold;
	vertical-align: middle;
	height: 28px;
	margin: 0;
	padding: 0.2em 0 0.2em 10px;
	color: #000000;
	background-image: url(../images/square_progr.gif);
	background-repeat: no-repeat;
	}
#extras h5 {
	font-size: 120%;
	font-weight: bold;
	vertical-align: middle;
	height: 28px;
	margin: 0;
	padding: 0.2em 0 0.2em 10px;
	color: #000000;
	background-image: url(../images/square_events.gif);
	background-repeat: no-repeat;
	}	
 /*
 * clearing the footer both means that it doesn't matter which col is longest the footer will always stay underneath. The footer is divided into 3 sections, floated to match the main page content so they line up with the columns.
 */
#footer {
	clear: both;
 	padding: 1em 0 0 0;
 	font-size: 90%;
	}
#footer a:link, #footer a:visited {
	font-weight: normal;
 	color: #5E5E5E;
	text-decoration: none;
	}
#footer .copy {
 	float: left;
 	width: 184px;
	} 
#footer .terms {
 	float: left;
 	width: 406px;
 	text-align: center;
	}
#footer .policy {
 	float: right;
 	width: 184px;
	}
 
/*
 * the below gets rid of the space between a header and the paragraph following ... in browsers other than IE6 ... add a class of 'first' to the paragraph after a heading to get rid of the space in that browser as well.
 */
h2+p, h3+p, h4+p {
	margin-top: 0;
	}
p.first {
	margin-top: 0;
	}
.yourLondon {
	margin: 0px 4px 0px 0px;
	}