/* Lawrence House Surgery css - 15/01/09 */
/* original design and code by ben gilman - www.nuclearsummer.com */

/* resets */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

body {
	background: #f6f6f6 url(../images/bgbody.gif) repeat-x top left;
	color: #333;
	font: 13px/1.5 "Lucida Grande",Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
	margin: 0;
	padding: 0;
	}
.clear { clear: both; }
a:focus { outline: 1px dotted invert; }

h1,h2,h3,h4,h5,h6 { font-weight: normal; }
h1 { font-size:200%; }
h2 { font-size:185%; letter-spacing: -1px; }
h3 { font-size:160%; margin-bottom: 8px; }
h4 { font-size:140%; }
h5 { font-size:120%; }
h6 { font-size:110%; }
ol { list-style:decimal; }
ul { list-style:square; }
li { margin-left:30px; }

p { font-size: 14px; padding: 2px 0 7px 0;}
.page ul,
.page dl { font-size: 14px; }

a:link { color: #069; }
a:visited { color: #6e7e95; }
a:hover { color: #036; }
a:active { color: #6e7e95; }

.container {
	margin: 0 auto;
	width: 960px;
	}
.logo {
	background: transparent url(../images/logo.gif) no-repeat left -8px;
	float: left;
	height: 80px;
	width: 272px;
	}
	.logo h1 {
		display: block;
		height: 80px;
		width: 260px;
		}
		.logo h1 a {
			display: block;
			height: 100%;
			text-decoration: none;
			width: 100%;
			}
		.logo h1 a em {
			visibility: hidden;
			}
		
.container .page {
	background-color: #fff;
	border-bottom: 1px #ccc solid;
	margin: 0;
	padding: 15px;
	}

div.pagenormal {
	margin-top: 15px !important;
	}

h2 { color: #444; margin-bottom: .25em; line-height: normal;  }
h3 { color: #069; margin-bottom: .25em; font-weight: bold; letter-spacing: -1px; }
h4 { color: #555; margin-bottom: .5em; font-weight: bold; }

.languagebar {
	background-color: #fff;
	border-bottom: 1px #008aca solid;
	display: none;
	}
	.languagebar p {
		margin: 0;
		padding: 2px 0;
		}


.header {
	clear: both;
	color: #fff;
	position: relative;
	}

	.header .languages {
		position: absolute;
		top: 20px;
		right: 0px;
		}
		.header .languages a {
			color: #fff;
			}

.frontbar {
	background: transparent url(../images/frontbarphoto.jpg) no-repeat top right;
	border: 1px #ccc solid;
	height: 183px;
	margin-bottom: 15px;
	padding: 0 405px 0 0;
	}
	.frontbar h2 {
		background: transparent url(../images/frontbartext.jpg) no-repeat top left;
		height: 183px;
		margin: 0;
		padding: 0;
		width: 525px;
		}
		.frontbar h2 span {
			display: none;
			}

/* top nav styles */
.topnav {
	border-bottom: 3px #3f4c6b solid;
	clear: both;
	font-size: 90%;
	}
	.topnav ul {
		clear: both;
		}
	.topnav ul,
	.topnav ul li {
		display: inline;
		margin: 0;
		padding: 0;
		}
	.topnav ul li {
		}
	.topnav ul li a {
		background-color: #7788b3;
		border: 1px #546388 solid;
		border-bottom: 0;
		color: #fff;
		float: left;
		margin-right: 3px;
		padding: 10px 8px;
		text-decoration: none;
		}
	.topnav ul li a:hover {
		color: #fff;
		background-color: #7784aF;
		}
	.topnav ul li a.active {
		background-color: #3f4c6b;
		border-color: #3f4c6b;
		color: #fff;
		}
	.topnav ul li a:visited {
		color: #fff;
		}

.content {
	border-bottom: 2px #ddd solid;
	margin-top: 15px;
	padding: 10px;
	}

/* inner-page left nav */
.leftnav {
	background-color: #fff;
	float: left;
	padding-right: 15px;
	width: 265px;
	}
	.leftnav h2 {
		background-color: #acc855;
		font-size: 130%;
		margin-bottom: 2px;
		padding: 3px 3px 3px 6px;
		}	
	.leftnav ul,
	.leftnav ul li {
		list-style-type: none;
		margin: 0;
		padding: 0;
		}
	.leftnav ul {
		font-size: 90%;
		padding-bottom: 15px;
		}
	.leftnav ul li {
		margin-bottom: 2px;
		}
	.leftnav ul li a {
		background-color: #d0dfa2;
		border-left: 3px #acc855 solid;
		color: #425700;
		display: block;
		padding: 3px 3px 3px 6px;
		text-decoration: none;
		width: 253px;
		}
	.leftnav ul li a:visited {
		color: #425700;
		}
	.leftnav ul li a:hover {
		background-color: #edfac4;
		text-decoration: underline;
		}

.navcontent {
	float: right;
	width: 650px;
	}

/* tables e.g. opening hours */
table.text {
	border-bottom: 1px #aaa solid; 
	margin: 10px 0 15px 0;
	width: 100%;
	}
	table.text th,
	table.text td {
		padding: 5px 3px;
		}
	table.text thead th {
		background-color: #eee;
		border-bottom: 2px #444 solid;
		text-align: left;
		}
	table.text tbody th {
		text-align: left;
		}
	table.text tr.Odd td,
	table.text tr.Odd th {
		background-color: #eee;
		}
	table.text td.closed {
		color: #999;
		}

/* headings */
h2 {
	font-size: 200%;
	padding-bottom: 8px;
	}
h2.pagehead {
	border-bottom: 2px #ccc solid;
	font-size: 230%;
	line-height: 100%;
	margin-bottom: 15px;
	}

/* back to top section footer */
p.sectionfooter {
	margin-top: 4px;
	margin-bottom: 12px;
	}
	p.sectionfooter a {
		background-color: #eee;
		border: 1px #ddd solid;
		border-left: 5px #aaa solid;
		color: #444;
		display: block;
		font-size: 90%;
		padding: 3px 8px;
		}
	p.sectionfooter a:hover {
		border: 1px #008aca solid;
		border-left: 5px #008aca solid;
		color: #008aca;
		text-decoration: none;
		}

ul { margin-bottom: .75em; }
ul li { margin-bottom: .35em; }

/* staff profile people styles */
.people {
	clear: both;
	margin-bottom: 10px;
	}
	.people .photo {
		float: left;
		padding-right: 15px;
		width: 72px;
		}
		.people .photo img {
			background-color: #eee;
			border: 1px #ccc solid;
			padding: 4px;
			}
	.people .text {
		float: left;
		padding-top: 3px;
		width: 530px;
		}
	.people h5 {
		color: #777;
		font-size: 110%;
		font-weight: bold;
		}
	.people h5 .name {
		color: #444;
		display: block;
		font-size: 120%;
		}

/* lhs text block on front page */
.frontblock {
	float: left;
	padding: 0 0 0 0px;
	width: 560px;
	}

/* quick links on homepae */
.quicklinks {
	float: right;
	width: 350px;
	}
	.quicklinks ul {
		list-style: none;
		margin: 0;
		padding: 0;
		}
		.quicklinks ul li {
			margin: 0 0 3px 0;
			}
			.quicklinks ul li a {
				background-color: #d0dfa2;
				border-left: 5px #acc855 solid;
				display: block;
				padding: 8px;
				text-decoration: none;
				width: 328px;
				}
				.quicklinks ul li a:hover {
					background-color: #edfac4;
					border-left: 5px #acc855 solid;
					}
			.quicklinks ul li span.t {
				color: #476813;
				font-size: 110%;
				font-weight: bold;
				}
			.quicklinks ul li span.b {
				display: block;
				color: #444;
				font-size: 90%;
				}

.contactleft {
	float: left;
	width: 48%;
	}
.contactright {
	float: right;
	width: 48%;	
	}

.googlemap {
	border: 1px #ccc solid;
	height: 320px;
	margin-bottom: 12px;
	}

.transportlinks {
	list-style-type: none;
	margin: 15px 0px;
	padding: 0;
	}
	.transportlinks li {
		margin: 0 0 0 5px;
		padding: 0 0 3px 24px;
		}
	.transportlinks li.bus { background: transparent url(../images/transport-bus.gif) no-repeat left 3px; }
	.transportlinks li.train { background: transparent url(../images/transport-train.gif) no-repeat left 3px; }
	.transportlinks li.tube { background: transparent url(../images/transport-tube.gif) no-repeat left 3px; }

dl.contacts {
	font-size: 120%;
	font-weight: bold;
	}
	dl.contacts dt,
	dl.contacts dd {
		border: 1px #fff solid;
		padding: 5px;
		}
	dl.contacts dt {
		clear: left;
		background-color: #eee;
		float: left;
		width: 114px;
		}
	dl.contacts dt.Odd {
		background-color: #ddd;
		}
	dl.contacts dd {
		float: left;
		padding-left: 10px;
		width: 300px;
		}
	address {
		font-style: normal;
		font-size: 110%;
		}

.footer {
	background-color: #eee;
	padding: 15px 0;
	margin-bottom: 15px;
	}
	.footer address {
		font-style: normal;
		font-size: 85%;
		margin: 0;
		}

	.footer h3 {
		font-size: 130%;
		}
	.footer h4 {
		color: #888;
		font-size: 110%;
		font-weight: bold;
		margin: 0;
		padding: 0;
		}
	.footer .minisitemap {
		float: left;
		margin: 0 10px 0 15px;
		padding: 0 0;
		width: 270px;
		}
		.footer ul {
			font-size: 90%;
			list-style: none;
			}
			.footer ul li {
				margin: 0 0 1px 0;	
				}
				.footer ul li ul {
					margin-bottom: 0;
					}
				.footer ul li ul li {
					margin-left: 15px;
					}
					.footer ul li ul li a {
						color: #888;
						}
				.footer ul li a {
					color: #666;
					}
	.footer .contact {
		float: left;
		margin: 0 10px;
		width: 300px;
		}
		.footer h4 {
			padding: 0;
			}
		.footer .contact p {
			font-size: 85%;
			padding: 0 0 4px 0;
			}
	
	.footer .legal {
		float: left;
		margin: 0 0 0 10px;
		width: 300px;
		}
		.footer .legal p {
			font-size: 85%;
			}