@charset "utf-8";

  /**************************************************--- Naming Convention & writing style ---- IDs & class names = all_lower_case_with_underscores- ID and class names should relate to what they contain - not element type, position or appearance- Cascade ID related class names by tabbing. eg:#element_id {

}

 #element_id .class_name {

}

- Use single line declarations for all but the very long- Preferred order: position ;

  dimensions ;

  float ;

  margin ;

  padding ;

  everything else--- File structure ---- Import- Global styles- Global classes- Global IDs (IDs common to all/most pages)- #id .classes- Local IDs- #id .classes--- Colours ---List colours here for easy find & replace #1d0096 - CRUK blue#e71c95 - CRUK magenta#d0529d - comp magenta#b9d6db - pastel blue#6d7d80 - cool grey***************************************************/

/* *** IMPORT *** */

@import url("reset.css");
/* Note: reset.css sets body text size @ 62.5%For text sizes use:1em instead of10px 1.6eminstead of16px, etc*/

/* *** GLOBAL STYLES *** */

body {
	background:#000;
	font:62.5%/1.4em Helvetica, Arial, "sans serif";
}
/* *** MODIFIER CLASSES *** */

 #page_content .sl {
	font-size:1.2em;
}
#page_content .ss {
	font-size:.9em;
}
#page_content .sxl {
	font-size:1.4em;
}
#page_content .sxs {
	font-size:.8em;
}
#page_content .fl {
	float:left;
}
#page_content .fr {
	float:right;
}
#page_content .cl {
	clear:left;
}
#page_content .cr {
	clear:right;
}
#page_content .cb {
	clear:both;
}
#page_content .tl {
	text-align:left;
}
#page_content .tr {
	text-align:right;
}
#page_content .tc {
	text-align:center
}
#page_content .p10 {
	padding:10px;
}
#page_content .p15 {
	padding:15px;
}
#page_content .p20 {
	padding:20px;
}
hr.clear {
	visibility:hidden;
	margin:0px;
	padding:0px;
	height:1px;
	line-height:1px;
	clear:both;
}
p {
	margin:1em 0;
}
/* *** GLOBAL CLASSES *** */

/* Sprites */

.spr_Go {
	height:30px;
	width:47px;
	background:url(../images/sprite.png) 0px -152px;
	margin:5px 3px;
	cursor:pointer;
	vertical-align:-14px;
 *vertical-align:-5px;
}
.spr_Go:hover {
	opacity:.9;
}
.spr_call {
	height:55px;
	width:200px;
	background:url(../images/sprite.png) 0px -182px;
	margin:10px;
	cursor:pointer;
}
.spr_call:hover {
	opacity:.9;
}
/* *** LOCAL CLASSES *** */

/* *** GLOBAL IDs *** */

#mount {
	margin:35px auto;
	width:960px;
}
#header {
	background:#121d2c url(../images/sprite.png) no-repeat 0 0;
	height:150px;
	border-bottom:1px solid #1d414d;
}
#header h1 {
	font-size:3.6em;
	color:#FFF;
	padding:20px 90px;
}
#header h1 span {
	color:#0c8eb9;
	font-weight:bold;
}
#body {
	margin-top:5px;
	overflow:auto;
	zoom:1;
	background:#34414c url(../images/bg-nav.png) 0 0 repeat-y;
}
#nav {
	background-color:#0f1316;
	width:210px;
	padding:20px;
	float:left;
	color:#999;
	font-size:1.3em;
	line-height:1.5em;
}
#nav h2 {
	color:#FFF;
	font-weight:normal;
	font-size:1.5em;
}
#nav strong {
	color:#FFF;
	font-weight:bold;
}

#nav a{display:block;padding:155px 10px 10px;text-align:center;color:#7a899c;text-decoration:none;}
	
	#nav a.link1{background:url(../images/link1.jpg) center 10px no-repeat;}
	#nav a.link2{background:url(../images/link2.jpg) center 10px no-repeat;}
	#nav a.link3{background:url(../images/link3.jpg) center 10px no-repeat;}
	#nav a.link4{background:url(../images/link4.jpg) center 10px no-repeat;}
	#nav a.link5{background:url(../images/link5.jpg) center 10px no-repeat;}
	#nav a.link6{background:url(../images/link6.jpg) center 10px no-repeat;}
	
	#nav a:hover{color:#dfe2e7;}
	#nav a:hover.link1{background:#313842 url(../images/link1-over.jpg) center 10px no-repeat;}
	#nav a:hover.link2{background:#313842 url(../images/link2-over.jpg) center 10px no-repeat;}
	#nav a:hover.link3{background:#313842 url(../images/link3-over.jpg) center 10px no-repeat;}
	#nav a:hover.link4{background:#313842 url(../images/link4-over.jpg) center 10px no-repeat;}
	#nav a:hover.link5{background:#313842 url(../images/link5-over.jpg) center 10px no-repeat;}
	#nav a:hover.link6{background:#313842 url(../images/link6-over.jpg) center 10px no-repeat;}

#page_content {
	margin-left:250px;
	font-size:1.4em;
	color:#a4a6a8;
	padding:35px;
	_padding:35px 30px;
	line-height:1.5em;
	overflow:auto;
	zoom:1;
	width:630px;
	*width:auto;
}
#page_content h1, #page_content h2 {
	color:#FFF;
	font-size:2em;
	font-weight:bold;
	margin-bottom:1em;
	line-height:1.3em;
}
#page_content strong, #page_content b {
	color:#FFF;
	font-size:1.1em;
	letter-spacing:1px;
}
#page_content ul li {
	color:#FFF;
	font-size:1.1em;
	margin:0px 0px .5em 2em;
	letter-spacing:1px;
}
#page_content a {
	color:#6dc4e1;
}
#page_content a:visited {
	color:#6dc4e1;
}
#page_content a:hover {
	color:#fff;
}
#Postcode, #Postcode2 {
	border: 2px solid #999;
	padding: 2px;
	width: 110px;
	font-size: 18px;
}
#footer {
	margin-top:5px;
	padding:75px 20px 20px;
	background:#0a0e10;
	color:#4a4a49;
	font-size:1.1em;
	line-height:1.4em;
	border-top:1px solid #333;
}
#footer a {
	color:#ccc;
}
#footer a:visited {
	color:#ccc;
}
#lou {
	float:right;
	width:116px;
	height:23px;
	background:url(../images/sprite.png) -48px -155px;
}

/* *** LOCAL IDs *** */