/*CSS Styles for www.oxford-homeopathy.org.uk*/
@import url("oxhomform.css");
@import url("oxhomlayout.css");

 /*maincontent components*/
#maincontent {
	width : 495px;
	padding : 0px 10px 15px;
	background-color: #FFFFFF;
	color: #333;
	float: right;
	margin: 0px;
}
#maincontent p {
	margin: 0px 0px 10px;
	font: 0.8125em/1.5em Verdana, sans-serif;
	color: #333;
	background: #FFF;
	text-indent: 0.75em;
}

#maincontent h1 {
	color: #336600;
	letter-spacing: 1px;
	margin-bottom: 4px;
	margin-top: 2px;
	background-color: #FFFFFF;
	font: bold 1.2em/normal Georgia, "Times New Roman", Times, serif;
}
#mapthumb img {
	padding: 4px 20px;
}

#maincontent h2 {
	color: #336600;
	margin-bottom: 4px;
	margin-top: 2px;
	background-color: #FFFFFF;
	letter-spacing: 1px;
	font: bold 0.89em/normal Georgia, "Times New Roman", serif;
}
#maincontent h3 {
	color: #336600;
	margin-bottom: 15px;
	margin-top: 2px;
	background-color: #FFFFFF;
	letter-spacing: 1px;
	font: bold 1.1em/1.7em Georgia, "Times New Roman", serif;
	text-align: center;
}
#maincontent a {
	color: #336600;
	font-weight: normal;
	background-color: #FFFFFF;
}
#maincontent a:hover {
	color: #FF6600;
	font-weight: normal;
	background-color: #FFFFFF;
}
div#maincontent ul {
	list-style: none;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 0px;
	border: 1px none #D2DEE5;
	padding-left: 0px;
}
div#maincontent ul li {
	list-style: none;
	padding: 1px 1px 2px 4px;
	margin-left: 0px;
} 
#faq {
	background: #F8F8FC;
	border: 1px dotted #006600;
	color: #336600;
	padding: 0px 10px 0px 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#faq ol {
	color: #336600;
	font: 0.815em Arial, Helvetica, sans-serif;
	margin-top: 5px;
	margin-bottom: 5px;
}
#faq ol a {
	background: #F8F8FC;
}
#research ol {
	font: 0.815em Arial, Helvetica, sans-serif;
	color: #333;
	margin-top: 5px;
	margin-bottom: 5px;
	}
#research{
	background: #EBE9ED;
	border: 1px dotted #006600;
	color: #333333;
	padding: 0px 10px 0px 0px;
	margin-top: 10px;
	margin-bottom: 15px;
}
/*sidesection components*/
#sidesection {
	border-right : 1px solid #eee;
	border-top : 1px solid #eee;
	border-left : 1px solid #eee;
	border-bottom : 1px solid #eee;
	margin-left: 5px;
	padding: 5px;
	width: 205px;
	margin-right: 5px;
	background: #F6F8F9;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
} 
#sidesection p {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 5px;
	padding-bottom: 2px;
	font: 0.9em Arial, Helvetica, sans-serif;
} 
#sidesection ul {
list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 4px;
	}
#sidesection h1 {
	background: #FFFFFF;
	color: #336600;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 5px;
	padding-bottom: 3px;
	font: bold 0.9em Georgia, "Times New Roman", Times, serif;
}
#sidesection a {
	color: #000000;
	background-color: #FFFFFF;
}
#sidesection a:hover {
	color: #FF6600;
	background-color: #FFFFFF;
}
/*specific stylised side sections*/
#contact {
	background: #FFFFFF;
	padding: 5px 3px 2px 0px;
	border: 1px solid #CCCCCC;
	width: 200px;
	color: #333333;
	font: 0.85em Arial, Helvetica, sans-serif;
}
#contact ul li {
	padding-left: 0px;
	margin-bottom: 0px;
	padding-right: 5px;
	font-size: 0.9em;
	margin-left: 5px;
}
#pdfs {
	background: #FFFFFF;
	padding: 3px;
	border: 1px solid #CCCCCC;
	width: 197px;
	color: #333333;
	font: 0.85em Arial, Helvetica, sans-serif;
}
#pdfs ul li {
	background: url(../images/PDF_icon2.gif) no-repeat left top;
	padding-left: 22px;
	margin-bottom: 5px;
	padding-right: 5px;
	font-size: 0.9em;
}
#pdfs img {
	float: right;
	margin: 1px 0px 1px 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#links {
	background: #FFFFFF;
	padding: 3px;
	border: 1px solid #CCCCCC;
	width: 197px;
	color: #333333;
	font: 0.85em Arial, Helvetica, sans-serif;
}
#links ul li {
	background: url(../images/link_icon.gif) no-repeat left top;
	padding-left: 22px;
	margin-bottom: 5px;
	padding-right: 5px;
	font-size: 0.9em;
} 

 /*effect or other components*/
hr {
	margin : 4px 0px;
	width : 100%;
	border-top: 1px solid #BABABA;
	border-right: none;
	border-bottom: none;
	border-left: none;
	height: 1px;
} 
#imageral {
	border: 1px solid #CCCCCC;
	margin: 0px 0px 5px 7px;
	padding: 0px;
	float: right;
	width: 175px;
}
#imageral p {
	font: 0.7em Arial, Helvetica, sans-serif;
	color: #333;
	background: #FFFFFF;
	padding: 2px 3px 0px;
	text-indent: 0px;
	margin-bottom: 2px;
}
#imagebox {
	background: #FFFFFF;
	padding: 0px;
	border: 1px solid #CCCCCC;
	width: 200px;
	color: #333333;
}
#imagelal {
	border: 1px solid #CCCCCC;
	margin: 0px 7px 5px 0px;
	padding: 0px;
	float: left;
	width: 175px;
}
#imagelal p {
	font: 0.7em Arial, Helvetica, sans-serif;
	color: #333;
	background: #FFFFFF;
	padding: 2px 3px 0px;
	text-indent: 0px;
	margin-bottom: 2px;
}
#imagebox p {
	font: 0.7em Arial, Helvetica, sans-serif;
	color: #333;
	background: #FFFFFF;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-bottom: 0px;
}
#imagecal {
	border: 1px solid #CCCCCC;
	margin: 0px 7px 5px 0px;
	padding: 0px;
}
#imagecal p {
	font: 0.7em Arial, Helvetica, sans-serif;
	color: #333;
	background: #FFFFFF;
	padding: 2px 3px 0px;
	text-indent: 0px;
	margin-bottom: 2px;
}
#imagebox2 {

	background: #FFFFFF;
	padding: 0px;
	border: 1px solid #CCCCCC;
	width: 200px;
	color: #333333;
}
#imagebox2 p {

	font: 0.7em Arial, Helvetica, sans-serif;
	color: #333;
	background: #FFFFFF;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-bottom: 0px;
}
#consultation {
	background: #FFFFFF;
	padding: 5px 3px 2px 0px;
	border: 1px solid #CCCCCC;
	width: 200px;
	color: #333333;
	font: 0.85em Arial, Helvetica, sans-serif;
}

#consultation ul li {
	padding-left: 0px;
	margin-bottom: 0px;
	padding-right: 5px;
	font-size: 0.9em;
	margin-left: 5px;
	}
.day {
	font-weight: bold;
	color: #336600;
	width: 25px;
	margin-right: 5px;
	float: left;
}
.time {
	font-weight: bold;
	margin-right: 5px;
	float: left;
	font-style: italic;
}
#imagebox3 {


	background: #FFFFFF;
	padding: 0px;
	border: 1px solid #CCCCCC;
	width: 200px;
	color: #333333;
}
#imagebox3 p {


	font: 0.7em Arial, Helvetica, sans-serif;
	color: #333;
	background: #FFFFFF;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-bottom: 0px;
}
#pageholder #contentcontainer #maincontent ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding-left: 10px;
	margin-left: 0px;
	margin-right: 0px;
}

#imagebox4 {


	background: #FFFFFF;
	padding: 0px;
	border: 1px solid #CCCCCC;
	width: 200px;
	color: #333333;
}
#imagebox4 p {


	font: 0.7em Arial, Helvetica, sans-serif;
	color: #333;
	background: #FFFFFF;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-bottom: 0px;
}