@charset "UTF-8";
/* CSS Document */

/**********************

generic styles
          
***********************/

* {
	margin: 0px;
	padding: 0px;
}

.clearboth {
	clear: both;
	margin: 0px;
	padding: 0px;
}

body {
	font: 62.5% Arial, Helvetica, sans-serif;
	color: #333333;
	background: #CCCCCC;	/*background: url(../images/bodybg.gif) repeat-x;*/
}

p {
	font-size: 1.2em;
	line-height: 1.4em;
}

a {
	color: #333333;
	text-decoration: underline;
}

img {
	border-style: none;
}

ul.nobullets {
	list-style: none;
}

.hidden {
	display: none;
}


#pagecontainer {
	padding: 0px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 20px;
	background: #FFFFFF;
}



/**********************

wave forms
          
***********************/

#pagecontainer #waveform {
	height: 25px;
}

#homepage #topnav {
	background: #F2F2F2 url(../images/homewaveformtop.jpg) no-repeat right bottom;
	}
	
#informationpage #topnav {
	background: #F2F2F2 url(../images/waveforminformationtop.jpg) no-repeat left bottom;
	}


#informationpage #waveform {
	background: url(../images/waveforminformationbottom.jpg) no-repeat left top;
}

#ourstaffpage #topnav {
	background: #F2F2F2 url(../images/waveformourstafftop.jpg) no-repeat left bottom;
	}


#ourstaffpage #waveform {
	background: url(../images/waveformourstaffbottom.jpg) no-repeat left top;
}

#profilepage #topnav {
	background: #F2F2F2 url(../images/waveformprofiletop.jpg) no-repeat left bottom;
	}


#profilepage #waveform {
	background: url(../images/waveformprofilebottom.jpg) no-repeat left top;
}

#teachingpage #topnav {
	background: #F2F2F2 url(../images/waveformteachingtop.jpg) no-repeat left bottom;
	}


#teachingpage #waveform {
	background: url(../images/waveformteachingbottom.jpg) no-repeat left top;
}

#contactuspage #topnav {
	background: #F2F2F2 url(../images/waveformcontactustop.jpg) no-repeat left bottom;
	}


#contactuspage #waveform {
	background: url(../images/waveformcontactusbottom.jpg) no-repeat left top;
}

#newspage #topnav {
	background: #F2F2F2 url(../images/waveformnewstop.jpg) no-repeat left bottom;
	}


#newspage #waveform {
	background: url(../images/waveformnewsbottom.jpg) no-repeat left top;
}


/**********************

header
          
***********************/
#header #banner {
	height: 115px;
	width: 800px;
	background: url(../images/headerbg.jpg) repeat-x;
}

#header #banner #headerlogo {
	padding-top: 67px;
	padding-left: 30px;
	background: url(../images/headernumbers.gif) no-repeat right bottom;
}


/**********************

top nav bar
          
***********************/

#topnav {
	background: #F2F2F2;
	width: 800px;
}


#topnav li {
	display: block;
	list-style: none;
	font-size: 1.2em;
	color: #336699;
	float: left;
}

#topnav li a {
	color: #003366;
	display: block;
	text-decoration: none;
	padding: 8px 20px;
	float: left;
	background: url(../images/topnavborder.gif) repeat-y right;
}

#topnav li a:hover {
	background: #C5D3E2 url(../images/topnavborderhover.gif) repeat-y right;
}


/**********************

main content
          
***********************/

#maincontent {
	margin: 10px 0px 15px 50px;
	width: 750px;
	height: auto;
}

#profilepage #maincontent, #ourstaffpage #maincontent, #teachingpage #maincontent, #contactuspage #maincontent {
	width: 700px;
	margin-left: 100px;
}

#profilepage #maincontent #leftcolumn, #teachingpage #maincontent #leftcolumn, #contactuspage #maincontent #leftcolumn {
	float: left;
	width: 545px;
}


#maincontent #leftcolumn {
	float: left;
	width: 505px;
}

#maincontent #rightcolumn {
	float: right;
	width: 215px;
}

/**********************

main content left column
          
***********************/


#maincontent #leftcolumn p {
	margin-bottom: 1em;
	margin-top: 1em;
}

#maincontent #leftcolumn h1 {
	font-size: 1.8em;
	color: #003366;
	font-weight: normal;
}

#maincontent #leftcolumn h2 {
	font-size: 1.4em;
	color: #003366;
	margin-top: 2em;
	margin-bottom: 0.5em;
}


#maincontent #leftcolumn h3 {
	font-size: 1.2em;
	color: #003366;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 1em;
}

#maincontent #leftcolumn h3 a{
	color: #003366;
}

#maincontent #leftcolumn ol li {
	list-style-type: decimal;
}

#maincontent #leftcolumn li {
	font-size: 1.2em;
	line-height: 1.4em;
	margin-bottom: 0.5em;
	margin-left: 2em;
	list-style-position: outside;
	margin-top: .5em;
}



/**********************

main content right column nav
          
***********************/

#maincontent #rightcolumn #rightnav {
	border-top: 1px solid #CCCCCC;
}

#maincontent #rightcolumn #rightnav li {
	border-bottom: 1px solid #CCCCCC;
	list-style: url(none) none;
	font-size: 1.2em;
	color: #666666;
	padding: 5px 20px 5px 5px;
}

#maincontent #rightcolumn #rightnav li a {
	color: #666666;
	text-decoration: none;
}

#maincontent #rightcolumn #rightnav li a:hover {
	color: #333333;
}


/**********************

home image
          
***********************/

#homeimage {
	background: #ACC0D6 url(../images/homeimage.jpg) no-repeat left top;
	height: 170px;
	width: 800px;
}

#homeimage #hometextopen {
	background: url(../images/homewaveformbottom.jpg) no-repeat right top;
	height: 170px;
	width: 335px;
	float: right;
	text-align: center;
	vertical-align: middle;
}

#homeimage #hometextopen #caringimage {
	padding-top: 65px;
}


#homeimage #hometextclosed {
	background: url(../images/homewaveformbottom.jpg) no-repeat right top;
	height: 170px;
	width: 335px;
	float: right;
	text-align: center;
}

#homeimage #hometextclosed p {
	font-size: 1.3em;
	color: #FF0000;
	font-weight: bold;
	padding: 10px 15px;
	margin: 20px;
	background: #FFFFFF;
}

/**********************

home content
          
***********************/

#homecontent {
	margin: 25px 15px 15px 30px;
	width: 755px;
	background: url(../images/pixel_ccc.gif) repeat-y 502px;
	height: auto;
}

#homecontent #leftcolumn {
	float: left;
	width: 480px;
}

#homecontent #rightcolumn {
	float: right;
	width: 230px;
}


/**********************

home content latest news
          
***********************/

#homecontent #leftcolumn #latestnewspanel {
		background: url(../images/homelatestnewsbg.jpg) no-repeat;
}

#homecontent #leftcolumn #latestnewspanel h1 {
	font-size: 1.4em;
	background: #336699 url(../images/homeheadingbgwide.gif) no-repeat;
	padding: .5em 20px;
	font-weight: normal;
	color: #FFFFFF;
}

#homepage #pagecontainer #homecontent #leftcolumn #latestnewspanel #rssfeed {
	padding-top: 10px;
	padding-left: 20px;
}

#homepage #pagecontainer #homecontent #leftcolumn #latestnewspanel #rssfeed img {
	vertical-align: text-bottom;
}


#homecontent #leftcolumn #latestnewspanel h2 {
	font-size: 1.4em;
	color: #336699;
}


#homecontent #leftcolumn #latestnewspanel ul {
	padding: 0px 20px 10px;
}

#homecontent #leftcolumn #latestnewspanel li {
	list-style: none;
	margin-top: 15px;
}

#homecontent #leftcolumn #latestnewspanel p.latestnewsdate {
	font-style: italic;
	color: #666666;
}

/**********************

home content location
          
***********************/

#homecontent #leftcolumn #location {
	background: #F9FAFC;
	margin-top: 20px;
	margin-bottom: 20px;
}
#homecontent #leftcolumn #location #wrapper{
	border-bottom: 1px solid #CCCCCC;
}
#homecontent #leftcolumn #location h1 {
	font-size: 1.4em;
	background: #699C5E url(../images/homeheadingbgwide.gif) no-repeat;
	padding: .5em 20px;
	font-weight: normal;
	color: #FFFFFF;
}

#homecontent #leftcolumn #location #addresspanel {
	padding: 15px 20px;
}

#homecontent #leftcolumn #location h2 {
	font-size: 1.4em;
	color: #699C5E;
	margin-bottom: .3em;
}
#homecontent #leftcolumn #location h3 {
	font-size: 1.2em;
	font-weight: normal;
	color: #699C5E;
	margin-top: 1em;
}


#homecontent #leftcolumn #location #addresspanel #skiptonaddress {
	float: left;
	width: 195px;
}

#homecontent #leftcolumn #location #addresspanel #gargraveaddress {
	width: 200px;
	float: left;
	padding-left: 40px;
	border-left: 1px solid #CCCCCC;
}

#homecontent #leftcolumn #location #locationfooter {
	padding-left: 20px;
	padding-top: 8px;
	padding-bottom: 10px;
	background: url(../images/homefooterbgwide.gif) no-repeat bottom;
}

/**********************

home content tools
          
***********************/

#homecontent #leftcolumn #toolsandlinkspanel {
	background: #F9FAFC;
	margin-top: 20px;
	margin-bottom: 20px;
}
#homecontent #leftcolumn #toolsandlinkspanel #wrapper{
	border-bottom: 1px solid #CCCCCC;
}
#homecontent #leftcolumn #toolsandlinkspanel h1 {
	font-size: 1.4em;
	background: #666666 url(../images/homeheadingbgwide.gif) no-repeat;
	padding: .5em 20px;
	font-weight: normal;
	color: #FFFFFF;
}

#homecontent #leftcolumn #toolsandlinkspanel #toolspanel {
	padding: 15px 20px;
}

#homecontent #leftcolumn #toolsandlinkspanel h2 {
	font-size: 1.4em;
	color: #666666;
	margin-bottom: .3em;
}


#homecontent #leftcolumn #toolsandlinkspanel #toolspanel #patientuk {
	float: left;
	width: 185px;
	padding-right: 15px;
}

#homecontent #leftcolumn #toolsandlinkspanel #patientuk h2 {
	color: #DC5156;
}

#homecontent #leftcolumn #toolsandlinkspanel #toolspanel #patientuk input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding: 2px;
	background-color: #FFFFFF;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	margin-top: 5px;
	margin-bottom: 5px;
}

#homecontent #leftcolumn #toolsandlinkspanel #toolspanel #patientuk input#searchfor {
	width: 160px;
}

#homecontent #leftcolumn #toolsandlinkspanel #toolspanel #patientuk #patientuksubmit {
	border:0px;
	color: #FFFFFF;
	background: #666666;
	padding: 3px;
	margin: 0px;
}

#homecontent #leftcolumn #toolsandlinkspanel #toolspanel #patientuk label {
	display: none;
	}

#homecontent #leftcolumn #toolsandlinkspanel #toolspanel #usefullinks {
	width: 195px;
	float: left;
	padding-left: 30px;
	border-left: 1px solid #CCCCCC;
}

#homecontent #leftcolumn #toolsandlinkspanel #toolspanel #usefullinks li {
	font-size: 1.2em;
	line-height: 1.4em;
	list-style: url(none) none;
	margin-top: .4em;
	margin-bottom: .4em;
}

#homecontent #leftcolumn #toolsandlinkspanel #toolsfooter {
	padding-left: 20px;
	padding-top: 8px;
	padding-bottom: 10px;
	background: url(../images/homefooterbgwide.gif) no-repeat bottom;
}

/**********************

home content right column appointments
          
***********************/


#homecontent #rightcolumn #bookappointments h1 {
	font-size: 1.4em;
	color: #699C5E;
	padding-bottom: .3em;
}

#homecontent #rightcolumn #appointmentbutton {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 10px;
}

/**********************

home content right column information panel
          
***********************/

#homecontent #rightcolumn #informationpanel {
	background: url(../images/homelatestnewsbg.jpg) no-repeat;
	margin-top: 15px;
	margin-bottom: 15px;
}

#homecontent #rightcolumn #informationpanel h1 {
	font-size: 1.4em;
	background: #666666 url(../images/homeheadingbgnarrow.gif) no-repeat;
	padding: .5em 20px;
	font-weight: normal;
	color: #FFFFFF;
}

#homecontent #rightcolumn #informationpanel h2 {
	font-size: 1.2em;
	color: #666666;
}

#homecontent #rightcolumn #informationpanel ul {
	padding: 15px 20px 10px;
}

#homecontent #rightcolumn #informationpanel li {
	list-style: none;
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom: 1px solid #CCCCCC;
}

/**********************

News Table
          
***********************/

#newspage table {
	font-size: 1.1em;
	width: 100%;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	text-align: left;	
 	border-collapse: collapse;
}

#newspage th {
	border-width: 0px;
	background-color: #669966;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 7px;
	padding-left: 8px;
	color: #ffffff;
}


#newspage tr.coloured {
	background-color:#EEEEEE;
	}

#newspage td {
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 7px;
	padding-left: 8px;
	vertical-align: middle;
}

#newspage td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}

	
#newspage td a {
	color:#000000;
	text-decoration: none;
}

#newspage td a:hover {
	text-decoration: underline;
}
	
#newspage table .center {
	text-align: center;
	}

/**********************

footer
          
***********************/
#pagecontainer #footer {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 20px;
	background: #336699;
}

#pagecontainer #footer li {
	font-size: 1.1em;
	list-style: none;
	display: inline;
	color: #FFFFFF;	
	
}

#pagecontainer #footer li a {
	color: #FFFFFF;
	text-decoration: underline;
}

/**********************

useful links page
          
***********************/


#informationpage #maincontent #leftcolumn ul.usefullinks li {
	margin-left: 0em;
	list-style: none;
	margin-top: 1em;
	margin-right: 1em;
}


#informationpage #maincontent #leftcolumn table#usefulnumbers {
	font-size: 1.2em;
	margin-top: 15px;
}

#informationpage #maincontent #leftcolumn table#usefulnumbers tr.green{
	background: #F1F6F0;
}

#informationpage #maincontent #leftcolumn table#usefulnumbers td{
	width: 50%;
	padding: .7em;
}

#informationpage #maincontent #leftcolumn table#usefulnumbers td.number{
	text-align: right;
}


/**********************

our staff page
          
***********************/

#ourstaffpage #maincontent #leftcolumn ul li {
	margin-left: 0em;
	list-style: none;
}

/**********************

contact us page
          
***********************/


#contactuspage #maincontent #leftcolumn table#usefulnumbers {
	font-size: 1.2em;
	margin-top: 15px;
	width: 100%;
}

#contactuspage #maincontent #leftcolumn table#usefulnumbers tr.green{
	background: #F1F6F0;
}

#contactuspage #maincontent #leftcolumn table#usefulnumbers td{
	width: 50%;
	padding: .7em;
}

#contactuspage #maincontent #leftcolumn table#usefulnumbers td.number{
	text-align: right;
}

/**********************

latest news page
          
***********************/


#newspage #maincontent #leftcolumn #rssfeed img {
	vertical-align: text-bottom;
}