/*Woolpit Health Centre - Style Sheet (last change 02/01/07 - SDG) */

/*-----Global Styles------
--------------------------------------------------------------------------------*/

body {
	font-family: arial, san-serif, Verdana;
	padding: 0;
	margin: 0;
	text-align: center;
	}

h1 {
	font-size: 16px;
	font-weight: bold;
}

h2 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 14px;
	color: #515276;
	font-weight: bold;
}
	
p { 
	font-family: arial, san-serif, Verdana;	
	font-size: 12px;
	color: black;
	padding: 0;
	margin: 0;
}

img {
	margin: 0;
	padding: 0 0 10px 0;
}


ul 	{ 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	}
li	{
	margin: 0;
	padding: 0; 
	font-size: 12px;
	}
hr {
	display: none;
	}
img {
	margin: 0;
	border: 0;
	}
a 	{
	text-decoration: none;
	color: #6A4A6F;
	font-weight: bold;
	}
	a:hover {
		color: #9A669F;
		}
a.white:visited, a.white:active, a.white:link{
	text-decoration: none;
	color: white;
	font-weight: bold;
	}
	a.white: hover {
		color: white;
		}			

/*Layout Styles*/

#container {
	width: 800px;
}

#masthead {
	padding: 0 7px 5px 0;
	height: 127px;
	text-align: left;
	vertical-align: top;
	background: url(../images/layout/header-back.gif) no-repeat;
}

	#masthead p {
	padding: 0px;
	margin: 0px;
	text-indent: -5000px;
	}
	
	#masthead ul {
		padding: 81px 0 0 0;
		list-style: none;
		margin: 5px 0 5px 0;
		pading: 0;
	}
	
	#masthead li {
		display: inline;
		margin: 0 5px 0 0;
		padding: 0;
	}
	
	#masthead li a {
		height: 26px;
		color: white;
		font-weight: bold;

		}
		#mastheadnav01 {
			padding: 5px 0 0 8px;
			width: 73px;
			height: 26px;
			border-left: 1px solid white;
			border-right: 1px solid white;
			float: right;
			background: url(../images/layout/mastnav01.gif) no-repeat;
			}
		#mastheadnav02 {
			float: right;
			padding: 5px 0 0 8px;
			width: 96px;
			height: 26px;
			background: url(../images/layout/mastnav02.gif) no-repeat;
			}
	#masthead li a:hover {
		color: white;
		background-position: 0 -26px;
	}



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

#telephone {
	color: #515276;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 5px 35px 0 0;
	height: 30px;
	text-align: right;
	vertical-align: middle;
	background: url(../images/layout/header-tel.gif) no-repeat;
}

#content {
	float: right;
	margin: 0 13px 0 0;
	width: 580px;
	text-align: left;
	vertical-align: top;
	padding: 0;
	/*background: red;*/
}
#infocontent {
	float: right;
	margin: 0 13px 0 0;
	width: 570px;
	text-align: left;
	vertical-align: top;
	padding: 0;
	/*background: red;*/
}

#sidebar {
	float: left;
	margin: 0;
	padding: 0;
	min-height: 471px;
	height: auto;
	text-align: left;
	vertical-align: top;
	background: url(../images/layout/leftnav-back.gif) repeat-y;
}

#footer {
	clear: both;
	height: 30px;
	padding: 10px;
	/*background: green;*/
}
	#footer p {
		color: #515276;
	}

#footerright {
	float: right;
	width: 50%;
	text-align: right;
	vertical-align: middle;
	padding: 0 10px 0 0;
	/*background: blue;*/
} 

#footerleft {
	float: left;
	text-align: left;
	vertical-align: middle;
	padding: 0 0 0 10px;
	/*background: purple;*/
}

/*Link Styles*/

#leftnav {
	margin: 0 0 0 26px;
	height: 23px;
	width: 160px;
	clear: left;
	}
	#leftnav li {
		height: 23px;
		padding: 0 0 5px 0;
		margin: 0;
		overflow: hidden; 
		}
	#leftnav li a {
		display: block;
		height: 23px;
		color: white;
		overflow: hidden;
		}
		#leftnav01 {
			padding: 5px 0 0 8px;
			width: 160px;
			float: left;
			background: url(../images/layout/leftnav-on.gif) no-repeat;
			}
	#leftnav li a:hover {
		color: white;
		background-position: 0 -28px;
		}
	#leftnav li a.active,
	#leftnav li a.active:hover {
		background-position: 0 -28px;
		}


/*Homepage Features*/

#welcome {
	width: 580px;
	
	padding: 70px 0 10px 0;
/*	border-bottom: 10px solid white;*/
	background: url(../images/home/welcome-back.jpg) no-repeat;
}
	#welcome h1 {
		padding: 0 0 0 10px;
		color: white;
		font-size: 16px;
		font-weight: bold;
	}
	
	#welcomeright {
		float: right;
		text-align: right;
		width: 188px;
		vertical-align: bottom;
		padding: 10px 20px 0 0;
		color: white;
	}
	#welcomeleft {
		margin: 0 0 10px 0;
		width: 300px;
		text-align: left;
		}
/*------------------------------------------*/

#feature01 {
	float: right;
	width: 188px;
	height: 350px;
	background: #D3C9D5 url(../images/home/hours-back.jpg) top left no-repeat;
}
	#feature01 h1 {
		padding: 57px 0 0 5px;
		color: white;
		font-size: 16px;
		font-weight: bold;
	}
	#feature01 p {
	padding: 0 5px 0 5px;
	color: black;
	}
	#feature01 li {
		height: 25px;
		padding: 0;
		margin: 0;
		overflow: hidden; 
	}
	#feature01 li a {
		padding: 3px 0 0 20px;
		display: block;
		height: 25px;
		color: white;
		overflow: hidden;
		}
		#feature01nav01 {
			width: 160px;
			float: left;
			background: url(../images/home/link03-back.gif) no-repeat;
			}
	#feature01 li a:hover {
		color: white;
		background-position: 0 -25px;
	}
#feature01foot {
	width: 188px;
	background: white url(../images/home/feature01-foot.gif) no-repeat;
}
	
/*------------------------------------------*/
#feature02 {
	float: right;
	width: 186px;
	height: 350px;
	border-right: 10px solid white;
	background: #CAAE8A url(../images/home/appoint-back.jpg) top left no-repeat;
}
	#feature02 h1 {
		padding: 57px 0 0 5px;
		color: white;
		font-size: 16px;
		font-weight: bold;
	}
	#feature02 p {
		padding: 0 5px 0 5px;
		color: black;
	}
	#feature02 li {
		height: 25px;
		padding: 0;
		margin: 0;
		overflow: hidden; 
	}
	#feature02 li a {
		padding: 3px 0 0 20px;
		display: block;
		height: 25px;
		color: white;
		overflow: hidden;
		}
		#feature02nav01 {
			width: 158px;
			float: left;
			background: url(../images/home/link02-back.gif) no-repeat;
			}
	#feature02 li a:hover {
		color: white;
		background-position: 0 -25px;
	}
#feature02foot {
	width: 186px;
	background: white url(../images/home/feature02-foot.gif) no-repeat;
}
/*------------------------------------------*/

#feature03 {
	float: right;
	width: 186px;
	height: 350px;
	border-right: 10px solid white;
	background: #B2C98A url(../images/home/pharm-back.jpg) top left no-repeat;
}
	#feature03 h1 {
		padding: 57px 0 0 5px;
		color: white;
		font-size: 16px;
		font-weight: bold;
	}
	#feature03 p {
		padding: 0 5px 0 5px;
		color: black;
	}
	#feature03 li {
		height: 25px;
		padding: 0;
		margin: 0;
		overflow: hidden; 
	}
	#feature03 li a {
		padding: 3px 0 0 20px;
		display: block;
		height: 25px;
		color: white;
		overflow: hidden;
		}
		#feature03nav01 {
			width: 158px;
			float: left;
			background: url(../images/home/link01-back.gif) no-repeat;
			}
	#feature03 li a:hover {
		color: white;
		background-position: 0 -25px;
	}
#feature03foot {
	width: 186px;
	background: white url(../images/home/feature03-foot.gif) no-repeat;
}


/*------------------------------------------*/


/*-----Practice Information Styles------
--------------------------------------------------------------------------------*/


#inforegion {
	background: #D3C9D5 url(../images/info/info-top.gif) no-repeat;;
	padding: 0 5px 0 5px;
	width: 100%;
	margin: 0;

}

.nameunderline{
	width: 50%;
	border-bottom: 1px solid #515276;
	}

	#inforegion  li {
		border-bottom: 1px solid black;
		}

/*-----Surgury Hours Styles------
--------------------------------------------------------------------------------*/

th {
	background: #6A4A6F;
	color: white;
	height: 20px;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	border-right: 1px solid white;
	width: auto;
}

.left th {
	background: red;
	color: white;
	height: 20px;
	font-size: 10px;
	width: auto;
}

.right th {
	background: red;
	color: white;
	height: 20px;
	font-size: 10px;
	width: auto;
}

.day{
	padding: 10px;
	background: #B1B1C1;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid white;
}

.times {
	vertical-align: top;
	text-align: left;
	padding: 10px;	
	border-top: 1px solid #D3C9D5;
	border-right: 1px solid #D3C9D5;
	font-size: 12px;
}

.timeunderline {
	vertical-align: top;
	text-align: left;
	padding: 10px;	
	border-top: 1px solid #D3C9D5;
	border-right: 1px solid #D3C9D5;
	border-bottom: 1px solid #D3C9D5;
	font-size: 12px;
}


#surgregion {
	background: #D3C9D5 url(../images/surg/s_intro.gif) top left no-repeat;;
	padding: 5px;
	width: 100%;

}