/* CSS Document */
/******************************************************************************************************/
/*                                                                                                    */
/* This file contains everything to do with overall appearance: fonts, colours, header, top-level     */
/* menu items.                                                                                        */
/*                                                                                                    */
/******************************************************************************************************/

p, h2, h3, label, li {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 10pt;
}
#ACWD {
	font-size: 8pt;
	bottom: -10px;
	width: 100px;
}
/* Images float position */
.floatRight {
	float: right;
	margin: 5px;
	margin-right: 10px;
}
.floatLeft {
	float: left;
	margin: 5px;
	margin-left: 10px;
}
.withinTable {
	margin: 5px 20px 5px 30px;
}
/* End of Images */


/* Button Behaviour */
#menuBar {
	margin-left: 25px;
}
#menuBar a span { 
	display:none;
}
#menuBar a {
	display:block;	
}
#menuBar a:link {
	display:block;	
}
#homeButton, #treatmentsButton, #conditionsButton, #appointmentsButton, #aboutButton,
#contactButton {
	float:left;
	border:thin solid white;
}
#homeButton {
	background-image:  url(../Images/Buttons/home.gif);
	width: 62px;
	height:46px;
	background-repeat:no-repeat;
	background-position:top left;

}
#homeButton:hover {
	background-image:  url(../Images/Buttons/home_over.gif);
	width: 62px;
	height:46px;
	background-repeat:no-repeat;
	background-position:top left;
}
#treatmentsButton {
	background-image:  url(../Images/Buttons/treatments.gif);
	width: 110px;
	height:46px;
	background-repeat:no-repeat;
	background-position:top left;
}
#treatmentsButton:hover {
	background-image:  url(../Images/Buttons/treatments_over.gif);
	width: 110px;
	height:46px;
	background-repeat:no-repeat;
	background-position:top left;
}
#conditionsButton {
	background-image:  url(../Images/Buttons/conditions.gif);
	width: 110px;
	height:46px;
	background-repeat:no-repeat;
	background-position:top left;
}
#conditionsButton:hover {
	background-image:  url(../Images/Buttons/conditions_over.gif);
	width: 110px;
	height:46px;
	background-repeat:no-repeat;
	background-position:top left;
}
#appointmentsButton {
	background-image:  url(../Images/Buttons/appointments.gif);
	width:135px;
	height:46px;
	background-repeat:no-repeat;
	background-position:top left;
}
#appointmentsButton:hover {
	background-image:  url(../Images/Buttons/appointments_over.gif);
	width:135px;
	height:46px;
	background-repeat:no-repeat;
	background-position:top left;
}
#aboutButton {
	background-image:  url(../Images/Buttons/aboutUs.gif);
	width: 82px;
	height:46px;
	background-repeat:no-repeat;
	background-position:top left;
}
#aboutButton:hover {
	background-image:  url(../Images/Buttons/aboutUs_over.gif);
	width: 82px;
	height:46px;
	background-repeat:no-repeat;
	background-position:top left;
}
#contactButton {
	background-image:  url(../Images/Buttons/contactUs.gif);
	width: 92px;
	height:46px;
	background-repeat:no-repeat;
	background-position:top left;
}
#contactButton:hover {
	background-image:  url(../Images/Buttons/contactUs_over.gif);
	width: 92px;
	height:46px;
	background-repeat:no-repeat;
	background-position:top left;
}
#dot {
	float:left;
}

/* End of buttons */

#header {
	height: 100px;
	margin-bottom: 10px;
	margin-left: 25px;
}
#bodyText {
	margin-right: 160px;
	clear: left;
	margin-left: 25px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#footer { /* for the squiggle at the bottom */
	padding-top: 1em;
	padding-left: -68px;
	margin-left: 50%;
	bottom: 1em;
}
body {
	background-attachment: fixed;
	background-image: url(../Images/riverlea.jpg);
	background-repeat: repeat-y;
	background-position: right;
}
#bodyText h1 {
	color: #3a387f;
	font-family: "Nueva Std", Georgia, "Times New Roman", serif;
	margin-top: 0em;
}
#boxText p, h1, h2, h3, h4, address {
	padding-left: 30px;
	padding-right: 20px;
}
#opening {
	padding-left: 30px;
}
/* For the box corners and believe me I am far from happy with this solution - IE forces 
it upon me */
div#boxText{ 
	margin: 0 0;
	background: #D6E2E2;
}

b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #D6E2E2}
b.r1{margin: 0 39px}
b.r2{margin: 0 33px}
b.r3{margin: 0 29px}
b.r4{margin: 0 26px}
b.r5{margin: 0 24px}
b.r6{margin: 0 22px}

b.r7{margin: 0 20px}
b.r8{margin: 0 18px}

b.r9{margin: 0 16px}
b.r10{margin: 0 15px}

b.r11{margin: 0 14px}
b.r14{margin: 0 14px}
b.r15{margin: 0 13px}
b.r16{margin: 0 12px}
b.r17{margin: 0 11px}
b.r18{margin: 0 11px}
b.r19{margin: 0 10px}
b.r20{margin: 0 9px}
b.r21{margin: 0 8px}
b.r22{margin: 0 8px}
b.r23{margin: 0 7px}
b.r24{margin: 0 6px}

b.rtop b.r25, b.rbottom b.r25{margin: 0 5px;height: 2px}
b.rtop b.r26, b.rbottom b.r26{margin: 0 4px;height: 2px}
b.rtop b.r27, b.rbottom b.r27{margin: 0 3px;height: 3px}
b.rtop b.r28, b.rbottom b.r28{margin: 0 2px;height: 4px}
b.rtop b.r29 {margin: 0 1px 0 0px;height: 6px}
b.rbottom b.r29{margin: 0 1px;height: 6px}

/* End of box definitions */