body { margin: 0; padding: 0; }
body, td { color: #6e6e74; font: 12px Arial, Helvetica, sans-serif; line-height: 150%; vertical-align: top; }
img { border: 0; display: block; }
hr { background: url(Images/hr.jpg) no-repeat; height: 1px; line-height: 1px; border: 0; margin: 0; padding: 0; }

h1, td span.bodytext h1 { font-size: 28px; color: #008ccb; margin-top: 0; }
h2, td span.bodytext h2 { font-size: 18px; margin-top: 0; margin-bottom: 10px; }
h3, td span.bodytext h3 { font-size: 15px; margin: 10px 0; display: block; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

a, h2, h3 { color: #b3d335; }

ul { margin: 0; padding: 0; }
li { padding: 0 0 6px 12px; list-style-type: none; background: url(Images/bullet.gif) no-repeat 0 5px; color: #008ccb; }

#header { width: 100%; height: 137px; background: #007abf; background: #0b79bc url(Images/header-bg.jpg) no-repeat center; }
	#header .inner { width: 980px; height: 137px; margin: 0 auto; }

#wrapper { width: 980px; margin: 0 auto; }
		#nav { float: left;  width: 980px; margin: 108px 0 0 0; }
			#nav-links li  { height: 29px; float: left; border-right: 1px solid #8eba18;  border-left: 1px solid #d0e385; padding: 0; margin: 0; }
			#nav-links li a { background: url(Images/nav-sliver.gif) repeat-x; color: #fff; font-size: 13px; font-weight: bold; display: block; float: left; padding: 4px 8px 0 6px; height: 25px; }
			#nav-links li a:hover { background: url(Images/nav-sliver-over.jpg) repeat-x; color: #fff; display: block; float: left; padding: 4px 8px 0 6px; height: 25px; }
			
	#content { width: 100%;  float: left; }
		#left-col { width: 230px; float: left; padding: 20px 0 0; }
		#middle-col { width: 460px;  float: left; padding: 20px 0 0 30px; min-height: 800px; }
			.column { width: 220px; float: left; margin: 30px 0 0; }
		#right-col { padding: 20px 0 0 30px; float: left; width: 220px; }
			.box { float: left; background: url(Images/box-middle.gif) repeat-y; width: 100%; color: #fff; padding: 0 0 0 11px; }
			.box .bodytext { color: #fff; }
	#pre-footer { width: 100%; height: 60px; background: url(Images/cartoon-people-bottom.png) no-repeat 739px 0; }
	
#footer { background: url(Images/footer-sliver.jpg) repeat-x; height: 111px; width: 100%; float: left; }
	#footer .inner { width: 980px; margin: 0 auto; color: #ebf2c0; padding: 15px 0 0; }
	#footer .inner  a, .inner .bodytext { color: #ebf2c0; font: 11px; }

.left-col-td { background: url(Images/left-col-sliver.jpg) repeat-y; }
.right-col-td { background: url(Images/cartoon-people-top.png) no-repeat bottom right; }

#opening-hours { width: 210px; }
#opening-hours td { background: url(Images/opening-hours-sliver.jpg) repeat-x; height: 29px; color: #3c3c3c; font-size: 11px; vertical-align: middle; padding: 0 10px; }
#opening-hours td.day, #opening-hours td.time { width: 50%; }
#opening-hours td.time { text-align: right; }

.mm_footer_text { clear: both; }

/* also in style-physio.css, the wysywig uses styles is style.css but the live site uses style-physio.css */
.green { color: #b3d335 !important; }
.blue {color: #008ccb !important; }