body {
	background: #fff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#container {
	margin: 20px auto 0 auto;
	width: 920px;
	background: repeat-y url(images/shadowBG.gif);
}


/* utility classes etc */
p {
	margin: 0;
	padding: 0;
	font-size: 80%;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

.clearBoth {
	clear: both;
}


/* main shadows etc */
#shadowTop {
	background: no-repeat url(images/shadowTop.gif);
	height: 10px;
}

#shadowBottom {
	background: no-repeat url(images/shadowBottom.gif);
	height: 10px;
}

#mainSection {
	margin: 0 10px;
	width: 900px;
}


/* header and menubar */
#logoHeader {
	float: left;
	margin: 11px 0 0 11px;
}

#collageHeader {
	float: right;
}

#menubar {
	background: bottom repeat-x url(images/menuBG.gif) #00aa5b;
}

#menubar p {
	margin: 6px 10px 0 0;
	float: right;
	color: #fff;
	font-size: 70%;
}

#menubar ul {
	margin: 0;
	padding: 3px 0 5px 20px;
}

#menubar li {
	margin: 0 25px 0 0;
	padding: 0;
	display: inline;
	list-style: none;
	font-size: 80%;
}

#menubar a {
	text-decoration: none;
	color: #fff;
}

#menubar a:hover {
	text-decoration: underline;
}


#infoText {
	margin: 0 15px 0 20px;
}

#infoText p {
	color: #534097;
}


/* main body of the pages */
#mainBody {
	margin: 25px 0 0 20px;
	float: left;
	width: 590px;
}

#mainBodyPart1 {
	height: 230px;
	background: right bottom no-repeat url(images/pharmacist.jpg);
	border-bottom: 1px solid #e5e5e5;
}

#mainBodyPart1 p {
	width: 380px;
	line-height: 200%;
	margin: 20px 0 0 0;
	color: #333;
}

#mainBodyPart2 {
	margin: 20px 0 0 0;
	border-bottom: 1px solid #e5e5e5;
	padding: 0 0 60px 0;
}

#mainBodyPart2 h2 {
	color: #00aa5b;
	font-size: 100%;
	margin: 0 0 10px 0;
}

#openingHours {
	border: 1px solid #e5e5e5;
	background: bottom repeat-x url(images/openingBG.gif) #fff;
	float: left;
	padding: 12px 14px 0 14px;
}

#openingHours h3 {
	font-size: 80%;
	color: #999;
}

#openingHours p {
	color: #666;
	margin: 0 0 10px 10px;
}

#nhs24Statement {
	margin: 0 0 0 270px;
}

#nhs24Statement h3 {
	color: #00aa5b;
	font-size: 90%;
}

#nhs24Statement p {
	color: #999;
	margin: 5px 0 0 0;
	line-height: 130%;
}

#nhs24Statement ul {
	margin: 0;
	padding: 0;
}

#nhs24Statement li {
	color: #999;
	font-size: 80%;
	margin: 5px 0 0 20px;	
}

#mainBodyPart3 {
	margin: 20px 0 20px 20px;
}



/* right column */
#rightColumn {
	float: right;
	margin: 30px 10px 0 0
}

#rightColumn h2 {
	color: #00aa5b;
	font-size: 80%;
}

#rightColumn h2 a {
	color: #00aa5b;
	text-decoration: none;	
}

#rightColumn p {
	font-size: 75%;
	line-height: 150%;
	color: #666;
}

#rightColumn p a {
	color: #666;
	text-decoration: none;
}

.greenBox {
	margin: 0 0 20px 0;
	padding: 7px;
	width: 230px;
	background: #fff bottom repeat-x url(images/boxGreenBG.gif);
	border: #ccc solid 1px;
}

.greenBox:hover {
	background: #fff;
}

.purpleBox {
	margin: 0 0 20px 0;
	padding: 7px;
	width: 230px;
	background: #fff bottom repeat-x url(images/boxPurpleBG.gif);
	border: #ccc solid 1px;
}

.purpleBox:hover {
	background: #fff;
}

#boy, #smoking {
	float: right;
}




#footer {
	width: 900px;
	margin: 0 auto;
}

#footer ul {
	margin: 0 0 10px 10px;
	padding: 0;
	float: left;
}

#footer li {
	margin: 0 25px 0 0;
	padding: 0;
	display: inline;
	list-style: none;
	font-size: 70%;
}

#footer a {
	color: #999;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer p {
	margin: 0 10px 0 0;
	float: right;
	color: #999;
	font-size: 70%;
}



/* main body of the services pages */
#mainBodyServices {
	margin: 25px 0 0 20px;
	float: left;
	width: 590px;
}

#mainBodyServices h1 {
	color: #00aa5b;
	font-size: 120%;
	border-bottom: #ccc solid 1px;
	margin: 0 0 20px 0;
}

#mainBodyServices h2 {
	color: #00aa5b;
	font-size: 100%;
	margin: 0 0 10px 0;
	clear: both;
}

#mainBodyServices p {
	color: #666;
	font-size: 80%;
	border-bottom: #ccc solid 1px;
	margin: 0 0 20px 0;
	padding: 0 0 30px 0;
	line-height: 160%;
}

#boyLarge {
	float: right;
	margin: 0 0 0 10px;
}



/* main body of the contact page */
#mainBodyContact {
	margin: 25px 0 0 20px;
	float: left;
	width: 590px;
}

#mainBodyContact h1 {
	color: #00aa5b;
	font-size: 120%;
	border-bottom: #ccc solid 1px;
	margin: 0 0 20px 0;
}

#mainBodyContact h2 {
	color: #00aa5b;
	font-size: 100%;
	margin: 0 0 10px 0;
	clear: both;
}

#mainBodyContact p {
	color: #666;
	line-height: 150%;
}

#address {
	border: 1px solid #e5e5e5;
	background: bottom repeat-x url(images/openingBG.gif) #fff;
	margin: 0 0 20px 0;	
	padding: 12px 14px 0 14px;
	width: 35%;
}

#address h3 {
	font-size: 80%;
	color: #00aa5b;
}

#address p {
	color: #666;
	margin: 0 0 10px 10px;
}

p#contactWarning {
	color: #c33;
	font-weight: bold;
}

#contactForm {
	margin: 20px;
	padding: 10px;
	background: bottom repeat-x url(images/openingBG.gif) #fff;
	border: 1px solid #e5e5e5;
}

#contactForm ul {
	margin: 0;
	padding: 0;
}

#contactForm p {
	margin: 0 0 5px 0;
	font-size: 80%;
	color: #666;
}

#contactForm label {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

#contactForm input {
	display: block;
	margin: 0 0 0 100px;
	padding: 0;
	width: 200px;
}

#contactForm #contactPostCode {
	width: 100px;
}

#contactForm #contactTel {
	width: 150px;
}

#contactForm #contactSubmit {
	width: auto;
}

#contactForm #contactComments {
	display: block;
	margin: 0 0 0 100px;
	width: 300px;
	height: 100px;
}