/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top; /* Changed from baseline */
}
/* remember to define focus styles! */
:focus { outline: 0; }
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul { list-style: none; }
em{font-style:italic;}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* Onwards */
body {
	font-family: Arial, sans-serif;
	font-size: 14px;
	background: #fff;
}
h1 {
	font-family: Georgia, serif;
	font-size: 24px;
	color: #000;
	margin-bottom: 6px;
	font-weight:normal !important;
}
h2, h2 a {
	font-family: Georgia, serif;
	font-size: 18px;
	color: #000;
	margin-bottom: 6px;
	font-weight:normal !important;
}
h3 {
	font-size: 16px;
	font-family: Georgia, serif;
}
p { line-height: 1.4em; margin-bottom: 22px; }
a:link {
	color: #98ac00;
	text-decoration: none;
}
a:visited { color: #98ac00; text-decoration: none; }
blockquote { 
	font-style: italic; 
	margin-bottom: 22px; 
	margin-left: 11px;
	line-height: 1.4em;
}
div.clear-both { clear: both; }
strong { font-weight: bold; }
/* Container */
#container {
	width: 964px;
	margin: auto;
}
/* Header */
#header {
	width: 964px;
}
#header h1 {
	float: left;
	margin-top: 22px; 
	margin-bottom: 2px;
}
#header h3 {
	font-weight:normal !important;
}
#header form { float: right; margin-top: 46px; }
/* Nav */
#nav {
	clear: both;
	margin-top: 11px;
	background: #bcd000;
	min-height: 33px;
	position:relative;
	z-index:20;
}
#nav ul li {
	float: left;
	line-height: 33px;
}
#nav ul li a {
	display: block;
	color: #000;
	text-decoration: none;
	padding: 0 11px 0 11px;
}
/* 	> Level 2 */
	#nav ul li ul { display: none; position: absolute; }
	#nav ul li ul li { 
		position: relative;
		float: none;
		width: 209px;
		background: #cbd842;
	}
	/*	> Level 3 */
		#nav ul li ul li ul { 
			position: absolute; 
			left: 209px;
			top: 0;
		}
		#nav ul li ul li ul li { width: 75px; }
		#nav ul li ul li ul li a { background: #797979; display: block; color: #fff; }
		#nav ul li ul li ul li a:hover { background: #d6d6d6; color: #000; }
	
#nav ul li:hover ul { display: block; }
#nav ul li:hover ul li ul { display: none; }
#nav ul li:hover ul li:hover ul { display: block; }
#nav ul li a:hover, #nav ul li a.current { background: #cbd842; }
/* Wrapper */
#wrapper { width: 964px; margin-top: 11px; overflow:hidden;}
/* Content area */
#content {
	width: 784px;
	float: right;
}
/* News feature */
#news-feature {
	width: 784px;
	height: 234px;
}
#news-feature h1 { color: #fff; }
#news-feature #feature-summary {
	background: black;
	color: #fff;
	float: left;
	width: 248px;
	height: 212px;
	padding: 11px;
}
#feature-summary p.read-more { text-align: right; }
#news-feature #feature-image {
	float: right;
	width: 514px;
	height: 234px;
}
/* Homepage news articles */
#news-articles { width: 784px; margin-top: 11px; }
.grey-border { border-top: 8px solid #3d3d3d; }
.green-border { border-top: 8px solid #b1c800; }
#news-articles .news-summary {
	padding-top: 11px;
	padding-bottom: 1px;
	width: 381px;
}
.news-summary div.thumbnail {
	float: left;
	width: 99px;
}
.news-summary img.thumbnail{
	margin:0 !important;
}
.news-summary .synopsis {
	float: right;
	width: 269px;
}
#news-articles .item_0,#news-articles .item_2,#news-articles .item_4 {float: left; }
#news-articles .item_1,#news-articles .item_3,#news-articles .item_5 { float: right; }
/* Right column - appears on the right ;) */
#right-column {
	float: left;
	width: 160px;
	background: #ccc;
}
#right-column h2 { margin-bottom: 0; }
#right-column h3, #right-column h3 a {
	background: #666666;
	color: #fff;
	padding-left: 11px;
	line-height: 27px;
	font-family: Arial, sans-serif;
	font-size: 13px;
}
#right-column h3 a { padding-left: 0; }
#right-column ul { margin: 8px 0 11px 22px; padding-right: 11px; }
#right-column ul li { margin-bottom: 11px; list-style-image: url(/dev/assets/templates/c4cv2/img/arrow.gif); }
#right-column ul li a {
	text-decoration: none;
	color: #3d3d3d;
	font-size: 11px;
	font-weight: normal;
}
/* Copy area */
#copy-area {
	margin: 11px 0 0 0;
	width: 543px;
	float: left;
}
#article-header { margin-bottom: 11px; line-height:1.4em;}
#article-header img {
	float: left;
	margin-right: 11px;
}
#copy-area ul { margin-bottom: 11px; }
#copy-area ul li {
	list-style: disc;
	line-height: 1.4em;
	margin-left: 22px;
}
.full-report {
	width: 543px;
	border-top: 1px solid #ffffff;
	padding-top: 0px;
	margin-top: 1px;
}
.related-articles {
	width: 219px;
	float: right;
	border-top: 8px solid #b1c800;
	padding-top: 11px;
	margin-top: 11px;
}
.related-articles ul { margin: 8px 0 11px 22px; padding-right: 11px; }
.related-articles ul li { margin-bottom: 11px; list-style-image: url(/dev/assets/templates/c4cv2/img/arrow.gif); }
/* Interactive map */

ul.interactive-map {
	list-style:none;
	list-style-type:none !important;
	width:444px;
	height:555px;
	position:relative;
	background:url(/assets/images/interactive-map.jpg) no-repeat left top;
}
ul.interactive-map a {	
	font-weight:bold;
	outline:none;
	font-size:11px;
	color:#000;
	font-family:arial, sans-serif;
	text-decoration:none;
	position:absolute;
	background-image:url(../images/bullet.gif);
	background-repeat:no-repeat;
	display:block;
	padding:0.3em 0.6em;
}
ul.interactive-map a:hover { text-decoration:underline; color:#A0CE67; }
ul.interactive-map li { position:absolute;margin:0 !important; list-style:none !important;}
a.bristol {left:275px;top:450px;background-position:left center;}
a.brighton {left:377px;top:489px;background-position:15% top;}
a.belfast {left:140px;top:270px;background-position:center top;}
a.derby {left:286px;top:367px;background-position:right center;}
a.dundee {left:205px;top:155px;background-position:right center;}
a.cambridge {left:389px;top:409px;background-position:0 20%;}
a.london {left:376px;top:450px;background-position:left 20%;}
a.birmingham {left:312px;top:395px;background-position:left center;}
a.liverpool {left:208px;top:332px;background-position:center top;}
a.manchester {left:244px;top:318px;background-position:center bottom;}
a.doncaster	{left:345px;top:342px;background-position:left center;}
a.barnsley {left:325px;top:327px;background-position:left center;}
a.hull {left:362px;top:300px;background-position:left bottom;}
a.york {left:334px;top:290px;background-position:left bottom;}
a.leeds {left:285px;top:300px;background-position:center bottom;}
a.sunderland {left:321px;top:251px;background-position:left center;}
a.newcastle {left:243px;top:230px;background-position:right bottom;}
a.southampton {left:248px;top:476px;background-position:right bottom;}
a.portsmouth {left:304px;top:489px;background-position:right bottom;}

/* / */


#content img.thumbnail {
	float:left;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 1em;
	margin-left: 0;
}

#content h3{
	margin:0.2em 0px 0.6em;
}

#content div.articles_index_item {
	margin-bottom:1em;
}
	#content div.articles_index_item p {
	margin:0 auto 0.2em 1em !important;
}

/*

	Form Styles

*/


fieldset{border:1px solid #ccc}
legend{background:#fff}
textarea,input[type='text'],input[type='password'],select{border:1px solid #ccc;background:#fff}
textarea:hover,input[type='text']:hover,input[type='password']:hover,select:hover{border-color:#aaa}
textarea:focus,input[type='text']:focus,input[type='password']:focus,select:focus{border-color:#888;outline:2px solid #e4e4e4}
input,select,button{cursor:pointer}
input[type='text'],input[type='password']{cursor:text}
input[type='hidden']{display:none}

#content fieldset{padding:1.6em;margin:1.6em 0}
#content legend{padding-left:.8em;padding-right:.8em;}
#content legend+*{margin-top:-.4em;}
#content fieldset *:first-child{margin-top:0;}
#content fieldset *:last-child{margin-bottom:0;}
#content textarea,.content input{padding:.3em .4em .15em .4em}
#content select{padding:.1em .2em 0 .2em}
#content select[multiple]{margin-bottom:.8em;}
#content option{padding:0 .4em .1em}
#content button{padding:0.3em 0.5em}
#content input[type='radio']{position:relative;bottom:-.3em;}

#content form {
	width: 90%;
	/*margin: 0.2em auto;*/
}
#content form input[type="text"], #content form textarea, #wrapper form select {
	font-family: Arial, sans-serif;
	/* margin-bottom: 0.4em; */
}
#content form p{
	padding: 0; margin-left: 0;
}
#content form fieldset {
	/* border: none;
	background-color: #eee; */
	margin: 0 auto 0.8em auto;
}
#content fieldset legend {
	font-size: 120%;
	font-weight: bold;
	background-color: transparent;
}
#content label {
	vertical-align: top;
	margin-right: 0.5em;
	display: inline-block;
	width: 35%;
	padding-left: 0.2em;
}
#content .nowrap label {
	width: 80%;
}
#content form fieldset ul {
	list-style: none;
}
#content form fieldset ol li {
	margin: 1em;
}
#content form ul, div #content form li {
	margin-left: auto;
	margin-bottom: 10px;
	list-style: none;
}
#content form ul ul, div #content form ul ul li {
	margin-left: 1em;
}
form .form_note {
	background-color: #84BBFF;
	border: 1px solid #00559F;
	padding: 1em;
}
form .errors {
	background-color: #ffdf9b;
	border: 1px solid #ffbc38;
	padding: 1em;
}

form em {
	padding-left: 0.2em;
	padding-right: 0.2em;
	font-weight: bold;
	color: #f00;
}
form .required {
	background-color: #ffdf9b;
}
form input[type="checkbox"] .required {
	background-color: #ffdf9b;
	border: 3px solid #ffbc38;
}
form .invalid {
	background-color: #ffc1c1;
}


/*

	Staff page styles

*/
.staff_index_item{
	float:left;
	width:390px;
	height:132px;
}
#content .staff_index_item h3 a {
	padding-left: 0;
}
.staff_index_thumbnail
{
	float: left;
	margin: 0 0.5em 0.5em 0em;
}
#content .staff_index_thumbnail img {
	margin: 0 0.5em 0 0;
}
.staff_page_thumbnail
{
	float: left;
	margin: -0.5em 0.5em 0.5em 0em;
}



#footer  {
background:none repeat scroll 0 0 #BCD000;
clear:both;
margin-top:11px;
position:relative;
z-index:20;
padding:11px;
margin-bottom:11px;
}

#footer  a{
	color:#000;
}