/* Set defaults */
body			{ margin: 0; padding: 0; font-size: 76%; }
input,
select,
textarea		{ font-size: 1em; }
th,
td				{ vertical-align: top; font-size: 1em; }
img				{ border: 0; }
a				{ text-decoration: none; }
a:hover			{ text-decoration: underline; }

/* Generic classes */
.clear:after	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear			{ display: inline-block; }
/* \*/
.clear			{ display: block; }
/* */

.align-left		{ text-align: left !important; }
.align-right	{ text-align: right !important; }
.align-centre	{ text-align: center !important; }
.align-top		{ vertical-align: top !important; }
.align-bottom	{ vertical-align: bottom !important; }
.align-middle	{ vertical-align: middle !important; }

.bold			{ font-weight: bold !important; }
.italic			{ font-style: italic !important; }
.underline		{ text-decoration: underline !important; }


/* Site specific */
html { background: #4e7123; }
body { background: white url(../graphics/body.jpg) repeat-x; }
body,
input,
select,
textarea { font-family: Arial, Helvetica, sans-serif; }
input.text,
textarea { padding: 3px; border: 1px solid #ccc; }

h1 { font-size: 2.2em; font-weight: normal; margin: 0 0 0.8em; font-family: "Times New Roman", serif; color: #4c6f20; }
h2 { font-size: 1.4em; margin: 0 0 0.6em; }
h3 { font-size: 1.2em; margin: 0 0 1em; }

a { color: #7b3523; }

hr { position: relative; overflow: hidden; height: 1px; border: 0; color: #c8c8c8; background: #c8c8c8; }

div.errors { margin: 0 0 1em; padding: 0.5em 1em; background: #ebd8d8; border: 1px solid #d7b1b1; font-weight: bold; font-size: 1.2em; }
div.errors p { margin: 0 0 0.5em; }

div.form { padding: 1em 0 0; }
div.form label { float: left; width: 150px; padding: 3px 0 0 10px; }
div.form label.inline { float: none; width: auto; }
div.form input.text,
div.form textarea { width: 250px; }
div.form input.submit { margin: 0 0 0 160px; }
div.form textarea { height: 80px; }
div.form p { position: relative; margin: 0 0 0.2em !important; padding: 4px 0; }
div.form p.error { background: #ebd8d8; border: 1px solid #d7b1b1; }
div.form span.errors { position: absolute; left: 430px; padding: 3px 0 0; font-weight: bold; }

#wrapper { width: 950px; margin: 0 auto; padding: 0 10px; background: url(../graphics/wrapper.jpg) no-repeat; font-size: 1.05em; }

#header { position: relative; height: 170px; }
#logo { position: absolute; right: 0; top: 20px; }
#header p { position: absolute; left: 0; bottom: 0; margin: 0; height: 30px; line-height: 30px; font-size: 0.9em; color: #e5e0ba; }
#header p a { color: white; }

#main { position: relative; z-index: 20; }
#main.page { padding: 20px 0 0; }

#content { float: right; width: 760px; line-height: 1.4em; }
#main.page #content { width: 759px; border-left: 1px solid #d9d9d9; }
* html #main.page #content { position: relative; overflow: hidden; }

#home-image { margin: -2.5em 0 0px; }
* html #home-image { position: relative; top: -2.5em; margin: 0 0 -2.5em; }

#body_copy { position: relative; #overflow: hidden; padding: 0 0 0 20px; #padding: 1px 0 0 20px; margin: 0 0 1px; border-left: 1px solid #d9d9d9; }
#main.page #body_copy { border: 0; }
#body_copy p,
#body_copy ul { margin: 0 0 1em; }
#body_copy ul { #margin: 0 0 1em 3em; }

#foot-content { margin: 20px 0 0; background: #7a3623 url(../graphics/foot-content.gif) repeat-x; color: white; }
#foot-content h3 { margin: 0 0 0.7em; font-weight: normal; font-size: 1.35em; }
#foot-content p { margin: 0 0 1em; }
#foot-content a { color: white; }
#foot-content table { width: 100%; }
#foot-content td { padding: 1em 0 0; width: 33%; text-align: center; vertical-align: middle; }
#foot-content td.green { background: url(../graphics/foot-content-green.gif) repeat-x; border-width: 0 1px; border-style: solid; border-color: white; }

#sidebar { float: left; width: 180px; margin: 20px 0 0; padding: 0 10px 0 0; }
* html #sidebar { width: 170px; padding: 0 20px 0 0; }
#main.page #sidebar { margin: 0 -1px 0 0; border-right: 1px solid #d9d9d9; }

#navigation { margin: 0 0 30px; }
#navigation ul { margin: 0; padding: 1px 0 0; list-style-type: none; background: url(../graphics/nav-divider.png) no-repeat left top; }
* html #navigation ul { padding: 0; background: none; border-top: 1px solid #c8c8c8; }
#navigation li { position: relative; padding: 0 0 1px; background: url(../graphics/nav-divider.png) no-repeat left bottom; }
* html #navigation li { padding: 0; background: none; border-bottom: 1px solid #c8c8c8; }
#navigation li a { display: block; zoom: 1; padding: 0 11px 0 0; background: url(../graphics/navlink-hover.png) no-repeat right -30px; }
* html #navigation li a { background-image: none; }
#navigation li a:hover { background-position: right 0; text-decoration: none; }
* html #navigation li a:hover { background-color: #f2eedb; }
#navigation li.nav_active a,
#navigation li.nav_active a:hover { background: url(../graphics/navlink-active.png) no-repeat right top; color: #323d21; }
* html #navigation li.nav_active a,
* html #navigation li.nav_active a:hover { background-image: none; background-color: #b8c6a7; }
#navigation li a span { display: block; height: 30px; line-height: 30px; padding: 0 0 0 10px; cursor: pointer; }
#navigation li a:hover span { background: #f2eedb; }
#navigation li.nav_active a span,
#navigation li.nav_active a:hover span { background: #b8c6a7; }

#navigation ul li.nav_active ul { padding: 0; background: none; }
#navigation ul li.nav_active ul li { padding: 0.8em 0 0.8em 30px; background: none; }
#navigation ul li.nav_active ul li a { padding: 0; background: transparent none; color: #7b3523; }
#navigation ul li.nav_active ul li a:hover,
#navigation ul li.nav_active ul li.nav_active a,
#navigation ul li.nav_active ul li.nav_active a:hover { padding: 0; background: transparent none; color: black; }
#navigation ul li.nav_active ul li a span,
#navigation ul li.nav_active ul li a:hover span { padding: 0; height: auto; line-height: 1em; background: transparent none; font-size: 0.9em; }


#phone-number { background: url(../graphics/nav-divider.png) no-repeat left top; }
* html #phone-number { background: none; }
#phone-number span { display: block; padding: 1px 0; background: url(../graphics/nav-divider.png) no-repeat left bottom; }
* html #phone-number span { padding: 0; border-width: 1px 0; border-style: solid; border-color: #c8c8c8; }
#phone-number strong { display: block; height: 35px; line-height: 35px; padding: 0 0 0 30px; font-weight: normal; background: url(../graphics/phone-icon.gif) no-repeat left center; color: #4f7124; font-size: 1.4em; }

#footer { padding: 50px 0 0; min-height: 290px; background: #4e7123 url(../graphics/footer.gif) repeat-x; color: #b7c6a7; font-size: 0.95em; #font-size: 0.9em; }
* html #footer { height: 290px; }
#footer ul { width: 760px; margin: 0 auto; padding: 0 0 0 190px; list-style-type: none; }
#footer ul li { float: left; padding: 0 0.7em 0 0; margin: 0 0.7em 0 0; border-right: 1px solid #98a685; }
#footer ul li:last-child { margin: 0; padding: 0; border-right: 0; }
#footer p { clear: left; width: 760px; margin: 0 auto; padding: 0.5em 0 0 190px; }
#footer a { color: white; }

#clinics { margin: 0 -19px 0 0; padding: 1em 0 0; list-style-type: none; #width: 760px; }
* html #clinics { position: relative; overflow: hidden; width: 750px; }
#clinics li { float: left; margin: 0 10px 20px 0; }
#clinics li a { float: left; zoom: 1; width: 340px; padding: 0 15px 0 0; background: url(../graphics/clinic-link.gif) repeat-x; color: white; }
* html #clinics li a { width: 340px; }
#clinics li a:hover { background-position: 0 -58px; text-decoration: none; }
#clinics li a span { display: block; height: 58px; line-height: 58px; padding: 0 0 0 20px; background: url(../graphics/clinic-link-arrow.gif) no-repeat right center; font-size: 1.3em; cursor: pointer; }

#clinic { width: 360px; margin: 0 0 2em; }
#clinic td { padding: 0.5em 1em 0.5em 0; border-bottom: 1px solid #d7d7d5; }
#clinic h2,
#clinic p { margin: 0; }

#clinic-back-link { display: block; zoom: 1; width: 345px; padding: 0 5px 0 10px; background: url(../graphics/clinic-link.gif) repeat-x; color: white; }
#clinic-back-link span { display: block; height: 58px; line-height: 58px; padding: 0 0 0 25px; background: url(../graphics/clinic-link-arrow-left.gif) no-repeat left center; font-size: 1.3em; cursor: pointer; }

#gmap { float: left; width: 360px; height: 260px; }

#clinic-img { float: right; }