/*
	South Coast DeNDRoN ­ Hampshire Partnership NHS Trust
	CSS v1.0
		Created by Steev Bishop at NHS Creative www.nhscreative.org
		Copyright 2008, Hampshire Partnership NHS Trust
	Born 14 February 2008
	
	-- History --
	18 March 2008 - Fixing left red bar
	04 March 2008 - Logo change
	29 February 2008 - Move IE fixes to new Conditional Comment files
	26 February 2008 - IE bug fixes
	14 February 2008 - CSS begins, Happy Valentine's Day
	----

*/

/* 
NOTES

Swatches:
Gold (173, 152, 91)
Red (171, 36, 55)

*/

/* ---------- BASIC ---------- */

@font-face {
font-family: 'Tuffy';
src: url('/fonts/Tuffy.eot');
src: local('Tuffy'), 
url('/fonts/Tuffy.svg#Tuffy') format('svg'),
url('/fonts/Tuffy.ttf') format('truetype');
}
@font-face {
font-family: 'Devroye';
src: url('/fonts/Devroye.eot');
src: local('Devroye'), 
url('/fonts/Devroye.svg#Devroye') format('svg'),
url('/fonts/Devroye.ttf') format('truetype');
}

body {
margin:1px;
padding:0;
/* height: 100%; */
text-align:center;
background:rgb(245, 245, 245) url(../resource/body.gif) center repeat-y;
font:90%/1.2em 'Tuffy', helvetica, arial, verdana, tahoma, sans-serif;
}
:focus {
	outline: 0;
}
.hide {
/*visibility:hidden;*/
position:relative;
display:block;
text-indent:-9999em;
margin:0;
padding:0;
}

.collapse {
display:none;
}

#content a[href^="http://"]:not([href*="dendronsouthcoast.org.uk"]):after {content: url(../img/linkarrow.gif);}
#content a {
	text-decoration: underline;
	color:#AB2437;
	text-shadow: rgba(171, 36, 55,.6) 1px 1px 3px;
	}
#content a:hover {
	text-decoration: none;
	}
a img { border: 0;  max-width:582px;}
.extLink a:after {content: " " !important;}
#content a:hover img {
	background:none;
	-moz-box-shadow:0px 0px 30px #AC1201;
	-webkit-box-shadow:0px 0px 30px #AC1201;
	-khtml-box-shadow:0px 0px 30px #AC1201;
	box-shadow:0px 0px 30px #AC1201;
}

a.pdf {padding: 5px 20px 5px 0px; background: url(../resource/icon_pdfSML.gif) no-repeat right;}
a.word {padding: 4px 20px 4px 0; background: url(../resource/icon_wordSML.gif) no-repeat right;}

img {margin:2em 0; padding:0.2em;}
	img.left {float:left; margin-right:1em;}
	img.right {float:right; margin-left:1em;}
	img.border {border:2px solid rgb(171, 36, 55);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow:0px 0px 18px #AC1201;
	-webkit-box-shadow:0px 0px 18px #AC1201;
	-khtml-box-shadow:0px 0px 18px #AC1201;
	box-shadow:0px 0px 18px #AC1201;
	}

/* ---------- TEXT ---------- */

p, address {
	font: 95%/1.2em 'Tuffy', helvetica, arial, verdana, tahoma, sans-serif;
	text-align:justify;
	padding:0;
	margin:0 0 15px 0;
	}

address {margin:0.75em 0 0 0;}


	h1, h2, h3, h4, h5, h6 {font-family: 'Devroye', Georgia, "Times New Roman", Times, serif; margin:0 0 1.2em 0; color:rgb(171, 36, 55); text-shadow: rgba(171, 36, 55,.6) 1px 1px 3px; font-weight:bold;}
	h1.black, h2.black, h3.black, h4.black, h5.black, h6.black {color:black; text-shadow: rgba(171, 36, 55,.6) 1px 1px 3px;}

	h3.h3_index-tweak {font-size:120%;}
	h1 {font-size:180%;}
	h2 {font-size:160%;margin:1em 0;}
	h3 {font-size:140%;}
	h4 {font-size:120%;}
	h5, h6 {font-size:1.2em;margin-bottom:5px;}
	.small {font-size:75%;}

acronym, abbr {
cursor:help;
text-decoration:none;
border:0;
}

blockquote {
margin:0;
padding:0 0 0 1.5em;
border-left:6px solid rgb(173, 152, 91);
}
blockquote p {
margin-right:0;
}
ul, ol {font-size:95%; line-height:1.3em;}
	#content ul, #content ol {
	padding:0 0 0 1em;
	}
		#content ul li, #content ol li {
		margin:0.25em 0;
		}
#content ul li { 
	list-style-image: url('../img/ulDiamond.gif'); 
	margin-left:15px;
	}
#content ul li:first-child {
	padding-top:10px;
}
	
dl {}
	dt {font-size:105%; font-weight:bold; margin-top:0.65em;}
		.redbox dt {color:rgb(171, 36, 55);} .goldbox dt {color:rgb(155, 140, 80);}
	dd {font: 95%/1.3em helvetica, arial, verdana, tahoma, sans-serif; margin-left:1em;}
	

	span.required {
/*	margin: 2px 4px 2px 2px;
*/	font-size:150%;
	font-weight:bold;
	color:rgb(171, 36, 55);
	}

.textcenter {text-align:center;}

/* ---------- STRUCTURE ---------- */
div {border: 0px solid black;}

#page, #page-contact, #page-involve, #page-research, #page-news, #page-events, #page-stories, #page-off {
text-align:left;
width:788px;
margin:0 auto;
padding:0 6px;
}
	/*IE workaround - IE 5+6
		* html #page, 
		* html #page-contact, 
		* html #page-involve, 
		* html #page-research, 
		* html #page-news, 
		* html #page-events, 
		* html #page-stories {
		width: 800px;
		}*/

#header {
height:135px;
margin:0;
padding:0;
background:white;
}
	/*IE workaround - All IE browsers
		* html #header{
		height:135px;
		margin:0;
		}*/
	#header ul#skip {
	display:none;
	position:relative;
	left:-999em;
	margin:0;
	padding:0;
	}
		#header ul#skip li {margin:0; padding:0;}

#main {
height: auto;
background:white url(../resource/page-redborder_left.gif) no-repeat -6px 45px;
}

#footer {
clear:both;
height:40px;
padding-top:1px;
background: white url(../resource/footer-gfx.gif) no-repeat 0px 0px;
font-size:1.2em;
}
	/*IE workaround - All IE browsers
		* html #footer{
		padding-top:10px;
		}*/

	/* ---------- HEADER - ELEMENTS ---------- */
	div.header-logos {
	position:relative;
	z-index:5;
	margin:0;
	padding:0;
	}
		div.header-logos p {margin:0; padding:0;}
		div.header-logos p a img {margin:0; padding:0;}
			a.nihr-logo {
			position:absolute;
			top:0px;
			right:0;
			padding:0;
			margin-bottom:10px;
			}
			a.dendron-logo {
			position:absolute;
			top:-10px;
			left:0;
			padding:0;
			}
	
	div.header-text {
	position:relative;
	top:60px;
	left:175px;
	margin:0;
	padding:0;
	background: url(../resource/header-text.gif) no-repeat top left;
	width:422px;
	height:54px;
	}
		div.header-text h1 {margin-top:0;}

	/* ---------- MAIN - ELEMENTS ---------- */
		/* -- Top-nav -- */
		#top-nav {
		margin:0 0 25px 0;
		background:white;
		}
			#top-nav ul {
			list-style:none;
			margin:0;
			padding:0;
			height:20px;
			}
			#top-nav ul li {
			display:inline;
			margin:0;
			padding:0;
			}
			#top-nav ul li a {height:20px; text-decoration:none; display:block; float:left;}
				#top-nav ul li a.home {width:95px; background:white url(../resource/topnav-home.gif) no-repeat;}
				#top-nav ul li a.contact {width:136px; background:white url(../resource/topnav-contact.gif) no-repeat;}
				#top-nav ul li a.involve {width:131px; background:white url(../resource/topnav-involve.gif) no-repeat;}
				#top-nav ul li a.research {width:109px; background:white url(../resource/topnav-research.gif) no-repeat;}
				#top-nav ul li a.news {width:124px; background:white url(../resource/topnav-news.gif) no-repeat;}
				#top-nav ul li a.events {width:90px; background:white url(../resource/topnav-events.gif) no-repeat;}
				#top-nav ul li a.stories {width:103px; background:white url(../resource/topnav-stories.gif) no-repeat;}
					/* Variations: #page */
					#page #top-nav ul li a.home,
					#page #top-nav ul li a.contact,
					#page #top-nav ul li a.involve,
					#page #top-nav ul li a.research,
					#page #top-nav ul li a.news,
					#page #top-nav ul li a.events,
					#page #top-nav ul li a.stories {background-position:0px 0px;}
					/* Variations: #page-off */
					#page-off #top-nav ul li a.home {background:white url(../resource/topnav-off.gif) no-repeat;}
					#page-off #top-nav ul li a.contact {background:white url(../resource/topnav-off.gif) no-repeat -95px 0px;}
					#page-off #top-nav ul li a.involve,
					#page-off #top-nav ul li a.research,
					#page-off #top-nav ul li a.news,
					#page-off #top-nav ul li a.events,
					#page-off #top-nav ul li a.stories {background-position:0px 0px;}
					/* Variations: #page-contact */
					#page-contact #top-nav ul li a.home {background-position:0px -20px;}
					#page-contact #top-nav ul li a.contact {background-position:0px -20px;}
					#page-contact #top-nav ul li a.involve {background-position:0px -20px;}
					#page-contact #top-nav ul li a.research {background-position:0px 0px;}
					#page-contact #top-nav ul li a.news {background-position:0px 0px;}
					#page-contact #top-nav ul li a.events {background-position:0px 0px;}
					#page-contact #top-nav ul li a.stories {background-position:0px 0px;}
					/* Variations: #page-involve */
					#page-involve #top-nav ul li a.home {background-position:0px -40px;}
					#page-involve #top-nav ul li a.contact {background-position:0px -40px;}
					#page-involve #top-nav ul li a.involve {background-position:0px -40px;}
					#page-involve #top-nav ul li a.research {background-position:0px -20px;}
					#page-involve #top-nav ul li a.news {background-position:0px 0px;}
					#page-involve #top-nav ul li a.events {background-position:0px 0px;}
					#page-involve #top-nav ul li a.stories {background-position:0px 0px;}
					/* Variations: #page-research */
					#page-research #top-nav ul li a.home {background-position:0px -40px;}
					#page-research #top-nav ul li a.contact {background-position:0px -60px;}
					#page-research #top-nav ul li a.involve {background-position:0px -60px;}
					#page-research #top-nav ul li a.research {background-position:0px -40px;}
					#page-research #top-nav ul li a.news {background-position:0px -20px;}
					#page-research #top-nav ul li a.events {background-position:0px 0px;}
					#page-research #top-nav ul li a.stories {background-position:0px 0px;}
					/* Variations: #page-news */
					#page-news #top-nav ul li a.home {background-position:0px -40px;}
					#page-news #top-nav ul li a.contact {background-position:0px -60px;}
					#page-news #top-nav ul li a.involve {background-position:0px -80px;}
					#page-news #top-nav ul li a.research {background-position:0px -60px;}
					#page-news #top-nav ul li a.news {background-position:0px -40px;}
					#page-news #top-nav ul li a.events {background-position:0px -20px;}
					#page-news #top-nav ul li a.stories {background-position:0px 0px;}
					/* Variations: #page-events */
					#page-events #top-nav ul li a.home {background-position:0px -40px;}
					#page-events #top-nav ul li a.contact {background-position:0px -60px;}
					#page-events #top-nav ul li a.involve {background-position:0px -80px;}
					#page-events #top-nav ul li a.research {background-position:0px -80px;}
					#page-events #top-nav ul li a.news {background-position:0px -60px;}
					#page-events #top-nav ul li a.events {background-position:0px -40px;}
					#page-events #top-nav ul li a.stories {background-position:0px -20px;}
					/* Variations: #page-stories */
					#page-stories #top-nav ul li a.home {background-position:0px -40px;}
					#page-stories #top-nav ul li a.contact {background-position:0px -60px;}
					#page-stories #top-nav ul li a.involve {background-position:0px -80px;}
					#page-stories #top-nav ul li a.research {background-position:0px -80px;}
					#page-stories #top-nav ul li a.news {background-position:0px -80px;}
					#page-stories #top-nav ul li a.events {background-position:0px -60px;}
					#page-stories #top-nav ul li a.stories {background-position:0px -40px;}

		/* -- Side-nav -- */
		#side-nav {
		width:170px;
		float:left;
		margin-top:-25px;
		border-top:25px white solid;
		margin-bottom:20px;
		background:#fff;
		}
			#side-nav ul {
			font-weight:bold;
			font-size: 95%;
			line-height:1.2em;
			color:rgb(173, 152, 91);
			margin:-1em 0 0 0;
			padding:0 0 0 41px;
			}
				/*IE workaround - IE 5+6
					* html #side-nav ul {
					margin:-1em 0 0 5px;
					padding:0 0 0 33px;
					list-style-position:inside;
				//IE workaround - IE 7
					* html #side-nav ul {
					margin:-1em 0 0 0px;
					padding:0 0 0 38px;
					list-style-position:inside;
					}*/

			#side-nav ul li {
			list-style-image: url(../resource/sidenav-bulletOFF.gif);
			margin:1em 0;
			}
				/*IE workaround - All IE browsers
					* html #side-nav ul li a {
					text-indent:-38px;
					padding-left:6px;
					margin:0;
					}*/
				
			#side-nav ul li.active {list-style-image: url(../resource/sidenav-bulletON.gif);}
			#side-nav ul li.active a {color:rgb(171, 36, 55); cursor:default;}
			#side-nav ul li a {color:rgb(173, 152, 91); text-decoration:none;}
			#side-nav ul li a:hover {color:rgb(171, 36, 55);}

		/* -- Content -- */
		#content {
		padding:0 0 0 4px;
		margin:0 0 20px 170px;
		}
			/* -- Content, boxes -- */
			.widebox {
			padding: 0 0.8em;
			border: 2px solid rgb(130, 130, 130);
			background: rgb(220, 220, 220);
			margin:0 0 1em 0;
			}
				.widebox:after
				{
					content: ".";
					display: block;
					height: 0;
					clear: both;
					visibility: hidden;
				}
			.sidebox {
			margin:0 0 1em 1.25em;
			padding:0 1em;
			border: 2px solid rgb(130, 130, 130);
			background: rgb(220, 220, 220);
			float:right;
			width:250px;
			font-size:95%;
			}
					.widebox h1, .widebox h2, .widebox h3, 
					.widebox h4, .widebox h5, .widebox h6,
					.sidebox h1, .sidebox h2, .sidebox h3, 
					.sidebox h4, .sidebox h5, .sidebox h6 {color:black;margin-top:10px;}
				.goldbox {
				border:2px solid rgb(173, 152, 91);
				background:rgb(235, 230, 210);
				}
					.goldbox h1, .goldbox h2, .goldbox h3, 
					.goldbox h4, .goldbox h5, .goldbox h6 {color:rgb(155, 140, 80); text-shadow: rgba(155, 140, 80,.6) 1px 1px 3px}
				.redbox {	
				border:2px solid rgb(171, 36, 55);
				background:rgb(230, 188, 180);
				}
					.redbox h1, .redbox h2, .redbox h3, 
					.redbox h4, .redbox h5, .redbox h6 {color:rgb(171, 36, 55);}

			.post-it-box {
			height:350px;
			padding:5em 6em 2em 4.5em;
			background:url(../resource/post-it-backing.jpg) no-repeat;
			}
				/*IE workaround - All IE browsers
					* html .post-it-box {
					height:437px;
					}*/

			/* -- Content, boxes -- */
			ul#previousnewsletter {
			list-style:inside disc;
			text-indent:0;
			padding-left:0;
			}
				#previousnewsletter li {}


	/* ---------- FOOTER - ELEMENTS ---------- */
		#footer ul {
		list-style:none;
		padding:0 0 0 6px;
		text-align:center;
		}
			/*IE workaround - All IE browsers
				* html #footer ul {
				padding:0;
				margin:0 0 0 12px;
				}*/
			#footer ul li {
			font-size:85%;
			display:inline;
			margin:0;
			padding:0;
			}
				/*IE workaround - All IE browsers
					* html #footer ul li{
					font-size:80%;
					}*/
			#footer ul li:after { content: " | "; }
			#footer ul li:last-child:after { content: ""; }
				#footer ul li a, #footer ul li a:visited {color:black; text-decoration:none;}
				#footer ul li a:hover {color:rgb(171, 36, 55);}
				/*IE workaround - All IE browsers
					* html #footer li{
					border-left: 1px solid black;
					padding: 0 0.4em 0 0.4em;
					margin: 0 0.4em 0 -0.4em;
					}*/


	/* ---------- GRAPHICS ---------- */
		/* -- Content H1s -- */
		#content h1.title {height:30px; margin-bottom:0.5em;}
			h1.aboutus {background:url(../resource/h1-about_us.gif) no-repeat;}
			h1.ouraims {background:url(../resource/h1-our_aims.gif) no-repeat;}
			h1.ourteam {background:url(../resource/h1-our_team.gif) no-repeat;}
			h1.contacting {background:url(../resource/h1-contacting.gif) no-repeat;}
			h1.ppi {background:url(../resource/h1-ppi.gif) no-repeat;}
			h1.proinvolve {background:url(../resource/h1-pro_involve.gif) no-repeat;}
			h1.aboutclinresearch {background:url(../resource/h1-about_clin_research.gif) no-repeat;}
			h1.currenttrials {background:url(../resource/h1-current_trials.gif) no-repeat;}
			h1.previoustrials {background:url(../resource/h1-previous_trials.gif) no-repeat;}
			h1.news {background:url(../resource/h1-newsletter.gif) no-repeat;}
			h1.events {background:url(../resource/h1-events.gif) no-repeat;}
				/*IE workaround - All IE browsers
					* html #content h1.title {
					margin-top:0;
					}*/
		
		/* -- Feature images -- */
		img.feature {
		padding:0;
		border:2px solid rgb(171, 36, 55);
		max-width:584px;
		}
		
	/* ---------- FORMS ---------- */
		/* -- Basic form elements -- */
		form.ddfm label {
		display:block;
		float:left;
		text-align:left;
		vertical-align:top;
		width:130px;
		padding-bottom:5px;
		}
			form.ddfm label span.required {
			float:left;
			margin: 2px 4px 2px 2px;
			font-size:150%;
			font-weight:bold;
			color:rgb(171, 36, 55);
			}

		form.ddfm input {
		margin-top: 0px;
		margin-bottom: 0px;
		padding:0.2em;
		width:365px;
		}
			form.ddfm input.fmverify {
			width:auto;
			}
			form.ddfm .fmcheck input {
			width:auto;
			}

		form.ddfm textarea {
		margin-top: 0px;
		margin-bottom: 0px;
		padding:0.2em;
		width:365px;
		}
		
		form.ddfm img {
		border:1px solid rgb(171, 36, 55);
		padding:0;
		margin:0 0 0 0.5em;
		vertical-align:bottom;
		}
		
		form.ddfm div.submit {margin-left:130px;}
		form.ddfm div.submit input {
		width: auto;
		}

		/* -- Form Errors -- */
		.ddfmerrors {
		background:rgb(171, 36, 55);
		color:white;
		padding:0.8em;
		margin:0.8em 0 0 0;
		font: 95%/1.3em helvetica, arial, verdana, tahoma, sans-serif;
		font-weight:bold;
		}
		.errorlist {
		border:2px solid rgb(171, 36, 55);
		border-top:0;
		padding:0.3em 0.8em;
		margin:0 0 1.2em 0;
		}
			.errorlist ul {margin:0;}

		/* -- Contact Form -- */
		.contactform {
		margin:0.9em 0 0 0;
		padding:0.2em 10px;
		background:rgb(230, 188, 180);
		border:2px solid rgb(171, 36, 55);
		}

			.contactform h3 {
			margin-top:0.5em;
			}
			.contactform .ddfmwrap {
			margin-bottom:0.8em;
			}

		/* -- Newsletter Form -- */
		.newsletterform {
		margin:0.9em 0 0 0;
		padding:0.2em 10px;
		background:rgb(230, 188, 180);
		border:2px solid rgb(171, 36, 55);
		}
			.newsletterform h3 {
			margin-top:0.5em;
			}
			.newsletterform .ddfmwrap {
			margin-bottom:0.8em;
			}