/*
Title:      	County Durham DAAT stylesheet for screen media
Author:     	Karl Ridley, Happyleaves Ltd, falling@happyleaves.com
Updated:    	3rd September 2007
*/


/* MAIN COMPONENTS */	

body {
	font-family: "Georgia", serif, Times, Times New Roman;
	font-size: small;
	text-align: left;
	line-height: 1.3em;
	color: #000000;
	margin: 0;
	padding: 0;
	background: #dad9d9 url(../jpg/footer-tile.jpg) repeat top left;
	}
	
#html body {
	font-size: x-small; /* IE5/Win */
	font-size: small; /* for other IE versions */
	}
	
h1 {
	font-size: 200%;
	color: #fff;
	}
	
h2 {
	font-size: 140%;
	color: #fff;
	}
	
h3 {
	font-size: 120%;
	color: #fff;
	}
	
.clear {
 	clear: both;
 	}
  
.dotteddivline {
	padding: 10px 0 10px 0;
	border-bottom: #d0cfcf 1px dotted;
	}
	
.divline {
	margin: 10px 0 10px 0;
	padding: 0 0 10px 0;
	border-top: #d0cfcf 1px solid;
	}
	
.divline2 {
	margin: 10px 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: #d0cfcf 1px solid;
	}
	
.soliddivline {
	margin: 10px 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: #d0cfcf 5px solid;
	}
	
.bodydivline {
	width: 100%;
	margin: 20px 0 0 0;
	padding: 10px 0 10px 0;
	border-top: #d7dcdf 1px solid;
	}
	
.spacer {
	padding: 20px 0 10px 0;
	}
	
.subtitle {
	font-size: 130%;
	font-weight: bold;
	color: #fff;
	}
	
.smallsubtitle {
	font-size: 145%;
	color: #1eafeb;
	}
	
.didyouknow {
	font-size: 115%;
	font-weight: bold;
	color: #e81e26;
	line-height: 1.3em;
	}
	
.quote {
	font-size: 115%;
	font-weight: bold;
	font-style: italic;
	color: #56a1d5;
	}
	
.note {
	font-size: 90%;
	padding: 10px 10px;
	background-color: #f6e67a;
	border: 1px dotted #cab737;
	}
	
.hightlight {
	font-size: 110%;
	font-weight: bold;
	color: #000000;
	line-height: 1.2em;
	}
	
.sitemap ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}
	
.sitemap li {
	list-style: none;
	}
	
.sitemaplarge {
	font-weight: bold;
	color: #000000;
	line-height: 2.5em;
	padding-left: 15px;
	background: url(../gif/bullet.gif) left center no-repeat;
	}
	
.sitemaplarge a:link, .sitemaplarge a:visited {
	color: #fe0099;
	text-decoration: underline;
	font-weight: bold;
	}
	
.sitemaplarge a:active {
	color: #c10a78;
	text-decoration: none;
	font-weight: bold;
	}
	
.sitemaplarge a:hover {
	color: #c10a78;
	font-weight: bold;
	text-decoration: underline;
	}
		
.sitemapsub {
	color: #000000;
	text-indent: 1em;
	line-height: 1.5em;
	padding-left: 30px;
	background: url(../gif/bullet.gif) 2em center no-repeat;
	}
	
.sitemapsub a:link, .sitemapsub a:visited {
	color: #fe0099;
	text-decoration: underline;
		}
	
.sitemapsub a:active {
	color: #c10a78;
	text-decoration: none;
		}
	
.sitemapsub a:hover {
	color: #c10a78;
	text-decoration: underline;
	}
	
.sitemapsubsub {
	color: #000000;
	text-indent: 3em;
	line-height: 1.5em;
	padding-left: 15px;
	background: url(../gif/bullet.gif) 3em center no-repeat;
	}
	
.sitemapsubsub a:link, .sitemapsubsub a:visited {
	color: #fe0099;
	text-decoration: underline;
	}
	
.sitemapsubsub a:active {
	color: #c10a78;
	text-decoration: none;
		}
	
.sitemapsubsub a:hover {
	color: #c10a78;
	text-decoration: underline;
	}
	
	

				
/* GENERAL COMPONENTS */		

#wrapper {
	width: 100%;
	font-size: 95%;
	margin: 0 auto;
	padding: 0;
	}
	
.normaltxt {
	text-align: left;
	color: #000000;
	line-height: 1.4em;
	}	
	
.normaltxt a:link, .normaltxt a:visited {
	color: #fe0099;
	text-decoration: underline;
	font-weight: bold;
	}
	
.normaltxt a:active {
	color: #c10a78;
	text-decoration: none;
	font-weight: bold;
	}
	
.normaltxt a:hover {
	color: #c10a78;
	font-weight: bold;
	text-decoration: underline;
	}
	
.small {
	color: #000000;
	font-size: 90%;
	line-height: 1.2em;
	}
	
.small a:link, .small a:visited {
	color: #fe0099;
	text-decoration: none;
	font-weight: bold;
	}
	
.small a:active {
	color: #c10a78;
	text-decoration: none;
	font-weight: bold;
	}
	
.small a:hover {
	color: #c10a78;
	font-weight: bold;
	text-decoration: underline;
	}
	
.spacer {
	padding: 10px 0 10px 0;
	}
	
.bulletlist ul {
	list-style: none;
	padding: 0;
	margin: 0;
	border: 0;
	}
	
.bulletlist li {
	list-style-image: url(../gif/bullet.gif);
	line-height: 1.6em;
	}
	
.larger {
	color: #000000;
	font-size: 110%;
	font-weight: bold;
	line-height: 1.3em;
	}
		
.address {
	color: #000000;
	font-size: 120%;
	line-height: 1.3em;
	}
	
.address a:link, .address a:visited {
	color: #fe0099;
	text-decoration: underline;
	font-weight: bold;
	}
	
.address a:active {
	color: #c10a78;
	text-decoration: none;
	font-weight: bold;
	}
	
.address a:hover {
	color: #c10a78;
	font-weight: bold;
	text-decoration: underline;
	}
	
.daatunittable {
	border-bottom: #e3e2e2 1px solid;
	padding: 10px 20px 20px 0;
	margin: 0;
	width: 229px;
	vertical-align: top;
	}
	
.daatunittablel {
	border-bottom: #e3e2e2 1px solid;
	padding: 10px 20px 20px 0;
	margin: 0;
	width: 225px;
	vertical-align: top;
	}
	
.daatunittabler {
	border-bottom: #e3e2e2 1px solid;
	padding: 10px 20px 20px 0;
	margin: 0;
	width: 225px;
	vertical-align: top;
	}
	
.daatboardtablel {
	width: 278px;
	border-bottom: #e3e2e2 1px solid;
	padding: 10px 20px 20px 0;
	margin: 0;
	vertical-align: top;
	}
	
.daatboardtabler {
	width: 180px;
	border-bottom: #e3e2e2 1px solid;
	padding: 10px 20px 20px 0;
	margin: 0;
	vertical-align: top;
	}
	
.drugsprisonstablel {
	width: 289px;
	border-bottom: #e3e2e2 1px solid;
	padding: 10px 0 20px 0;
	margin: 0;
	vertical-align: top;
	}
	
.drugsprisonstabler {
	width: 209px;
	border-bottom: #e3e2e2 1px solid;
	padding: 10px 0 20px 0;
	margin: 0;
	vertical-align: top;
	}
	
.drugssportstablel {
	width: 229px;
	border-bottom: #e3e2e2 1px solid;
	padding: 10px 0 20px 0;
	margin: 0;
	vertical-align: top;
	}
	
.drugssportstabler {
	width: 249px;
	border-bottom: #e3e2e2 1px solid;
	padding: 10px 0 20px 20px;
	margin: 0;
	vertical-align: top;
	}
	
.howtotablel {
	width: 166px;
	padding: 10px 0 20px 0;
	margin: 0;
	vertical-align: top;
	}
	
.howtotabler {
	width: 166px;
	padding: 10px 0 20px 0;
	margin: 0;
	vertical-align: top;
	}
	
.howtotablel a:link, .howtotablel a:visited {
	color: #fe0099;
	text-decoration: underline;
	font-weight: bold;
	}
	
.howtotablel a:active {
	color: #c10a78;
	text-decoration: none;
	font-weight: bold;
	}
	
.howtotablel a:hover {
	color: #c10a78;
	font-weight: bold;
	text-decoration: underline;
	}
	
#howtofind a img {
	padding: 3px;
	border: #ffffff 1px solid;
	background: #ffffff;
	}
	
#howtofind a:hover img {
	padding: 3px;
	border: #d0cab8 1px solid;
	background: #ffffff;
	}
	
	
	
	
	
	
/* TOPNAV COMPONENTS */		

#topnavwrapper {
	width: 100%;
	background: #fe0099 url(../jpg/pink-diag-tile.jpg) repeat-x bottom left;
	}
	
#topnavcontainer {
	width: 915px;
	padding: 0;
	margin: 0 auto;
	}
	
#topnavleft {
	float: left;
	text-align: left;
	width: 300px;
	height: 20px;
	padding: 10px 0 10px 215px;
	background: url(../gif/logo-tip.gif) no-repeat bottom left;
	}

#topnavright {
	float: right;
	text-align: right;
	width: 336px;
	padding: 0 15px 0 0;
	vertical-align: bottom;
	}	
	
#topnav {
	margin: 0;
	padding: 0;
	height: 40px;
	list-style: none;
	display: inline;
	overflow: hidden;
	text-align: right;
	}

#topnav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#topnav a {
	float: left;
	padding: 40px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:40px; /* for IE5/Win only */
	}
	
#topnav a:hover {
	background-position: 0 -40px;
	}

#topnav a:active, #topnav a.selected {
	background-position: 0 -80px;
	}
	
#topnavholder {
	position: relative;
	width: 350px;
	height: 40px;
	padding: 0 0 0 555px;
	margin: 0 auto;
	}
	
.topnavspacer a {
	width: 1px;
	background: url(../jpg/topnav/spacer.jpg) top left no-repeat;
	}
	
#tncondet a {
	width: 68px;
	background: url(../jpg/topnav/conus.jpg) top left no-repeat;
	}
	
#tnhome a {
	width: 51px;
	background: url(../jpg/topnav/home.jpg) top left no-repeat;
	}
	
#tnservicedir a {
	width: 79px;
	background: url(../jpg/topnav/servicedir.jpg) top left no-repeat;
	}	
	
#tntreatmentdir a {
	width: 79px;
	background: url(../jpg/topnav/treatmentdir.jpg) top left no-repeat;
	}	
	
#tnsitemap a {
	width: 72px;
	background: url(../jpg/topnav/sitemap.jpg) top left no-repeat;
	}
	
#tnhowtofind a {
	width: 62px;
	background: url(../jpg/topnav/howtofind.jpg) top left no-repeat;
	}
	
.searchfield {
	font-family: "Lucida Grande", Arial, Helvetica, "Verdana", sans-serif;
	padding: 2px;
	font-size: 90%;
	color: #000000;
	width: 200px;
	background-color: #ffffff;
	border: 1px solid #cecece;
	}
	
.searchfieldlarge {
	font-family: "Lucida Grande", Arial, Helvetica, "Verdana", sans-serif;
	padding: 5px 2px 5px 2px;
	font-size: 90%;
	color: #000000;
	width: 300px;
	background-color: #ffffff;
	border: 1px solid #cecece;
	}
	
.searchtablel {
	width: 215px;
	padding: 0;
	margin: 0;
	text-align: left;
	}
	
.searchtabler {
	width: 85px;
	padding: 0;
	margin: 0;
	}
	
.searchresinput {
	width: 454px;
	padding: 15px;
	margin: 0;
	background-color: #dad9d9;
	}
	
.searchresl {
	width: 315px;
	padding: 0;
	margin: 0;
	text-align: left;
	}
	
.searchresr {
	width: 139px;
	padding: 0;
	margin: 0;
	}
	
.searchresaddress {	
	color: #969696;
	}
	
.pagedl {
	width: 300px;
	padding: 0;
	margin: 0;
	text-align: left;
	line-height: 1.4em;
	}
	
.pagedr {
	width: 184px;
	padding: 0;
	margin: 0;
	text-align: right;
	line-height: 1.4em;
	}
	
.pagedr a:link, .pagedr a:visited {
	color: #fe0099;
	text-decoration: underline;
	font-weight: bold;
	}
	
.pagedr a:active {
	color: #c10a78;
	text-decoration: none;
	font-weight: bold;
	}
	
.pagedr a:hover {
	color: #c10a78;
	font-weight: bold;
	text-decoration: underline;
	}
	
#scrollerv {
	width: 500px;
	color: #ffffff;
	width: 170px;
	border-top: 1px dotted #575657;
	border-bottom: 1px dotted #575657;
	}
	
.news {
	color: #ffffff;
	line-height: 1.3em;
	font-size: 95%;
	}
	
.news  a:link, .news  a:visited {
	color: #fe0099;
	text-decoration: none;
	font-weight: bold;
	}
	
.news  a:active {
	color: #d70c86;
	text-decoration: none;
	font-weight: bold;
	}
	
.news  a:hover {
	color: #d70c86;
	font-weight: bold;
	text-decoration: underline;
	}
	
#quickjumpholder {
	padding: 0 ;
	margin: 0 auto;
	}
	
.quickjump {
	font-family: "Lucida Grande", Arial, Helvetica, "Verdana", sans-serif;
	width: 150px;
	font-size: 90%;
	color: #000000;
	}
	
	
	
/* ICON COMPONENTS */

.linkstable {
	width: 484px;
	border-collapse: collapse;
	}
	
.linkstabl {
	width: 110px;
	padding: 0px 15px 0 0;
	margin: 0;
	vertical-align: top;
	}
	
.linkstabr {
	width: 344px;
	padding: 0 0 5px 0;
	margin: 0;
	vertical-align: top;
	}
	
.linkstitle {
	font-size: 115%;
	font-weight: bold;
	}
	
	
	
	
/* EVENTS PAGE COMPONENTS */
	
.eventstable {
	width: 484px;
	border-collapse: collapse;
	}
	
.eventstabl {
	width: 119px;
	padding: 0 10px 0 0;
	margin: 0;
	color: #7c7c7c;
	text-align: left;
	vertical-align: top;
	}
	
.eventstabr {
	width: 357px;
	padding: 0;
	margin: 0;
	vertical-align: top;
	}
	
.eventstabr a:link, .eventstabr a:visited {
	color: #fe0099;
	text-decoration: underline;
	font-weight: bold;
	}
	
.eventstabr a:active {
	color: #c10a78;
	text-decoration: none;
	font-weight: bold;
	}
	
.eventstabr a:hover {
	color: #c10a78;
	font-weight: bold;
	text-decoration: underline;
	}
	
.eventspic {
	border: #dad9d9 3px solid;
	}
	
.startdate {
	color: #86be48;
	font-weight: bold;
	}
	
	
	
	
	
/* ICON COMPONENTS */

#icon01 {
	width: 117px;
	margin: 0 auto;
	height: 71px;
	padding: 5px 3px 0 40px;
	background: url(../jpg/icon01.jpg) no-repeat top left;
	}
	
#icon02 {
	width: 117px;
	margin: 0 auto;
	height: 71px;
	padding: 5px 3px 0 40px;
	background: url(../jpg/icon02.jpg) no-repeat top left;
	}
	
#icon03 {
	width: 117px;
	margin: 0 auto;
	height: 71px;
	padding: 5px 3px 0 40px;
	background: url(../jpg/icon03.jpg) no-repeat top left;
	}
	
#icon04 {
	width: 117px;
	margin: 0 auto;
	height: 71px;
	padding: 5px 3px 0 40px;
	background: url(../jpg/icon04.jpg) no-repeat top left;
	}
	
#icon05 {
	width: 117px;
	margin: 0 auto;
	height: 71px;
	padding: 5px 3px 0 40px;
	background: url(../jpg/icon05.jpg) no-repeat top left;
	}
	
#icon06 {
	width: 117px;
	margin: 0 auto;
	height: 71px;
	padding: 5px 3px 0 40px;
	background: url(../jpg/icon06.jpg) no-repeat top left;
	}
	
.thanx {
	color: #afdd21;
	line-height: 1.3em;
	font-size: 180%;
	}
	
	
.titleslarge {
	color: #1eafeb;
	line-height: 1.3em;
	font-size: 240%;
	}
	
.titleslarge a:link, .titleslarge a:visited {
	color: #fe0099;
	text-decoration: underline;
	font-size: 60%;
	}
	
.titleslarge a:active {
	color: #c10a78;
	text-decoration: underline;
	font-size: 60%;
	}
	
.titleslarge a:hover {
	color: #c10a78;
	text-decoration: underline;
	font-size: 60%;
	}	
	
.titlesmedium {
	color: #1eafeb;
	line-height: 1.3em;
	font-size: 135%;
	}
	
.titlessmall {
	color: #1eafeb;
	line-height: 1.3em;
	font-size: 115%;
	}
	
.learnmore {
	margin: 0;
	padding: 36px 0 0 0;
	list-style: none;
	display: inline;
	overflow: hidden;
	text-align: left;
	}

.learnmore li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

.learnmore a {
	float: left;
	padding: 23px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:23px; /* for IE5/Win only */
	}
	
.learnmore a:hover {
	background-position: 0 -23px;
	}

.learnmore a:active, .learnmore a.selected {
	background-position: 0 -23px;
	}
	
.learnmoreimg a {
	width: 131px;
	background: url(../gif/but-learn.gif) top left no-repeat;
	}
	
	
	
	
	
	
/* MAIN NAV COMPONENTS */		

#mainnav {
	width: 170px;
	margin: 0 auto;
	float: left;
	margin: 0;
	padding: 20px 0 20px 0;
	}
	

	

/* LOGO AREA COMPONENTS */		
	
#logowrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: #000000 url(../jpg/logo-tile.jpg) repeat-x top left;
	border-bottom: #ffffff 10px solid;
	}
	
#logocontainer01 {
	width: 700px;
	height: 40px;
	margin: 0 auto;
	padding: 100px 0 0 215px;
	background: #000000 url(../jpg/logo-01new.jpg) no-repeat top left;
	}
	
#logocontainer02 {
	width: 915px;
	height: 140px;
	margin: 0 auto;
	padding: 0;
	background: #000000 url(../jpg/logo-02new.jpg) no-repeat top left;
	}
	
#logocontainer01new {
	width: 700px;
	height: 40px;
	margin: 0 auto;
	padding: 100px 0 0 215px;
	background: #000000 url(../jpg/logo-01new.jpg) no-repeat top left;
	}
	
#logocontainer02new {
	width: 915px;
	height: 140px;
	margin: 0 auto;
	padding: 0;
	background: #000000 url(../jpg/logo-02new.jpg) no-repeat top left;
	}
	
		
/* CONTENT COMPONENTS */	

#contentwrapper {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #f8f6f6 url(../jpg/content-tile.jpg) repeat top left;
	border-top: #e3e2e2 1px solid;
	}	
	
#content {
	width: 915px;
	margin: 0 auto;
	padding: 0;
	background: #f8f6f6 url(../jpg/mainnav-tile.jpg) repeat-y top left;
	}
	
#contentleft {
	float: left;
	width: 200px;
	padding: 20px 0 0 15px;
	}
	
#contentright {
	float: right;
	width: 700px;
	padding: 0;
	}
	
#contentright01 {
	float: left;
	width: 484px;
	padding: 20px 15px 0 0;
	}
	
#contentright02 {
	float: right;
	width: 170px;
	padding: 20px 10px 0 15px;
	}
	
	


/* FORMS COMPONENTS */		
	
form {
	margin: 0;
	padding: 0;
	}

fieldset {
	margin: 0;
	border: none;	
	}

legend {
	margin: 30px 0 10px 0;
	padding: 0;
	color: #5a5a5a;
	background: transparent;
	font-size: 130%;
	font-weight: bold;
	}

label {
	float: left;
	width: 100px;
	padding: 0 1em;
	text-align: right;
	}

fieldset div {
	margin-bottom: .5em;
	padding: 0;
	display: block;
	}

fieldset div input, fieldset div textarea {
	width: 180px;
	border: 1px solid #dad9d9;
	padding: 2px;
	color: #000000;
	}

fieldset div select {
	padding: 2px;
	}

div.fm-multi div {
	margin: 5px 0;
	}

div.fm-multi input {
	width: 1em;
	}

div.fm-multi label {
	display: block;
	width: 200px;
	padding-left: 5em;
	text-align: left;
	}

#fm-submit {
	clear: both;
	padding: 0 0 0 135px;
	}

input:focus, textarea:focus {
	background: #edecec;
	color: #000;
	}
	
/* required fields - does not work in IE */
fieldset div.fm-req {
	font-weight: bold;
	}

fieldset div.fm-req label:before {
	content: "*"; /* does not work in IE */
	}

	

	

	
/* FOOTER AREA COMPONENTS */	

#footerwrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: url(../jpg/footer-tile.jpg) repeat top left;
	}
	
#footerpinktile {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: url(../jpg/footer-pink-tile.jpg) repeat-x top left;
	}		
	
#footerpink {
	width: 915px;
	height: 45px;
	margin: 0 auto;
	padding: 0;
	background: url(../jpg/footer-pink.jpg) no-repeat top left;
	}	
	
.footerdivline {
	margin: 10px 0 10px 0;
	padding: 0 0 10px 0;
	border-top: #4d6674 1px solid;
	}
	
#footerleft {
	float: left;
	width: 575px;
	margin: 0 auto;
	padding: 0;
	}
	
#footerright {
	float: right;
	width: 160px;
	margin: 0 auto;
	padding: 5px 15px 5px 15px;
	color: #ffffff;
	border: #cdcccc 1px solid;
	background: #acabab url(../jpg/address-tile.jpg) repeat top left;
	}
	
#footercontainer {
	width: 880px;
	color: #778e9b;
	margin: 0 auto;
	font-size: 85%;
	padding: 10px 20px 20px 15px;
	}
	
.footertxt {
	color: #000000;
	margin: 0 auto;
	}
	
.footertxt a:link, .footertxt a:visited {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	}
	
.footertxt a:active {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	}
	
.footertxt a:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
	}
		
.addresstxt {
	color: #ffffff;
	line-height: 1.2em;
	margin: 0 auto;
	font-size: 130%;
	}

/** Download user Control **/
.download {margin:0 0 0.5em 0;}
.download img {border:none;vertical-align:bottom;margin:0 0.5em 0 0;}
.download .icon {}
.download .link {}
.download a {}
/** end of styles for download user control **/