@charset "utf-8";
body {
	color: #a06800;
	background-color: #faf9dd;
	font-family: "Maiandra GD,verdana, sans-serf";
	font-size: 76%;
	line-height: 1.3;
	text-align: center
}

/* Default margin/padding that covers all of the elements */
* {
	margin: 0;
	padding: 0;
}

/* Any elements that should override the default margin/padding */


/*--------------- Header Replacement start ----------*/
.replace {
	position: relative;
	margin: 0;
	padding:0;
	/* hide overflow from IE5 for Mac \*/
overflow: hidden;

	background-color: black;
	
/* */
}
.replace span {
display: block;
position: absolute;

top: 0;
left:0;
z-index: 1; /* for opera 6/7 */
}
.replace h2, .replace p {
text-indent: -9999px;}

#header, #header span {
	background-image: url(images/hdrhome.gif);
	height: 200px;
	width: 100%;
	background-repeat: no-repeat;
}
#header1, #header1 span {
	background-image: url(images/header.gif);
	height: 200px;
	width: 100%;
	background-repeat: no-repeat;
}
#header2, #header2 span {
	background-image: url(images/header.gif);
	height: 200px;
	width: 100%;
	background-repeat: no-repeat;
}
#header3, #header3 span {
	background-image: url(images/header.gif);
	height: 200px;
	width: 100%;
	background-repeat: no-repeat;
}
#header4, #header4 span {
	background-image: url(images/header.gif);
	height: 200px;
	width: 100%;
	background-repeat: no-repeat;
}


/*--------------- Header Replacement end ----------*/


/* the main div holds the content and sidebar1 */
div#main {
 float: left;
 width: 78%;
}

/* floated  ++inside++ the main content div */
 div#content {
	float: right;
	width: 78%;
	text-align: center;
}

div#sidebar1 {
	margin-right: 79%; /* margin must be greater than the width of the content */
	background-image: url(images/sidebar.gif);
	background-repeat: no-repeat;
}

/* just a regular sidebar, sitting outside of the main content div */
 div#sidebar2 {
 margin-left: 79%; /* margin must be greater than the width of the main div */
 background-image: url("images/sidebar2.gif");
 padding-left:5px;
 padding-right:5px;
 padding-bottom:0px;
 color: #000000;
}

div#footer {
 clear: left;
 background: #dddeb2;
}
/* Links General+++++++++++++++++++++++++++++++++ */

 



a {
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	padding-bottom: 1px;	
}
a:hover {
color: #FFCC33;
}
/* Navigation Start */



#navigation {
	padding-left:0px;
	padding-top: 164px;
	padding-bottom:277px;
	
		
}

#navigation ul {
	list-style-type: none;
	margin-left: 0;			
}

#navigation a {
	background-color: #dddeb2;
	height: 1%;/*cludge for ie gaps*/
	vertical-align: top;
	width: 125px;
	display: inline-table;
}

#navigation a:hover {
background-color: #faf9dd;
}









#map {float:right}
/*  Appointment Form CSS  ++++++++++++++*/

fieldset {
	background:#F3B4F5;
	border:none;
	width:25em;
	padding-top:1.5em;
	padding-bottom: 1.8em;		
}

p.legend {
	background:#dfe267;
	color:black;
	font-size:.8em;
	border:2px outset #DED983;
	position:relative;
	margin-bottom:-1.8em;
	width:15em;
	text-align: center;	
	
}
form {
	text-align: left;
}

#personal label{
position:absolute;

}

#personal input {
position:absolute;
	margin-left:4.5em;
}

#suggestions {
	background:#F3B4F5;
	text-align: left;
	
}

input[type="submit"], input[type="reset"] {
	background:#DED983;
	font-size:.8em;
		
}
/*  End Appointment Form CSS  ++++++++++++++*/

div#content ul {
	text-align: left;
	margin-left: 190px;	
}

div#content ul ul {
	text-align: left;
	margin-left: 30px;	
}

div#home {
	
	color: #a06800;
	background-color: #faf9dd;
	font-family: "Maiandra GD,verdana, sans-serf";
	font-size: 110%;
	line-height: 1.3;
	
}
div#thank {
	text-align: left;
	
	position: absolute;
	left: 233px;
	top: 370px;
	
}

td {
	width: 14em;
	text-indent: 35px;
}
div#condition {
text-align: left;
margin-left: 90px;
}
#main #content ul {
	list-style-type: circle;
	padding-left:30px;
}