/* 
	Dorset County Hospital NHS Foundation Trust CSS v1.0
		Created by Steev Bishop at NHS Creative www.nhscreative.org
		Copyright 2007, Dorset County Hospital NHS Foundation Trust
	Born 19 April 2007

	-- History --
	19 April 2007 ­ CSS begins
	----

*/

/* ---------- BASIC ---------- */
body {
margin: 1px;
padding:0;
/* height: 100%; */
text-align:center;
background:rgb(255, 255, 255);
font: 14pt/1.5em helvetica, arial, verdana, tahoma, sans-serif;

}

.hide {
/*visibility:hidden;*/
left:-999em;
}

.collapse {
display:none;
}

a img { border: 0; }
	a img:hover, a:hover img {background:none;}

/* ---------- TEXT ---------- */
h1 {
font: 180%/1.2em helvetica, arial, verdana, tahoma, sans-serif;
margin: 0.2em 0 0.8em 0;
}
h2 {
font: 160%/1.2em helvetica, arial, verdana, tahoma, sans-serif;
margin: 0.2em 0 0.8em 0;
}
	#page-patient h2 {color: rgb(101, 0, 111);}
	#page-visitor h2 {color: rgb(210, 80, 0);}
	#page-about h2 {color: rgb(165, 0, 0);}
	#page-foundation h2 {color: rgb(10, 50, 130);}
	#page-jobs h2 {color: rgb(40, 100, 0);}

h3 {
font: bold 140%/1.2em helvetica, arial, verdana, tahoma, sans-serif;
margin: 1.2em 0 0.5em 0;
}
h4 {
font: bold 120%/1.2em helvetica, arial, verdana, tahoma, sans-serif;
margin: 1.2em 0 0 0;
}
h5 {
font: bold 100%/1.2em helvetica, arial, verdana, tahoma, sans-serif;
margin: 1em 0 0 0;
}
h6 {
font: bold 90%/1.2em helvetica, arial, verdana, tahoma, sans-serif;
margin: 1em 0 0 0;
}

p {
font: 90%/1.35em helvetica, arial, verdana, tahoma, sans-serif;
margin: 0.4em 0 0.8em;
}
	a:link { color: rgb(0, 120, 192);}
	a:hover { background: rgb(255, 255, 160); color: black; }
		a.pdf {padding-right: 20px; background: url(../resource/icon_pdfSML.gif) no-repeat right;}
			a.pdf:hover {background: rgb(255, 255, 160) url(../resource/icon_pdfSML.gif) no-repeat right;}
		a.word {padding-right: 20px; background: url(../resource/icon_wordSML.gif) no-repeat right;}
			a.word:hover {background: rgb(255, 255, 160) url(../resource/icon_wordSML.gif) no-repeat right;}
		a.email {padding-right: 22px; background: url(../resource/icon_emailSML.gif) no-repeat right;}
			a.email:hover {background: rgb(255, 255, 160) url(../resource/icon_emailSML.gif) no-repeat right;}

	p.to-top {margin: 0.5em 0 0 0; border-bottom: 1px dotted black; display: block;}
		p.to-top a {text-decoration: none; background: url(../resource/to-top_off.gif) no-repeat right; padding: 0 15px 0 0;}
			p.to-top a:hover {background: rgb(255, 255, 160) url(../resource/to-top_on.gif) no-repeat right; padding: 0 15px 0 0;}
	p.address {font-size: 90%; font-weight: bold; line-height: 1.5em; padding-left: 1.5em; margin: 1em 0;}
	p.urgent {background: white; color: red; padding: 10px; margin: 1em 0; font-size: 110%; font-weight: bold; border: 2px solid red;}


acronym {cursor: help; border-bottom: 1px dotted black;}
sup {line-height: 0;}

			/*HEADER VARIATIONS*/
			h3.content-head {
			border-top: 2px solid black;
			padding: 4px 0 0 0;
			}
				#page-patient h3.content-head {border-color: rgb(101, 0, 111);}
				#page-visitor h3.content-head {border-color: rgb(210, 80, 0);}
				#page-about h3.content-head {border-color: rgb(165, 0, 0);}
				#page-foundation h3.content-head {border-color: rgb(10, 50, 130);}
				#page-jobs h3.content-head {border-color: rgb(40, 100, 0);}


/* ---------- STRUCTURE ---------- */
#page, #page-patient, #page-visitor, #page-about, #page-foundation, #page-jobs {
text-align: left;
width:800px;
margin:0 auto;
border: 1px solid blue;
background: white url(../resource/page_bck.jpg) no-repeat;
}

	#header {
	height: 190px;
	}
		#top-bar {
		padding: 0;
		height: 40px;
		background: rgb(0, 114, 188) url(../resource/top-bar_bck.gif) no-repeat;
		}
		#gfx-bar {
		margin: 20px 0 0 0;
		height: 130px;
		background: transparent url(../resource/gfxbar-home_bck2.jpg) no-repeat;
		}
			/*VARIATIONS*/
			#page-patient #gfx-bar {background: transparent url(../resource/gfxbar-patient_bck2.jpg) no-repeat;}
			#page-visitor #gfx-bar {background: transparent url(../resource/gfxbar-visitor_bck2.jpg) no-repeat;}
			#page-about #gfx-bar {background: transparent url(../resource/gfxbar-about_bck2.jpg) no-repeat;}
			#page-foundation #gfx-bar {background: transparent url(../resource/gfxbar-foundation_bc2k.jpg) no-repeat;}
			#page-jobs #gfx-bar {background: transparent url(../resource/gfxbar-jobs_bck2.jpg) no-repeat;}
		
	#main {
	margin: 25px 0 0 0;
	padding: 0 0 10px 0;
	height: auto;
	text-align: left;
	}
		#nav {
		float: left;
		position: relative;
		margin: 0 0 15px 30px;
		_margin: 0 0 0 15px;
		width: 240px;
		z-index: 2500;
		}
		#content {
		/*border: 1px solid blue;*/
		margin: 0 0 0 290px;
		padding: 5px 10px;
		width: 385px;
		_width: 401px;
		height: auto;
		background: url(../resource/content-index_back.gif) repeat-x;
		}
			/*VARIATIONS*/
			#page-patient #content {background: url(../resource/content-patient_LRGback.gif) no-repeat top left;}
			#page-visitor #content {background: url(../resource/content-visitor_LRGback.gif) no-repeat top left;}
			#page-about #content {background: url(../resource/content-about_LRGback.gif) no-repeat top left;}
			#page-foundation #content {background:  url(../resource/content-foundation_LRGback.gif) no-repeat top left;}
			#page-jobs #content {background:  url(../resource/content-jobs_LRGback.gif) no-repeat top left;}
				#page-patient #content, #page-visitor #content, #page-about #content,
				#page-foundation #content, #page-jobs #content {
				margin: 0 0 0 270px;
				padding: 5px 10px 5px 30px;
				_padding: 5px 10px 5px 30px;
				width: 385px;
				_width: 420px;
				}
		
	#footer {
	height: 82px;
	clear: both;
	}
		#icon-bar {
		height: 57px;
		padding: 0;
		background: white url(../resource/icon-bar_bck.gif) repeat-x bottom left;
		}
		#bottom-bar {
		height: 25px;
		background: rgb(0, 114, 188) url(../resource/bottom-bar_bck.gif) no-repeat;
		}
		
/* ---------- HEADER - ELEMENTS ---------- */
		#gfx-bar .logo {
		margin: 0 31px 0 470px;
		border: 0;
		}
			#gfx-bar .logo img { border: 0; }
				a.logo:hover { background: none; }

		/* ---------- TOP BAR - ELEMENTS ---------- */		
		#top-bar-nav {
		width: 430px;
		padding-top: 2px;
		_padding: 0 0 0 0;	
		}	
		#top-bar ul {
		margin: 0 0 0 5px;
		padding: 0;
		}
			#top-bar ul li {
			margin-right: 2px;
			padding: 10px 0px 16px;
			_padding: 10px 2px 12px;
			_height: 1%;
			display: inline;
			list-style: none;
			color: white;
			font: bold 80% helvetica, arial, sans-serif;
			}
				#top-bar ul li a {
				color: white;
				text-decoration: none;
				}
				#top-bar ul li a.home {
				padding: 0 2px;
				}
				#top-bar ul li.separate {
				padding-left: 8px;
				_margin-left: 2px;
				background: url(../resource/top-bar_separategfx.gif) top left no-repeat;
				font-weight: normal;
				}
					#top-bar li.tbv-normal {}
					#top-bar li.tbv-larger {}
						#top-bar li.tbv-larger a {color: rgb(180, 220, 250); font-weight: normal;}
				#top-bar ul li a:hover { text-decoration: underline; background: none;}
			
/* ---------- MAIN - ELEMENTS ---------- */
#content img {
border: 1px solid rgb(0, 120, 192);
padding: 0px;
background: white;
max-width: 380px;
}
#content .img-middle {text-align: center; margin: 10px 0; display: block;}
	#content img.middle {margin: 10px 0; display: block;}
#content img.left { float: left; margin: 0 10px 10px 0; width: 195px;}
#content img.right { float: right; margin: 0 0 10px 10px; width: 195px;}
	#page-patient #content img {border-color: rgb(101, 0, 111);}
	#page-visitor #content img {border-color: rgb(210, 80, 0);}
	#page-about #content img {border-color: rgb(165, 0, 0);}
	#page-foundation #content img {border-color: rgb(10, 50, 130);}
	#page-jobs #content img {border-color: rgb(40, 100, 0);}

		/* ---------- CONTENT - ELEMENTS ---------- */
		#content ul, #content ol {
		font: 85%/1.3em helvetica, arial, verdana, tahoma, sans-serif;
		display: block;
		}
			#content ul li {
			list-style: url(../resource/list-smalltriangle.gif) outside;
			margin-bottom: 0.4em;
			}
		
		#content ul.faq {
		list-style: url(../resource/list-smalltriangle.gif) outside;
		}
		#content ul.list li {list-style: disc outside; list-style-image: none; font-weight: bold; margin-bottom: 0.6em;}
			ol.list li {list-style: decimal outside; list-style-image: none; font-weight: bold; margin-bottom: 0.6em; }
		#content ul.atoz {
		font-size: 100%;
		margin: 0;
		padding: 4px 0 0 0;
		text-align: center;
		background: rgb(215, 245, 255);
		}
			#content ul.atoz li {display: inline; padding: 2px; color: rgb(130, 187, 225)}

		dl {
		}
			dt {font: bold 90%/1.3em helvetica, arial, verdana, tahoma, sans-serif;}
			dd {font-size: 100%; margin-bottom: 0.5em;}
				dl.list dd {font-size: 100%; margin-bottom: 0.5em; margin-left:0; padding-left:40px; border-bottom:1px black solid;}
			
		dl.links {
		background: rgb(235, 250, 255) url(../resource/dl-links_index-grad.gif) bottom repeat-x;
		padding: 10px 10px 5px;
		margin-top: 2px;
		}
			dl.links dt {
			background: url(../resource/list-smalltriangle.gif) no-repeat left 0.6em;
			padding: 0.25em 10px;
			}
			dl.links dd {
			border-bottom: 1px solid rgb(0, 120, 192);
			padding: 0 0 0 20px;
			margin: 0;
			}
				#page-patient dl.links {background: rgb(240, 238, 248) url(../resource/dl-links_patient-grad.gif) bottom repeat-x;}
						#page-patient dl.links dd {border-color: rgb(101, 0, 111);}
				#page-visitor dl.links {background: rgb(250, 240, 225) url(../resource/dl-links_visitor-grad.gif) bottom repeat-x;}
						#page-visitor dl.links dd {border-color: rgb(210, 80, 0)}
				#page-about dl.links {background: rgb(250, 230, 230) url(../resource/dl-links_about-grad.gif) bottom repeat-x;}
						#page-about dl.links dd {border-color: rgb(165, 0, 0);}
				#page-foundation dl.links {background: rgb(230, 245, 255) url(../resource/dl-links_foundation-grad.gif) bottom repeat-x;}
						#page-foundation dl.links dd {border-color: rgb(10, 50, 130);}
				#page-jobs dl.links {background: rgb(235, 245, 235) url(../resource/dl-links_jobs-grad.gif) bottom repeat-x;}
						#page-jobs dl.links dd {border-color: rgb(40, 100, 0);}

		h3.news {margin: 1.2em 0 0 0; padding: 20px 2px 2px 8px; background: transparent url(../resource/h3-news_bck.gif) no-repeat; color: rgb(0, 120, 192);}
		dl.news {margin: 0; padding: 8px 0 0 0; background: rgb(215, 245, 255);}
			dl.news dt {
			margin: 8px 8px 0;
			}
			dl.news dd {
			margin: 0;
			padding: 0 8px;
			border-bottom: 1px solid rgb(0, 120, 192);
			}
				dl.news dd.news-link {
				text-align:center;
				background: rgb(0, 120, 192);
				padding: 0.2em 0;
				border: 0;
				}
				dl.news dd.news-link p {margin: 0;}
				dl.news dd.news-link a:link, dl.news dd.news-link a:visited {color: white;}
				dl.news dd.news-link a:hover {color: black;}

		dl.ward, dl.department, dl.ward-dept {}
			dl.ward dt, dl.department dt, dl.ward-dept dt {
			padding: 0.25em 10px 0.25em 10px;
			list-style: url(../resource/list-smalltriangle.gif) outside;
			border: 1px solid rgb(0, 120, 192); border-bottom: 0;
			font: bold 90%/1.3em helvetica, arial, verdana, tahoma, sans-serif;
			background: rgb(215, 245, 255);
			}
			dl.ward dd, dl.department dd, dl.ward-dept dd {
			margin: 0 0 0.5em 0;
			padding: 5px 5px 0 10px;
			border: 1px solid rgb(0, 120, 192);
			border-top: 0;
			}
				dd.divide, dl.ward dd.divide, dl.department dd.divide, dl.ward-dept dd.divide,
				dl.list dd.divide {
				font-size: 100%;
				margin: 0 0 0.5em 0;
				padding: 0;
				border-bottom: 1px solid black; border-width: 0 0 1px 0;
				}

		dl.board {}
			dl.board dd {margin:0 0 0.9em 0; padding: 0; text-indent: 0;}
			#content dl.board dd img {margin: 0 0 3px 0;}
			dl.board dd p {margin: 0;}

			/* ---------- CONTENT - JOB DESC ---------- */
			.jobs-download {
			border: 1px solid rgb(40, 100, 0);
			background: rgb(235, 245, 235);
			padding: 0 0.8em;
			margin: 0.5em 0 1em 0;
			}

			/* ---------- TABLE - ELEMENTS ---------- */
			table {
			margin: 0 0 0.4em 0;
			font: 85%/1.3em helvetica, arial, verdana, tahoma, sans-serif;
			}
				table caption {
				margin: 0.4em 0 0 0;
				border-top: 2px solid black;
				}
				tr {border-bottom: 1px solid black;}
				th, td {padding: 0.2em 0.5em 0.2em 0; border-bottom: 1px solid black;}
				

		/* ---------- NAV - ELEMENTS ---------- */
		div.nav-head {
		width: 240px;
		height: 35px;
		background: transparent url(../resource/nav_top-gfx.gif) no-repeat top left;
		}
		#nav-pic {
		width: 240px;
		margin: 15px 0 0 0;
		}
		#nav-cont-buff {
		border: 1px solid rgb(43, 145, 205);
		border-top: 0;
		margin: 0;
		padding: 0;
		/*background: white url(../resource/nav-cont-buff_border.gif) repeat-y;*/
		}
		#nav-cont {
		/*border: 1px solid rgb(43, 145, 205);
		border-top: 0;*/
		margin: 0;
		padding: 6px 0 1px;
		}
			#nav ul {
			list-style: none;
			margin: 0;
			padding: 0;
			}
				#nav ul li {
				position: relative;
				margin: 0;
				}
					ul#nav1 li a {
					display: block;
					height: 30px;
					_height: 35px;
					margin: 0px 6px 6px 6px;
					_margin-right: 7px;
					padding: 5px 0 0 6px;
					_padding: 3px 0 4px 6px;
					color: white;
					font-weight: bold;
					text-decoration: none;
					}
						#nav1 li a.patient { background: rgb(143, 63, 151) url(../resource/nav1_patient-off.gif) no-repeat center right; }
						#nav1 li a.visitor { background: rgb(224, 134, 18) url(../resource/nav1_visitor-off.gif) no-repeat center right; }
						#nav1 li a.about { background: rgb(184, 56, 56) url(../resource/nav1_about-off.gif) no-repeat center right; }
						#nav1 li a.foundation { background: rgb(34, 73, 154) url(../resource/nav1_foundation-off.gif) no-repeat center right; }
						#nav1 li a.jobs { background: rgb(65, 155, 41) url(../resource/nav1_jobs-off.gif) no-repeat center right; }
							#nav1 li a:hover {text-decoration: underline;}

/* Fix IE. Hide from IE Mac \*/
* html #nav ul li { float: left; }
* html #nav ul li a { height: 1%; }
/* End */

			#nav1 li:hover ul, #nav1 li.over ul { display: block; left: 235px; }
				#nav1 li ul li:hover ul, #nav1 li ul li.over ul { display: block; left: 178px; _left: 170px;}
						
			#nav1 li ul {
			/*display: none;*/
			position: absolute;
			left: -999em;
			top: 0;
			/*width: 150px;*/
			z-index: 300;
			font-size: 85%;
			line-height: 1.2em;
			}
				#nav1 li:hover ul ul, #nav1 li.over ul ul 
				{ position: absolute; left: -999em; top: -2px;}

				#nav1 ul li a {
				display: block;
				border: 1px solid black;
				width: 170px;
				height: auto;
				margin: 0;
				padding: 4px;
				font-weight: normal;
				clear: both;
				text-decoration: none;
				}
				#nav1 ul li a:hover {color: black; text-decoration: underline; }
				ul#patient, ul#patient ul {background: rgb(225, 220, 240); border: rgb(101, 0, 111) solid 1px; border-top-width: 2px; border-bottom-width: 3px;}
					ul#patient li a {color: rgb(101, 0, 111); border: 0; border-top: rgb(101, 0, 111) solid 1px;}
				ul#visitor, ul#visitor ul {background: rgb(240, 225, 195); border: rgb(210, 80, 0) solid 1px; border-top-width: 2px; border-bottom-width: 3px;}
					ul#visitor li a {color: rgb(210, 80, 0); border: 0; border-top: rgb(210, 80, 0) solid 1px;}
				ul#about, ul#about ul {background: rgb(245, 210, 210); border: rgb(165, 0, 0) solid 1px; border-top-width: 2px; border-bottom-width: 3px;}
					ul#about li a {color: rgb(165, 0, 0); border: 0; border-top: rgb(165, 0, 0) solid 1px;}
				ul#foundation, ul#foundation ul {background: rgb(210, 230, 255); border: rgb(10, 50, 130) solid 1px; border-top-width: 2px; border-bottom-width: 3px;}
					ul#foundation li a {color: rgb(10, 50, 130); border: 0; border-top: rgb(10, 50, 130) solid 1px;}
				ul#jobs, ul#jobs ul {background: rgb(215, 240, 220); border: rgb(40, 100, 0) solid 1px; border-top-width: 2px; border-bottom-width: 3px;}
					ul#jobs li a {color: rgb(40, 100, 0); border: 0; border-top: rgb(40, 100, 0) solid 1px;}

				#nav1 ul li a.sub:hover {background: rgb(255, 255, 160) url(../resource/nav1_subaro-active.gif) no-repeat right center;}
					ul#patient li a.sub {background: url(../resource/nav1_patient-subaro.gif) no-repeat right center;}
					ul#visitor li a.sub {background: url(../resource/nav1_visitor-subaro.gif) no-repeat right center;}
					ul#about li a.sub {background: url(../resource/nav1_about-subaro.gif) no-repeat right center;}
					ul#foundation li a.sub {background: url(../resource/nav1_foundation-subaro.gif) no-repeat right center;}
					ul#jobs li a.sub {background: url(../resource/nav1_jobs-subaro.gif) no-repeat right center;}
		

/* ---------- FOOTER - ELEMENTS ---------- */

		/* ---------- ICON BAR - ELEMENTS ---------- */
			#icon-bar_cont {
			margin: 8px 0;
			}
			#icon-bar a:link {text-decoration: none;}
			#icon-bar a:hover {background: none;}
				#icon-bar a.ad-reader_link { margin: 0 0 0 30px; }
				#icon-bar a.doh_link { margin: 0 0 0 265px; }
				#icon-bar a.nhsdirect_link { margin: 0 0 0 50px; }

		/* ---------- BOTTOM BAR - ELEMENTS ---------- */
			#bot-bar-nav {
			margin: 0 105px 0 300px;
			padding: 0px 0 0 0;
			_padding: 5px 0 0 0;
			height: 25px;
			}
				#bot-bar-nav a:hover {text-decoration: underline; background: none;}
				#bot-bar-nav ul {
				margin: 0;
				padding: 0;
				}
					#bot-bar-nav ul li {
					display: inline;
					list-style: none;
					color: white;
					font: 70% helvetica, arial, sans-serif;
					margin: 0 0.65em 0 0;
					}
						#bot-bar-nav ul li a {
						color: white;
						text-decoration: none;
						padding: 0px 1px;
						}	
				
/* Fix IE. Hide from IE Mac \*/
* html #bot-bar-nav ul li { float: left; }
* html #bot-bar-nav ul li a { height: 1%; }
/* End */

			#bot-bar-nav li:hover ul#translate, #bot-bar-nav li.over ul#translate {
			display: block;
			height: 240px;
			overflow:visible;
			margin-left: 0px;
				_margin-left: -120px;
			}

	#bot-bar-nav ul li ul#translate {
	position: absolute;
	margin-left:-999em;
		margin-top: -260px;
			_margin-top: -240px;
	width: 150px;
	z-index: 300;
	font-size: 150%;
	background: rgb(235, 250, 255);
	border: 1px solid rgb(0, 120, 192);
	height: 1px;
	overflow:hidden;
	padding: 2px 0 0 0;
	}
		#bot-bar-nav ul#translate li a {
		display: block;
		color: black;
		height: auto;
		_width:150px;
		padding: 3px 2px 2px 2px;
		}
		#bot-bar-nav ul#translate li a:hover {
		background: rgb(255, 255, 160);
		text-decoration: none;
		}
			#bot-bar-nav ul#translate li a img {
			margin: 0 8px 0 4px;
			}