

body {
	margin:0; padding:20px 0;
	text-align:center;
	font:1em Arial, Helvetica, sans-serif;
	color:#333;
	background-color:#2b3a51;
}
a:link, a:visited { color:#993479; text-decoration:none;}
a img { border:none;}
.c-left { clear:left;}
.c-right { clear:right;}
.c-both {
	width:100%;
	height:0;
	overflow:hidden;
	clear:both;
}
.f-left { float:left;}
.f-right { float:right;}
img.f-left { margin:0 28px 28px 0;}
img.f-right { margin:0 0 28px 28px;}
.hidden { display:none;}
#wrap {
	margin:0 auto;
	padding:0 38px 38px;
	width:824px;
	border:1px solid #cbced4;
	text-align:left;
	background-color:#fff;
	position:relative;
}
h1, h2, h3, h4, h5 { margin:0 80px 5px 0; padding:0; color:#993479;}
h1 { font-size:1.6em;}
h2 { font-size:1.35em;}
h1 a, h2 a, h3 a, h4 a, h5 a { text-decoration:none; color:#993479;}
p { font-size:0.9em;}
h3.strapline { font-size:1.4em; color:#000; margin-bottom:14px;}
#content { padding:165px 0 0;}
#page-img { margin:0 0 15px;}
.item {
	margin:0 0 24px;
	padding:0 0 11px;
	float:left;
	width:100%;
	clear:left;
	border-bottom:1px solid #959595;
}
.item-padding .item { width:776px; margin:0 24px 24px;}
.item.img-right {}
.item.img-right img { float:right; margin:3px 0 10px 10px;}
.item.img-left {}
.item.img-left img { float:left; margin:3px 10px 10px 0;}
.sub-cols {
	float:left;
	width:776px;
	margin:0 24px;
}
.item-padding .sub-cols { margin:0;}
.item-padding { margin:0;}
.col-one {
	float:left;
	width:360px;
}
.col-two {
	float:left;
	width:360px;
	margin:0 0 0 28px;
}
#show-sidebar .col-one { width:420px;}
#show-sidebar .col-two {
	background-color:#a6a6a6;
	width:310px;
	padding:10px 20px;
	margin-right:-24px;
	color:#fff;
}
#show-sidebar .col-two h2, #show-sidebar .col-two h3, #show-sidebar .col-two h4 { color:#fff;}
.more-link { text-decoration:none; color:#333; font-weight:bold;}
#show-sidebar .col-two .more-link { color:#fff; display:block;}
a.arrow-purple-grey {
	display:block;
	float:left;
	background:url(../images/arrow-rightcol-left.gif) left top no-repeat transparent;
	color:#fff;
	font:bold 1em Arial, Helvetica, sans-serif;
	text-decoration:none;
}
a.arrow-purple-grey span {
	display:block;
	height:32px;
	background:url(../images/arrow-rightcol-right.gif) right top no-repeat transparent;
	padding:8px 40px 0 10px;
}

ul li {
	font-size:0.9em;
	margin:3px 0;
}
ul.overview {
	margin:0; padding:0;
}
ul.overview li {
	list-style:none;
	margin:3px 0;
}
ul.news-summary { margin:0 30px 0 0; padding:0;}
ul.news-summary li {
	margin:0 0 5px; padding:0 0 0 25px;
	background:url(../images/icon-news.gif) left top no-repeat transparent;
	list-style:none;
}
ul.news-summary li a { color:#fff;}
ul.news-summary li strong { display:block;}
ul.sub-content { margin:0; padding:0;}
ul.sub-content li { margin:0; padding:0; list-style:none; font-size:1em;}
ul.sub-content li a {
	color:#666;
	font-weight:bold;
	text-decoration:none;
	font-size:0.9em;
}
dl.publications { 
	margin:0; padding:0;
	float:left;
	width:776px;
	font-size:0.9em;
}
dl.publications a {
	color:#333;
	text-decoration:none;
}
dl.publications dt {
	float:left;
	width:330px;
	padding:5px 30px 5px 0;
	margin:0;
	clear:left;
}
dl.publications dd {
	float:left;
	width:360px;
	margin:0 0 0 28px;
	padding:5px 0;
}
ul.links { margin:0; padding:0;}
ul.links li {
	list-style:none;
	margin:10px 0;
	padding:0;
}
ul.links.sub-content li { margin:0;}
ul.links li a { color:#333; text-decoration:none;}
dl.glossary { font-size:0.85em; border-bottom:1px solid #ccc;}
dl.glossary dt {
	float:left;
	width:170px;
	clear:left;
	margin:0;
	padding:4px 0;
	border-top:1px solid #ccc;
	font-weight:bold;
}
dl.glossary dd {
	border-top:1px solid #ccc;
	margin:0 0 0 170px;
	padding:4px 0;
}
ul.relevant-links { margin:0; padding:0;}
ul.relevant-links li {
	margin:3px 0; padding:0;
	list-style:none;
}
ul.relevant-links li a {
	font-size:1.2em; font-weight:bold;
}
.btn-report, .btn-submit {
	display:block;
	margin-top:15px;
	float:left;
	clear:left;
	width:171px; height:35px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/btn-report.jpg) left top no-repeat transparent;
}
.btn-submit {
	width:184px; height:39px;
	background-image:url(../images/btn-submit.jpg);
}

fieldset {
	margin:0; padding:0;
	border:none;
}
.hide-submit { position:relative;}
.hide-submit .styled {
	margin:0; padding:4px 35px 0 8px;
	width:321px; height:22px;
	background:url(../images/input-bgs.gif) left top no-repeat transparent;
	float:left;
	border:none;
	position:relative;
	z-index:20;
}
.hide-submit .styled-button {
	display:block;
	float:left;
	width:28px; height:26px;
	position:absolute;
	left:335px; top:0;
	overflow:hidden;
	text-indent:-9999px;
	cursor:pointer;
	z-index:30;
	background:url(../images/styled-button-arrow.gif) center center no-repeat transparent;
}
#show-sidebar .col-two .hide-submit .styled {
	width:268px;
	height:21px;
	background-position:left bottom;
}
#show-sidebar .col-two .hide-submit .styled-button { left:281px;}

.partner {
	float:left;
	width:255px;
	text-align:center;
	margin:0 0 30px;
	font-size:0.9em;
}
.partner .logo { text-align:center;}
.partner .logo img {}

.date { 
	margin:0; padding:0;
	display:block;
	color:#999;
	font:bold 0.85em Arial, Helvetica, sans-serif;
}
.date.with-margin { margin:0 0 14px;}


form ol {
	margin:0; padding:0;
	float:left;
	width:776px;
	clear:both;
}
form ol li {
	margin:5px 0; padding:0;
	float:left;
	width:776px;
	clear:left;
	list-style:none;
}
form ol li label {
	float:left;
	width:200px;
	font-size:0.9em;
}
form ol li .text {
	float:left;
	width:574px;
	font:0.9em Arial, Helvetica, sans-serif;
	border:1px solid #333;
}
form ol li.error .text { border-color:#c00;}
form ol li .text.half-width {
	width:340px;
}
form p label { padding-left:15px;}
form span.error {
	display:block;
	font-size:11px;
	color:#c00;
}

.error.message {
	border:1px solid #c00;
	padding:5px 5px 5px 35px;
	background:url(../images/icon-error.gif) 5px 5px no-repeat #fef8f6;
	color:#c00;
}

#head {
	position:absolute;
	left:38px;
	top:38px;
	width:824px;
	height:116px;
}
#head h1 {margin:0; padding:0;}
#head h1 a {
	display:block;
	float:left;
	width:214px; height:65px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/dcsp-logo.jpg) left top no-repeat transparent;
}
#tagline { 
	float:right;
	width:200px;
	text-align:right;
	font:bold 1em Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	color:#85898A;
	margin-top:30px;
}

#foot {
	color:#b2b2b2;
	clear:both;
	padding:30px 0 0;
}
#foot p {
	float:left; width:220px;
	margin:0 10px 0 50px;
	font-size:0.75em;
}
#foot ul {
	margin:0; padding:0;
	float:left;
	width:480px;
	font-size:0.75em;
}
#foot ul li {
	margin:0; padding:0 9px 0 10px; list-style:none;
	border-right:1px solid #b2b2b2;
	float:left;
}
#foot ul li.last { border:none;}

#nav-wrap {
	float:left;
	width:824px;
	margin:20px 0 0; padding:0;
	background:url(../images/nav-sprite.gif) left -26px repeat-x #000;
}
#nav-inner {
	float:left;
	width:813px;
	margin:0; padding:0 0 0 11px;
	background:url(../images/nav-sprite.gif) left 0 no-repeat transparent;
}
#main-nav {
	float:left;
	width:761px;
	margin:0; padding:0 21px 0 31px;
	background:url(../images/nav-sprite.gif) right -52px no-repeat transparent;
	height:26px;
}
#main-nav li {
	margin:0; padding:4px 0 3px;
	list-style:none;
	float:left;
	position:relative;
}
#main-nav li a {
	color:#fff;
	font:1em Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:0 32px;
	text-transform:lowercase;
	background:url(../images/nav-seper.gif) right top no-repeat transparent;
}
#main-nav li.last a { background:none;}

#main-nav ul { 
	margin:0; padding:0; 
	display:block;
	position:absolute;
	left:-9999px; top:22px;
	background-color:#000;
	width:160px;
	float:none;
}
#main-nav li.js-enabled:hover ul { left:-9999px;}
#main-nav li:hover ul, #main-nav li.js-enabled.hovered ul {
	left:0;
	margin:0; padding:0;
}
#main-nav li ul li { 
	float:left;
	width:100%;
	clear:left;
	font-size:0.8em;
}
#main-nav li ul a {
	background:none;
	display:block;
	padding:2px 5px;
	font-weight:bold;
}
#main-nav li.js-enabled ul li ul, #main-nav li.js-enabled:hover ul li ul {
	position:relative;
	left:0; top:0;
	padding:0; margin:0 4px 4px;
	float:left;
	width:150px;
	clear:left;
	border:1px solid #333;
	background-color:#222;
}
#main-nav li.js-enabled ul li ul li, #main-nav li.js-enabled:hover ul li ul li { font-size:0.95em;}

