/* General styles */
HTML, BODY { height: 100%; height: 100%; }
BODY { color: #8d8d8d; font-family: Georgia, 'Trebuchet MS', 'Times New Roman', serif; font-size: small; margin: 0px; padding: 0px; }
BODY { width: 820px; margin-left: auto ; margin-right: auto; }
A:link, A:visited { color: #46c2ce; font-weight: normal; text-decoration: none; }
A:hover, A:active { color: #46c2ce; font-weight: normal; text-decoration: underline; }
SUP { font-size: 90%; font-weight: bold; vertical-align: top; }
HR { background: #ff3851; border: 0px; color: #ff3851; height: 1px; }
H1 { color: #5d6069; font-family: Georgia, 'Trebuchet MS', 'Times New Roman', serif; font-size: 36px; font-style: normal; font-weight: normal; margin: 0px; padding: 0px; text-decoration: none; }
H2 { color: #5d6069; font-family: Georgia, 'Trebuchet MS', 'Times New Roman', serif; font-size: 14px; font-style: normal; font-weight: normal; margin: 0px; padding: 0px; text-decoration: underline; }
H3 { color: #5d6069; font-family: Georgia, 'Trebuchet MS', 'Times New Roman', serif; font-size: small; font-style: normal; font-weight: normal; margin: 0px; padding: 0px; text-decoration: none; }

UL { list-style-image: url(/Page/arrow.gif); margin: 0px 25px; padding: 0px; }
LI { margin: 0px 0px 10px 0px; }


/* Layout */
#body { ; }

#header { height: 425px; padding-top: 50px; }

#header-left { width: 250px; padding: 100px 0px 0px 0px; line-height: 20px; }
#header-left UL { list-style-image: url(/Page/plus.gif); margin: 0px 0px 0px 16px; padding: 0px; }
#header-left LI { margin: 0px 0px 5px 0px; padding: 0px 0px 0px 5px; }
#header-left A:link, #header-left A:visited { color: #ff3851; font-weight: normal; text-decoration: none; }
#header-left A:hover, #header-left A:active { color: #ff3851; font-weight: normal; text-decoration: underline; }
#header-left IMG { padding: 7px 10px 0px 0px; }

#header-center { background: url(/Page/stethoscope.jpg) no-repeat center bottom; padding-left: 210px; }
#header-center DIV { background: url(/Page/redcircle.png) no-repeat center center; width: 125px; height: 125px; }
#header-center H1 { color: #ffffff; font-family: Georgia, 'Trebuchet MS', 'Times New Roman', serif; font-size: 18px; font-style: normal; font-weight: normal; margin: 0px; padding: 28px 0px; text-decoration: none; }

#header-right { width: 30px; padding: 50px 0px 0px 0px; }

#main { ; }
#window { ; }

#content { padding: 0px 0px 0px 0px; }

#footer { height: 100px; padding: 0px 0px 0px 0px; }
#footer { color: #8d8d8d; font-size: 10px; }
#footer a:link, #footer a:visited { color: #8d8d8d; font-weight: bold; text-decoration: none; }
#footer a:hover, #footer a:active { color: #8d8d8d; font-weight: bold; text-decoration: underline; }


/* Page-specific styles */
#index-photos { padding-left: 20px; }

#news { color: #000000; font-size: 11px; }
#news { margin: 0px 20px 10px 0px; padding: 0px 5px 0px 0px; width: 200px; }
#news { border-right: solid 1px #5d6069; }

.photo { margin: 0px 10px 20px 0px; float: left; }


/* Common Classes */
.form { border: 1px #46c2ce; border-style: solid; }
.form-left { background: #f3f3f5; padding: 5px; }
.form-right { padding: 0px 5px; }
.form-right INPUT, .form-right SELECT, .form-right SUBMIT, .form-right TEXTAREA { font-family: sans-serif; font-size: 11px; }

/* No need to float right unless there is more content on the Contact Info page.  We'd also need to move the map div above the address info...
.map { float: right; }
*/

/* Display */
@media print { .noprint { visibility: hidden; position: absolute; left: 0px; top: 0px; } }

/*
Colors:

red: #ff3851; 
blue: #46c2ce; 
gray: #8d8d8d; 
dk gray: #5d6069; 
*/