/*
-------------------------------------------------------------------------------
St Hughs Hospital website css 2005 © www.bluestormnewmedia.co.uk
-------------------------------------------------------------------------------
*/
/*<group=Reset>*/
* {padding:0; margin:0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin: 1em 0; }
li, dd { margin-left:1em; padding-bottom:.3em;}
fieldset { padding: .5em;}
/*</group>*/

/*<group=HTML elements>*/
body {
	font: small/140% "Trebuchet MS", sans-serif;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
	color: #EE44A1;
	background: #E5E6E6 url(images/i_bg.gif) top left repeat;
}
p {margin-top: 0;}
/*</group>*/

/*<group=Links>*/
a:link {color: #871838;}
a:visited {color: #354B6B;}
a:hover {color: #354B6B; text-decoration: underline;}
a:active {color: #354B6B; text-decoration: underline;}
/*</group>*/

/*<group=Lists>*/
ul {}
ul li {}

/*</group>*/
.clear {clear:both;margin:0;padding:0;height:1px;}

#container {
	margin: 0px auto;
	width: 760px;
	text-align: left;
	padding: 0 25px 0 21px;
	background: url(images/i_bgshadow.jpg) top center repeat-y;
}
#top-wrapper {position:relative; float:left;}

h1#logo {
	background: url(images/i_sthughslogo.gif) no-repeat;
	width: 760px;
	height: 50px;
	text-indent: -999em;
	margin:0;
}
#newsHome h3 {
margin-top:1em;
}
#address {
	width: 720px;
	color: #fff;
	font-family: "Trebuchet MS", serif;
	font-size: 85%;
	text-align: left;	
	background-color: #3BA5FA;
	padding: 5px 20px;
	margin:0;
	float:left;
}
#mailing-address {
float:left;
margin:0;
}
#phone {
float:right;
margin:0;
}
/* ------ MAIN NAVIGATION  -----------------------------------------*/
#mainnav {
	position:absolute;
	top:0;
	left:0;
	padding-left: 10px;
	padding-top: 10px;
	margin-left: 0px;
	margin-top: 0;
	width: 213px;
	background-color: #e5e5e6;
	color: #871838;
	font: bold 85% Georgia,"Times New Roman",Times, serif;
	text-align: left;
	list-style: none;
}

#mainnav a {
	padding: 0 0.6em 7px 0;
	margin: 0;
	text-decoration: none;
	border: none;
	color: #871838;
	background: url(images/i_underlineNavgrey.gif) no-repeat bottom left;
	display:block;
}

#mainnav a.last, a.last, body#home #mainnav a.last {
background: none;
}

body#home #mainnav a {
	background: url(images/i_underlineNav.gif) no-repeat bottom left;
}

#mainnav a:hover {
	color: #3BA5FA;
}
#mainnav ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}
#mainnav a.current {
	color: #3BA5FA;
}
body#home #mainnav {
	height:268px;
	background:#fff;
}
body#consultants, #mainnav {
	height:300px;
}
/*
body.nosub #mainnav {
	height:300px;
}*/

/*page selected----------*/
body#home a.homelist,
body#about a.aboutlist,
body#treatments a.treatmentslist,
body#services a.serviceslist,
body#patients a.patientslist,
body#consultants a.consultlist,
body#news a.newslist,
body#recruitment a.recruitlist,
body#contact a.contactlist,
body#findus a.finduslist,
body#links a.linkslist {
	color: #3BA5FA;
}


/*SUB NAV  ------------------------------------------------------*/
/*ul#mainnav li ul#subnav li a  -- not working in ff*/
ul#subnav li a {
	display: block;
	width: 15em;
	color: #666666;
	text-align: left;
	text-decoration: none;
	border: 0;
	margin: -2px 0 0 1em;
	padding: 0px 2px 8px 15px;
	background: url(images/i_bullet.gif) no-repeat top left;
}

ul#mainnav li ul#subnav li a:hover,ul#mainnav li ul#subnav li a:focus {
	color: #3BA5FA;
}

ul#mainnav li#active ul#subnav li#subactive a {
	color: #3BA5FA;
}
#subcurrent {
	color: #fff;
	background-color:#993300;
}
/*--------------------------------------*/

#inner-wrapper {
float:left;
border-top:2px dashed #3BA5FA;
margin:0;
background: url(images/i_bgcontent.gif) top left repeat-y;
background: url(images/i_bgcontent.gif) top left repeat-y;
}
#newsHome {
	float: left;
/*	<!--padding: 10px 20px;*/
		padding: 10px 10px 10px 20px;
	width: 180px;
	color: #871838;
	font: 95% Trebuchet MS, serif;
	text-align: left;
}
#newsHome img{
	margin:0;
	padding:0;
	border:1px solid #fff;
}
#newsHome h4, #newsHome p {
margin: 0 0 0 60px;
line-height:100%;
}
#newsHome div {
clear:left;
margin-bottom:2em;
}
#newsHome div p.more{
	font: 95% "Trebuchet MS", sans-serif;
	margin:0 0 0 60px;
}
*html #newsHome div p.more{
	font: 85% "Trebuchet MS", sans-serif;
}		

*html #newsHome p {
	font-size: 90%;
}
.news-date{
font-size: 90%;
font-weight: bold;
}
#content {
	margin-left: 223px;
	padding: 10px 17px 10px 20px;	
	width: 495px;
	font: 95% "Trebuchet MS", sans-serif;
	color: #000;
	border-left: 2px dashed #3BA5FA;
}
* html #content {
margin-left: 220px;
}
#footer {
	width: 740px;
	height: 10px;
	border-bottom: 5px solid #871838;
	font: 85% "Trebuchet MS", sans-serif;
	color: #871838;
	background-color: #3BA5FA;
	padding: 5px 0px 8px 20px;
	clear:both;
	position:relative;
}
#footer img {
	position:absolute;
	top:-100px;
	left:118px;
	margin:0;
	padding:0;
	border:none;
}
#flinks {
float:left;
margin:0;
}
#registered {
float:right;
margin:0 10px 0 0;
}

/* ---- HEADERS ----------------------------*/
h1 {
	color: #3BA5FA;
	background: url("images/i_underlineHeader.gif") no-repeat bottom left;
	padding: 0px 0px 0.5em 0px;
	font: bold 120% "Trebuchet MS", sans-serif;
}
h2 {
	color: #3BA5FA;
	/*background: url("images/i_underlineNav.gif") no-repeat bottom left;*/
	background: url("images/i_underlineHeader.gif") no-repeat bottom left;
	/*padding: 0px 0px 0.5em 20px; */
	padding: 0px 0px 0.5em 0;
	font: bold 120% "Trebuchet MS", sans-serif;
}
h2 a {text-decoration: none; color: #3BA5FA;}
h2 a:link {text-decoration: none; color: #3BA5FA;}
h2 a:visited {color: #3BA5FA;}
h2 a:hover {text-decoration: none; color: #871838;}
h2 a:active {color: #3BA5FA;}


h3 {
	color: #3BA5FA;
	background: url("images/i_underlineNavgrey.gif") no-repeat bottom left;
	padding-bottom: 0.5em;
	font: bold 120% "Trebuchet MS", sans-serif;
}
h4 {
	color: #871838;
	padding: 0px 0px 0.5em  0px ;
	font: bold 100% "Trebuchet MS", sans-serif;
	line-height:100%;
	margin:0;
}
h5 {
	color: #871838;
	background: url("images/i_underlineHeader.gif") no-repeat bottom left;
	padding: 0px 0px 0.5em  0px ;
	font: bold 100% "Trebuchet MS", sans-serif;
}
h6 {
	color: #871838;
	padding: 0px 0px 0.5em  0px ;
	font: bold 90% "Trebuchet MS", sans-serif;
	line-height:100%;
	margin:0;
}


/* ---- IMAGES ----------------------------*/
img#mainimg {
padding:0;
margin:0;
float: right;
border: none;
border-left:2px dashed #3BA5FA;
}

#content img {
	padding: 3px;
	margin:10px;
	border: 1px solid #871838;
	float: right;
	background: #A7D6FD;	
}

img#bodyLeft {
	padding: 3px;
	margin:10px 10px 10px 0;
	border: 1px solid #871838;
	float: left;
	background: #A7D6FD;	
}

img#divide {
	padding: 0px;
	margin:-5px 0 0 0px;
	border: none;
	background: #A7D6FD;	
}

img {
	padding: 0;
	margin:5px 10px 5px 10px;
	border: 2px solid #871838;
	float: left;
	background: #fff;
}

img#VT {
	padding: 0;
	margin:0px;
	border: 1px solid #871838;
	float: left;
	background: #fff;
}
img.smallpic {
	padding: 5px;
	border: 1px solid #ddd;
	float: right;
	background: #fff;
	margin: 0 5px 5px 10px;
}
/*-----FORM----------------------*/
fieldset {
	margin: 0 0 1em 0;
	padding: 6px 10px 15px 10px;
	border: 1px solid #ccc;
}
fieldset:hover {
	background: #f5f5f5;
}
input#submitbutton {
	font-size: 90%;
	font-weight: bold;
	background-color: #3BA5FA;
	border: 1px solid #871838;
	clear: both;
	padding: .2em;
	display: block;
	width: 58px;
}
legend {
	font-weight: bold;
	color: #871838;
	margin: 0;
	padding: 0.5em;
}
label {
	display: block;
	margin: 0 0 .3em 0;
}
input {
	font-size: 95%;
}
input.input {
	width: 250px;
	border: 2px solid #CCC;
	padding: 1px;
	display:block;
}
input.input:focus {
	border: 2px solid #666;
}
/*-----/ FORM----------------------*/
#ipix {
float: left;
width: 235px;
height: 175px;
padding-top: 20px;
}

#vt {
float: right;
width: 240px;
padding-top: 20px;
}

#flash {
padding:0;
margin:0;
float: right;
border: none;
border-left:2px dashed #3BA5FA;
}
/*-----------------------------------------*/
.readmore {
margin: 1em 0 0 0;
padding: 0;}

.readmore a{
color: #3BA5FA;
font-size: 90%;
font-weight: bold;
text-decoration: none;
padding:  0.1em 0 0 0;
}
				
.readmore a:visited {
color: #616163;
font-weight: bold;
text-decoration: none;}
				
.readmore a:hover {
color: #3BA5FA;
font-weight: bold;
text-decoration: underline;}
				
.readmore a:active {
color: #3BA5FA;
font-weight: bold;
text-decoration: none;}

/*-----------------------------------------*/
ul#serviceslist {
	margin: 0 0 20px 20px;
	padding: 0;
	list-style: none;
	list-style-image: url(/images/bullet_arrow.gif);
}
ul#serviceslist  li{
	margin: 0;
	padding: 0;
}
ul#serviceslist  a{
	color: #3BA5FA;
	font-weight: bold;
	text-decoration:none;
}	
ul#serviceslist  a:hover{
	text-decoration:underline;
}
ul#serviceslist  a:active{
	text-decoration:none;
}	

/*-----------------------------------------*/

#newsHome p#hometourlink {
	width: 180px;
	height: 65px;
	text-indent: -5000px;
	padding: 0;
	margin: 0;
	display: inline;
}

#newsHome p#hometourlink a {
	background: url("images/tourlink.gif") no-repeat bottom left;
	width: 180px;
	height: 65px;	
	border: 2px solid #fff;
	margin: 0;
	padding: 0;
	display: block;
}
#newsHome p#hometourlink a:link {border: 3px solid #fff;}
#newsHome p#hometourlink a:visited {border: 3px solid #fff;}
#newsHome p#hometourlink a:hover {border: 3px solid #99CEF8;}
#newsHome p#hometourlink a:active {	border: 3px solid #99CEF8;}


/* ---- CONSULTANTS RT UPDATE OCT 06----------*/

#consultantprofile {}

#consultantprofile h3 {background: url("images/h3_bg2.gif") bottom left no-repeat;}

#consultantprofile h5 {background: url("images/h3_bg2.gif") bottom left no-repeat;}

#consultantprofile p strong {font-size: 100%; font-weight: bold; margin-top: 0; position: relative; top: -5px;}