@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

body {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background: url(../images/stripe.gif) top left repeat-x #f4f8ee;
	color: #606060;
}

img, fieldset {
	border: none;
}

ul {
	list-style: none;
}

ul.bullets {
	list-style: disc;
	margin-left: 35px;
	margin-bottom: 1.4em;
}

p {
	font-size: 1.4em;
	margin-bottom: 1.4em;
}

ol {
	margin-bottom: 1.4em;
	margin-left: 35px;
}

li {
	font-size: 1.4em;
}

a {
	color: #5f9d23;
	text-decoration: none;
}

a:visited {
	color: #5f9d23;
}

a:hover {
	text-decoration: underline;
}

a:active {
	color: #211040;
}

h1, h2, h3, h4, h5, h6 {
	color: #5f9d23;
	margin-bottom: .5em;
}

h1 {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 2.7em;
}

h2 {
	font-size: 2.2em;
	font-weight: normal;
}

h3 {
	font-size: 1.7em;
}

h4, h5, h6 {
	font-size: 1.4em;
}

h5 {
	
}

h6 {
	
}

.doctor h1 span {
	font-size: .6em;
	color: #cd541f;
	font-style: italic;
}

.doctor h1 em {
	font-size: .75em;
}

.forms .news h4, .information .news h4, .events .news h4 {
	margin: 0;
	font-weight: normal;
}

.right {
	float: right;
}

img.right {
	padding: 6px 0 6px 12px;
}

img.thumbnail {
	height: 120px;
	width: 120px;
}

a:hover img.thumbnail {
	opacity: .85;
	filter: alpha(opacity=85);
}

.left {
	float: left;
}

.center {
	text-align: center;
}

.inline_header {
	display: inline;
}

.column_header {
	display: block;
	width: 49%;
	float: left;
}

ul.inline {
	margin-bottom: 25px;
}

.inline li {
	display: inline;
	margin: 4px 0;
}

.inline li {
	padding-right: 5px;
	font-size: 1.4em;
	color: #5F9D23;
}

img.center {
	display: block;
	margin: 0 auto;
}

.clear {
	clear: both;
}


/*layout*/

#wrapper {
	width: 942px;
	padding: 0 4px 0 4px;
	background: #fff;
	min-height: 100%;
	_height: 100%;
	margin: 0 auto;
}

#header {
	background: url(../images/head.gif) top left repeat-x;
	overflow: hidden;
	position: relative;
	_overflow: visible;
	_height: 1px; /*stupid IE6*/
}

#header h1 {
	height: 111px;
	width: 296px;
	background: url(../images/h1.png) top left no-repeat;
	text-indent: -9999px;
	float: left;
	margin: 8px 0 0 28px;
	display: inline; /*margin doubling bug fix in IE6*/
}

#header h1 a {
	display: block;
	height: 100%;
}

#page {
	padding: 10px 62px 40px 62px;
	overflow: hidden;
}

#sidebar {
	padding: 190px 0 0 0;
	width: 180px;
	float: left;
	background: url(../images/africa.jpg) top left no-repeat;
}

.section {
	padding: .4em .9em;
}

.news {
	border-top: 9px solid #d6f0b4;
}

.information #main .news {
	overflow: hidden;
	padding-bottom: 15px;
	zoom: 1;
}

#sidebar .news h4 {
	margin: 0;
	font-size: 1.1em;
}

#sidebar .news p {
	font-size: 1.1em;
	margin-bottom: .8em;
}

#sidebar .news p.readmore {
	text-align: right;
	margin: 0;
}

ul#subnav {
	padding-bottom: 15px;
}

ul#subnav li {
	background: #f0f0f0;
	padding: .4em .9em;
	margin-bottom: 1px;
	font-size: 1em;
}

ul#subnav h3, ul#subnav h4 {
	margin: 0;
}

ul#subnav a, ul#subnav a:visited {
	text-transform: uppercase;
	color: #2a2a2a;
	font-size: 1.5em;
}

ul#subnav a:hover, ul#subnav a.active {
	text-decoration: none;
	color: #787878;
}

#main {
	padding: 190px 0 0 0;
	width: 622px;
	float: right;
	background: url(../images/waiting-room.jpg) top left no-repeat; /*default image*/
}

#footer {
	background: url(../images/head.gif) bottom left repeat-x;
	min-height: 54px;
	_height: 54px;
	padding-top: 1px;
	border-left: 4px solid #fff;
	border-right: 4px solid #fff;
	width: 942px;
	margin: 0 auto;
}

#footer .inner {
	padding: 0 62px;
}

#footer p {
	margin: 22px 0 0 0;
	font-size: 11px;
}

#footdrop {
	width: 100%;
	clear: both;
	left: 0;
	bottom: 0;
	height: 55px;
	background: url(../images/stripe.gif) bottom left repeat-x;
}

#schedule {
	border: 1px solid #606060;
	margin: 0 auto;
}

#schedule td, #schedule th {
	font-size: 1.2em;
	border: 1px solid #606060;
	padding: 3px;
}

#schedule th {
	background: #606060;
	color: #fff;
}

#schedule span {
	color: #CD541F;
}

/*main shared navigation*/

ul#nav {
	position: absolute;
	right: 61px;
	top: 33px;
	display: block;
	width: 538px;
	height: 22px;
	padding-bottom: 58px;
	background: url(../images/leaves.jpg) bottom right no-repeat; /*default image*/
}

#nav li {
	height: 17px;
	position: absolute;
	top: 0;
}

#nav li a {
	background-image: url(../images/nav.png);
	background-repeat: no-repeat;
	display: block;
	height: 100%;
	_overflow: hidden;
	text-indent: -9999px;
}

#nav li#home {
	left: 0;
	width: 44px;
}

#nav li#information {
	left: 192px;
	width: 97px;
}

#nav li#doctors {
	left: 118px;
	width: 60px;
}

#nav li#office {
	left: 57px;
	width: 47px;
}

#nav li#appointments {
	left: 302px;
	width: 111px;
}

#nav li#events {
	right: 0px;
	width: 53px;
}

#nav li#forms {
	left: 423px;
	width: 48px;
}

#nav li#home a {
	background-position: 0px -17px;
}

#nav li#information a {
	background-position: -192px -17px;
}

#nav li#doctors a {
	background-position: -118px -17px;
}

#nav li#office a {
	background-position: -57px -17px;
}

#nav li#appointments a {
	background-position: -302px -17px;
}

#nav li#events a {
	background-position: -485px -17px;
}

#nav li#forms a {
	background-position: -423px -17px;
}

.index #nav li#home a, #nav li#home a:hover {
	background-position: 0px 0px;
}

.information #nav li#information a, #nav li#information a:hover {
	background-position: -192px 0px;
}

.doctors #nav li#doctors a, #nav li#doctors a:hover {
	background-position: -118px 0px;
}

.office #nav li#office a, #nav li#office a:hover {
	background-position: -57px 0px;
}

.appointments #nav li#appointments a, #nav li#appointments a:hover {
	background-position: -302px 0px;
}

.events #nav li#events a,  #nav li#events a:hover {
	background-position: -485px 0px;
}

.forms #nav li#forms a, #nav li#forms a:hover {
	background-position: -423px 0px;
}

#map {
	margin-top: 30px;
	width: 600px;
	height: 350px;
	margin: 0 auto;
	clear: both;
}

/*forms*/
form#appointment {
	
}

form#appointment *, form * {
	color: #606060;
}

form#appointment input, form#appointment select, form input {
	margin: 5px;
	padding: 2px;
	float: none;
	clear: both;
}

option:hover {
	font-style: italic;
}

form#appointment input.field,  form#appointment input.ready {
	width: 240px;
	float: left;
	clear: none;
}

label {
	clear: both;
	display: block;
	margin: 5px;
	padding: 2px;
	font-size: 1.2em;
	font-weight: bold;
}

form#appointment textarea {
	width: 504px;
	height: 120px;
}

form#appointment input#submit {
	float: right;
	margin-right: 112px;
}

.directions input#saddr {
	width: 440px;
}

.events #main h4 a {
	text-decoration: underline;
}

.events #main h4 a:hover {
	text-decoration: none;
}

.lightbox {
	line-height: 188%;
}

.lightbox img {
	height: 120px;
	width: 120px;
}

.lightbox a {
	margin: 1px;
}

.lightbox a.first {
	margin-left: 0;
}