/* css style sheet for Heidi Bader acupuncture*/
/* created by Isabelle Jackson - http://www.isabellejackson.co.uk*/

/*23 October 2008*/

/*
================= Colours ============================
LIGHT GREY: #EFEFEF
SILVER: #cccccc
PURPLE: #380038(bg colour)
LIGHT PURPLE: #daa4fd
PINK: #faeaff (bg colour)

*/


html {width:100%;font-size:101%;}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin: 0 auto;
	padding: 0;
	color: White;
	background-color: #560056;
	background-image: url(../images/bg_image.jpg);
	background-position: top;
	background-repeat: repeat-x;
}
.clear {clear:both; line-height: 1px;}
img {border:none;}
a {text-decoration: none; color: #380038;}
a:hover {color: #daa4fd;}

.floatLeft{float: left;}
.floatRight{float: right;}
/* --------------------------------wrappers --------------------------------- */ 
#wrapper {margin: 0 auto;	padding: 0; border: none; background-color: White; width: 950px; color: #696969;}
#header {width: 950px; height: 150px; margin: 0; padding: 0;}
#mainTextArea {float: left; padding: 0; width: 660px; margin: 0 0 0 10px; background-color: white;}
#footer {width: 950px; margin: 0 auto; border: none; background-color: #ffffff; background-image: url(../images/footer_bg.jpg); background-position: bottom; background-repeat: repeat-x; text-align: right;}

#logo {float: none; width: 99%; margin: 0 0 0 auto; padding: 0;}

#rightBox {border: 0; width: 200px; margin: 50px 5px 40px 45px; padding:0; float: left; text-align: center;}

ul.rightBox {padding: 0; margin: 0;}
ul.rightBox li {list-style: none; margin: 0; padding: 0;}
ul.rightBox a:link, ul.rightBox a:active, ul.rightBox a:visited {font-weight: bolder; font-variant: small-caps;  background: #fdebfd; color: #380038; display: block; padding: 15px;}
ul.rightBox a:hover {background-color:#fdebfd; color: #696969;}

.testimonial {font-family: "Courier New", Courier, monospace; font-size: .9em; color: #380038; line-height: 1.6em; background-color: #fff6ff; border: 1px solid silver; margin: 30px 10px; padding: 10px; width: 40%; float: left;}

/*=========== Navigation ====================================*/

#navBar {float: right; margin: 5px; padding: 0; width: 250px;}

ul.navBar {padding:0; margin: 0; float: left; width: 250px;}
ul.navBar li {background-color: #380038; margin: 0; padding: 0; float: left; width: 240px; list-style: none;}
ul.navBar li a, ul.navBar li a:active, ul.navBar li a:visited {background-color: #380038; margin: 0; padding: 2px; display: block; width: 240px; line-height: 1.6em; color: #fff; font-size: 1em; text-align: left; color: #ffffff;}
ul.navBar li a:hover {background-color: #ead5eb; margin: 0; padding: 2px; color: #380038; text-align: left;}

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

p {padding: 3px 5px; font-size: .9em; line-height: 1.4em;}

p.quote {color: #696969; font-size: .9em; font-style: italic; padding: 5px 5px 0 0; line-height: auto; text-align: right;}

.comment {font-size: .8em; font-style: italic;}

h1, h2 {margin: 0; padding: 0;  color: #380038;}

h3.pageHeading {font-size: 1.6em; font-style: italic; padding: 15px 10px 0 5px; font-weight: lighter; color: #380038; margin: 10px 0 -10px 0;}

.ailments_title {background-color: #380038; color: #ccc; padding: 5px; font-size: 1em; font-weight: bold; text-align: right;}

.training {font-size: 1em; color: #380038; font-variant: small-caps; font-weight: lighter; padding: 3px 10px;}

.contact {list-style: none; line-height: 1.6em; font-size: .9em;}

.listing {list-style: circle; list-style-position: outside; line-height: 1.6em; font-size: .9em; padding: 3px 5px; margin: 5px 5px 5px 40px;}

.ailments_list {width: 45%; margin: 10px; padding: 5px; float: left; border-right: 1px solid silver;}

table.fees {width: 75%; text-align: left; line-height: 1.6em; padding: 5px; margin: 30px 10px; font-size: .9em;}