/* CSS Document */

/* ====================================================================
GENERAL STYLING
-------------------------------------------------------------------- */
/* border:nones are for NN4 */
html { margin: 0px; padding: 0px; }
a img {
	border: 0;
}
body
	{
	text-align: center;
	margin: 20px 0 0 0;
	padding: 0px;
	background:  url(../img/bodybg.jpg) top repeat-x #fff;
	}
div { margin: 0px; padding: 0px; }
p {padding: 0px; margin: 0px;}
form {
	padding: 0;
	margin: 0;
}
.clear { clear: both;} /* CSS HACK: only for NN4, so now use Caio hack to cleanse palette */
/*/*/ .clear { display: none; } /* */
/* box-wrap is only needed if you want to set a background color for the columns, put a border round the content block or fix the content width */
.box-wrap
	{
	color : #000000;
	background: #fff;
	width: 48em;
	border: 1px solid #396184;
	margin: 0 auto;
	text-align: left;
	}
.box-header
	{
	margin: 2px 2px 0 2px;
	border: none;
	
	}
.skip {position: absolute; left: -5000em; width: 20em;}
#headerimg {

	height:180px;
	background:  url(../img/header.jpg) center no-repeat #5786BC;
	
}
.mainheader {
	background:  url(../img/mainheaderbg.gif) bottom left no-repeat #396184;
	text-align: left;
	padding: 0 0 0 40px;
	margin: 2px 0 15px 0;

}
.mainheader input {
	position: relative;
	top: 2px;

}
.mainheader h1 {
	position: relative;
	top: -3px;

}
h1 {
	font: 1em Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	line-height: 1em;
	color: #fff;
	font-weight: bold;
	display: inline;
}
span.changesize {
	position: relative;
	top: -4px;
	font: 0.9em Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	
}
#fontchange {
	padding-left: 16em;
	display: inline;
}
#fontchange img{
	margin: 0 2px;
}
.boxcontainer {
	width: 14em;
	margin-bottom: 18px;
}
.withbottomborder {
	border-bottom: 2px solid #D1DBE5;
}

.navheader {
	background-color: #EFF3F8;
	padding: 2px 0 4px 0;
	display: block;
	width: 100%;
	background:  url(../img/menubg.gif) bottom left no-repeat #396184;
	border-bottom: 1px solid #fff;
	text-align: left;
}
.navheader h2 {
	color: #fff;
	font: 0.7em Verdana, sans-serif;
	font-weight: bold;
	margin: 0 0 0 2em;
	padding: 0;
	line-height: 1em;
}
/* \*/ 
* html .nav a { 
    height: 1px; 
    } 
/*  */ 
.nav li a {
	cursor:pointer !important;
	color: #333;
	background-color: #EFF3F8;
	padding: 2px 0 3px 0;
	margin: 0;
	border-top: 1px solid #fff;
	display: block;
	width: 100%;
	background:  url(../img/menubg.gif) top left no-repeat #EFF3F8;
	font: 0.7em Verdana, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	vertical-align: bottom;

}
a.selected {
	background: #D1DBE5 !important;
}
a.selected:hover {
	background: #D1DBE5 !important;
}

.nav a:hover {
	color: #000;
	text-decoration: none;
	background: #DBEEFF;
}

.nav ul {
	cursor:pointer !important;
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: block;
}
.nav ul ul{
	margin-left: 15px;
}
.nav ul ul a{
	background:  url(../img/menubg2.gif) top left no-repeat #E3EAF2;

}
.nav ul ul a:hover{
	text-decoration: none;
}
.nav li{
	margin: 0px;
	padding: 0;

}

address {	
	font: 0.7em Verdana, sans-serif;
	margin-left: 20px;
	margin-top: 3px;
	text-align: left;
	font-style:normal;
}
a.todarkblue{
	color: #333;
}
a.todarkblue:hover {
	color: #396184;
}

div.searchbox {
	padding: 5px;
	background-color: #EFF3F8;
	border-top: 1px solid #fff;
	display: block;


}
.input {
	border: 1px solid #666666;
	font-family: Arial, Helvetica, sans-serif;

	padding-left: 3px;
}
input.searchinput {
	width: 13em;
	font-size: 0.7em;
}
.formbutton {
	background-color: #0079C2;
	border-top: 2px solid #55A6D6;
	border-bottom: 2px solid #004F7F;
	border-left: 2px solid #006AAA;
	border-right: 2px solid #0976B8;
	font: 0.65em Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	padding: 0;
	margin: 0;

}
div.searchbox .formbutton{
	width: 5em;
}
.nhsdirect {
	padding-left: 30px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.nhsdirect {
	padding-left: 44px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.p2u {
	padding-left: 13px;
}
h3 {
	font: 1.7em Arial, Helvetica, sans-serif;
	color:  #396184;
	margin:0;
	font-weight: bold;
}

.introtext {
	margin: 20px 0;
	font: 0.9em Arial, Helvetica, sans-serif;
}

div.linkslist {
	background: #DBEEFF;

	padding: 0 0 5px 0;
}
div.linkslist p {
	font: 0.7em Verdana, sans-serif;
	color: #333;
	margin: 10px 0 10px 15px;
}
div.linkslist a{
	display: block;
	margin-left: 15px;
}

div.linkslist ul{
	margin: 0;
	padding: 0 0 0 15px;
	list-style: none;	
}
div.linkslist li{
	border-bottom: 1px solid #DBEEFF;
	margin: 0;
	padding: 0;
	list-style: none;	
	line-height: 0;
}
div.linkslist li a{
	margin: 0;
	padding: 0;	
}
div.linkslist p a{
	margin: 0;
	padding: 0;	
}
div.linkslist img {
	margin: 5px 0;	
}

.bodycopy {
	font: 0.75em Arial, Helvetica, sans-serif;
	color: #494949;
}
.bodycopy a{
	color: #333;
	text-decoration: underline;
}
.bodycopy a:hover{
	color: #396184;

}
a.link1 {
	font: 0.7em Verdana, sans-serif;
	color: #333;
	font-weight: bold;
	text-decoration: none;
}
a.link1:hover {
	text-decoration: underline;
}
p a.link1 {
	font-size: 1em;
	display: inline;
}
.newsletter {
	padding: 5px 5px 10px 20px;
	background-color: #DBEEFF;
	border-top: 1px solid #fff;
	font: 0.7em Verdana, sans-serif;
}
.newsletter a {
	color: #333;

	font-family: Verdana, sans-serif;
	font-weight: bold;
	text-decoration: underline;
}
.rssfeed {
	width: 14em;
}

hr {
	border: 1px solid #fff;
	border-top: 1px solid #aeaeae;
}
hr.none {
	display: none;
}
.box-footer
	{

	clear: both;
	font: 0.65em Verdana, sans-serif;
	color: #666;
	margin: 15px 15px 0 15px;

	padding: 15px 0 15px 0;
	background: #fff;
	}
	
.box-footer a {
	font-weight: bold;
	color: #666;
	padding: 5px 10px 5px 5px;
	background:  url(../img/spacer.gif) right no-repeat;
}
.box-footer a:hover {
	color: #333;
}
span.alignright {
	margin-left: 22em;
}
.end {
	border: 0;
	background-image: none !important;
}
.displaynone {
	display: none;
}
select.selectrss {
	font: 0.6em Verdana, sans-serif;
	width: 19em;
	margin-bottom: 5px;
}
.chooserss {
	padding: 10px 5px 5px 5px;
}
.chooserss p {
	font: 0.7em Verdana, sans-serif;
	margin-bottom: 5px;
}

.chooserss .formbutton {
	width: 2em;
	position: relative;
	top: -5px;
}
h1.blockheader {
	display: block;
	height: 1%;
	background-color: #396184;
	color: #fff;
	padding: 3px 8px;
	margin: 0 0 5px 0;
	font-size: 1.6em;
}

/* doctors page */

div.docblock {
	position: relative;
/*border: 1px solid red;*/
	background: url(../img/docbg.jpg) repeat-y;
	height: 120px;
	color: #666666;
	border-bottom: 15px solid #fff;
}

div.docblock img{
	position: absolute;
	top: 0;
	left: 0;
	margin: 5px 10px 5px 5px;
}
div.docblocktext {
	position: absolute;
	top: 5px;
	left: 130px;
	height: 120px;
	
}
div.docblock h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	margin: 10px 0 10px 0;
}

div.docblock h2 a{
	color: #666666;
	text-decoration: none;
}
div.docblock h2 a:hover{
	text-decoration: underline;
}

/* doctor page */
.doctorcontainer {
	height: 458px;
	background: url(../img/doctor_bg.jpg) top repeat-x;

}
.docimagecontainer {
	float: left;
}
.docimagecontainer img {
	margin: 5px 10px 10px 5px;
}
.doctext {
	padding-top: 5px;

}
.doctext p{
	padding: 0 10px 10px 10px;
		font-size: 1em;
}
.doctext a{
	color: #333;
}
.doctext a:hover {
	color: #396184;
}

/* search */

.searchcontainer {
	height: 458px;
	background: url(../img/doctor_bg.jpg) top repeat-x;

}
.searchresults {
	padding: 10px;
}
.searchresults p{
	padding: 10px;

}


/* practice services */

.practicecontainer {
	padding: 10px;
	background: url(../img/serious_bg.jpg) top repeat-x;
	height: 1%;

}

.practicetext p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #666;
	margin-bottom: 10px;
}
.practicetext a {
	color: #333;
}
.practicetext a:hover {
	color: #396184;
}
.practicetext h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-weight: bold;
	color: #396184 !important;
}
.practicetext h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #396184;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 5px;
}
.practicetext h3 a {
	color: #396184 !important;
}
.practicetext ul {

	list-style: circle outside; 
	margin: 0 0 10px 30px;
}
.practicetext li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #666;
}
.practicetext li li{
	font-size: 1em;

	}
	
/* other services */
div.mapcontainer {
	padding: 10px;
	background: url(../img/doctor_bg.jpg) top repeat-x;
}
div#map {
	width: 29.5em;
	height: 400px;
}
.howtofindus h3{
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #396184;
	font-weight: bold;
}

/* newsletter */

.newslettertext ul {

	list-style: none; 
	margin: 0 0 10px 30px;
}
.newslettertext p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #666;
	margin-bottom: 10px;
}

/* reset links */
a.linkx {
	font-family: Verdana, sans-serif;
	color: #396184;
	font-weight: normal;
	text-decoration: none;
}
a.linkx:hover {
	color: #333;
	text-decoration: underline;
}
/* notice */

.notice h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #396184;
	font-weight: bold;
	margin-top: 8px;
	margin-left: 8px;

}
.notice p{
	margin-left: 8px;
}
p.small {
	font-size: 0.65em;
}
/* contact us */

div.contactus {
	background: url(../img/doctor_bg.jpg) top repeat-x;
	height: 700px;
	padding: 10px;
}
/*links*/
ul.links li{
	padding-top: 8px;
}

/* ====================================================================
COLUMNS LAYOUT
-------------------------------------------------------------------- */
.columns-float 
	{
	float: left;
	width: 32em;
	background:  url(../img/mainbg.gif) top right #fff repeat-y;
	}
.columns-float-long .column-one {
	/*background:  url(../img/mainbgsingle.gif) top 15.3em #000 repeat-Y;*/
	background:  url(../img/mainbgsingle.gif) 15.2em 0 #fff repeat-y;
}
.column-one
	{
	float: left;
	width: 16em;
	}
/* CSS HACK: Caio hide from NN4 since NN4's float model is all wrong */
/*/*/
.column-two { margin-left: 16em; }
.column-two-long { margin-left: 16em; }
.column-three {margin-left: 32em;}
/* */
.column-one-content, .column-two-content, .column-three-content
	{
	

	}
.column-one-content {
	padding: 0 0 6px 6px;
}
.column-two-content {
	margin-right: 15px;
}
.column-two-content-long {
	padding-top: 0;
	margin-right: 12px;

}
.column-three-content {
	margin-left: 10px;
}
/*.column-one-content { background: #fff; }
.column-two-content { background: #fff; }
.column-three-content { background: #fff; }*/
/* VERTICAL PADDING ABOVE COLUMNS */
.box-header
	{ margin-bottom: 0px; }
.column_padding_after
	{
	height:0px;
	font-size: 1px;
	line-height: 0px;
	clear: both;
	}
/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */ 
/*/*/
.box-wrap, .columns-float, .column-one, .column-two, .column-three
	{ p\osition: relative; }
/* */


/**********RSS***********************/

/* begin styles for RSS Feed */

.rss_box {
	 width: 14em;
	 background-color: #EFF3F8; 
}
.rss_items {

}

p.rss_title {

	background:  url(../img/menubg.gif) bottom left no-repeat #396184;
	background-color: #396184 !important;
	margin: 0px;
	padding: 3px 0 4px 20px;
	text-align: left;
    line-height: 0.75em;
}
a.rss_title, span.rss_desc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	background-color: transparent;
	color:#fff;
	font-weight:bold;
}
a.rss_title {
	text-decoration: underline;
}
span.rss_desc {
	font-size: 0.65em;

}

li.rss_item  {
	background:  url(../img/rssbg.gif) top left no-repeat #EFF3F8;
	margin-top:0px;
	padding: 2px 4px 5px 20px;
	color:#444;
	border-top: 1px solid #fff;
 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
  font-weight : normal;
  list-style:none;

}
ul {
	margin: 0;
	padding: 0;
}
li {
	margin: 0;
	padding: 0;
}
.rss_item_title {
	text-decoration : underline;
	color:#444;
	font-weight:bold !important;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
.rss_item a {

	color:#444;

	font-weight:normal;

	}
.rss_item a:hover {
	color: #396184;
	
}
.rss_item a:visited {
	color:#444;
}

.rss_date {
	font-size: 85%;
	font-weight : normal;
	color:#444;
	}
/*signature */
div.signature {

	margin: 10px 0;

}
div.signature a{
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 0.6em;
	color: #bebebe;
	text-decoration: none;
}
div.signature a:hover{
	text-decoration: none;
	color: #396184;
}