/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

/* Colors 
#890c08 - deep red (nav, links)
#a09f97 - gray-olive (page background)
#322e14 - very dark olive (page text)
#625a28 - dark olive (top logo stripe)
*/

/* Global */

html {
background: #a09f97;
text-align: center;
min-height: 100%; margin-bottom: 1px; }

body {
font: 11px/20px Verdana, Arial, Helvetica, sans-serif; 
color: #322e14;
background: #d3ccaa;
position: relative;
width: 800px;
margin: 0 auto;
text-align: left; }

div#content {
background: #d3ccaa; 
position: relative;
width: 100%; }

div#content_main {
left: 0;
width: 100%;
height: 266px; }

div#content_sub { /* homepage blurb */
-webkit-text-size-adjust: none;
position: relative;
width: 100%;
height: 112px;
background: #d3ccaa;
color: #342f15; }

#content_sub p {
font: 17px Arial, sans-serif;
color: #625a28;
font-size: 17px;
font-weight: bold;
line-height: 30px;
padding: 10px; }

div#home_buttons {
position: relative;
width: 100%;
height: 100px;
background: #fff; }

div#branding, div#nav, div#footer {
width: 100%; }

div.hr {
border-bottom: 1px dashed #80794c;
margin: 30px 15px 10px; }

/* Page Headers */

div#branding { 
height: 95px;
background: #625a28 url(../img/banner-bkgd.jpg) no-repeat 162px 0; }

div#branding img { /* this is a hack for IE6 */
margin-bottom: -2px; }

div#branding h1 {
position: absolute;
top: 35px;
right: 20px;
font: 24px Arial, Helvetica, sans-serif;
text-align: right;
color: #fff;
text-shadow: 1px 1px 5px #000;
z-index: 10; }

#home div#branding h1 {
top: 23px;
right: 20px;
font: 18px/22px Arial, Helvetica, sans-serif; }

h2, h3, h4, p, ul, span {
margin: 0 15px 15px; }

h2 {
font: 16px Arial, Helvetica, sans-serif;
font-weight: bold;
color: #890c08;
padding-top: 20px; }

h3 {
font: 14px Arial, Helvetica, sans-serif;
font-weight: bold;
padding-top: 10px;
margin-left: 10px;
color: #322e14; }

#services h3,
#patients h3 {
margin-left: 15px; }

strong {
font-weight: bold; }

a:link, a:visited {
color: #890c08;
text-decoration: none;
border-bottom: 1px solid #890c08;
padding-bottom: 1px; }

a:hover {
color: #625a28; 
text-decoration: none;
border-bottom: 1px solid #625a28;
padding-bottom: 1px; }


/* Main Navigation */

div#content_main ul {
margin-left: 0px; }

div#nav_main {
position: relative;
height: 35px;
background: #890c08;
z-index: 1; }

ul#nav {
font: 11px Verdana, Arial, Helvetica, sans-serif;
position: absolute;
top: 10px;
left: 0px;
width: 790px; }

ul#nav li {
display: inline;
font-weight: bold;
border-right: 1px solid #fb8c74; 
margin-right: 1px;
margin-left: 16px;
padding-right: 18px;
padding-bottom: 1px; }

ul#nav li a {
border-bottom: none;
color: #fff;
text-decoration: none; }

ul#nav a:hover {
text-decoration: none;
border-bottom: none;
color: orange; }

ul#nav a:visted {
text-decoration: none;
border-bottom: none;
color: #fff; }

ul#nav li#contact { /* removes right border in contact link */
border-right: none; }

/* page specific nav highlight */

#home #nav_main li#home a,
#directions #nav_main li#directions a,
#interns #nav_main li#internships a,
#staff #nav_main li#staff a,
#services #nav_main li#services a,
#case_studies #nav_main li#case_studies a,
#patients #nav_main li#patients a,
#community #nav_main li#cool_stuff a,
#contact #nav_main li#contact a,
#surgery #nav_main li#surgery a {
color: orange; }


/* Footer */

div#footer {
-webkit-text-size-adjust: none;
text-align: center;
padding: 15px 0; 
background: #a09f97;
color: #2c2c29;
height: 100%;
border-top: 20px solid #890c08;
clear: both; }

#footer-col-one {
width: 50%;
float: left;
text-align: right; }

#footer-col-two {
width: 50%;
float: left;
text-align: left; }

#footer-col-two p {
padding-top: 7px; }

#footer-col-two form p {
padding-top: 0; }

#footer-col-two span {
font-weight: bold; }

.field {
width: 200px;
background: #f9f9f9;
border: 1px solid #666; }

.submit {
padding: 0 2px; 
border: none;
color: #fff;
background: #890c08 }

.address {
border: 1px solid #666;
padding: 10px;
background: #e7e7e7; }

form {
margin-bottom: 8px; }

div#footer a:hover {
color: orange; 
text-decoration: none;
border-bottom: 1px solid orange;
padding-bottom: 1px; }

/* Bottom Navigation */

ul#nav_bottom li {
display: inline;
margin: 0 10px; }

ul#nav_bottom li.last {
margin-right: 0; }

/* Staff Page */

#staff #content {
background: #D3CCAA; }

#staff #content h2 {
margin: 0px 15px 15px 183px;
padding-top: 13px; }

#staff #content p {
margin: 15px 15px 15px 183px; }

#staff #content h2 a {
border: none; }

#bio {
border-bottom: 15px solid #999966; }

#bio-bottom {
border-bottom: 15px solid #d3ccaa; }

#staff #content img {
float: left;
position: relative;
border: 2px solid #999966;
top: 15px;
left: 15px; }

#staff #anne p {
padding-bottom: 20px; }

/* Home Page Buttons */

div#home_buttons {
background-color: #666; }

#home_buttons p {
font: 17px Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center; }

#staff_button p {
padding-top: 40px; }

#services_button p {
padding-top: 30px; }

#staff_button, #services_button {
height: 100px;
width: 200px;
padding: 0;
margin: 0;
float: left; }

#staff_button a {
color: #fff;
display: block;
height: 100px;
width: 200px;
background: #625a28;
text-decoration: none;
border-bottom: none; }

#services_button a {
color: #fff;
display: block;
height: 100px;
width: 200px;
background: #625a28;
text-decoration: none;
border-bottom: none; }

#staff_button a:hover {
color: #fff;
background: #817b53;
text-decoration: none; }

#services_button a:hover {
color: #fff;
background: #817b53;
text-decoration: none; }

#center_img {
height: 100px;
width: 400px;
float: left;
background: url(../img/clinic-collage.jpg) no-repeat; }

/* Services Page */

#services #content {
background: #d3ccaa; }

#services #content {
background: #d3ccaa url(../img/services-background.jpg) no-repeat;
background-position: bottom right; }

#services #content p, h3 {
padding-left: 5px; }

#services #content h3 {
color: #890c08; }

#services #col_one, #col_two {
width: 50%;
float: left;
padding: 10px 0 10px 0; }

#services #content img {
float: left;
border: 2px solid #999966;
margin: 5px 10px 5px 0; }

.separator { /* This is the hack to make the content div wrap the columns */
clear: both;
height: 0; }


/* Community Page */

.left {
float: left;
border: 2px solid #999966;
margin: 0 15px 15px 0; }

.right {
float: right;
border: 2px solid #999966;
margin: 0 0 10px 15px; }

#community h2 {
padding-top: 20px; }

#community #content {
padding-bottom: 20px; }

#community #content .lope {
border: 2px solid #999966;
float: left;
margin: 5px 15px 7px 0; }

#community #content p {
margin-bottom: 15px; }


/* Contact Page */

#contact #content {
height: 380px;
background: #d3ccaa url(../img/contact-background.jpg) bottom no-repeat; }

#contact h2, #case_studies h2, #patients h2 {
padding-top: 10px; }

/* Case Studies Page */

#case_studies #content p {
margin-bottom: 15px; } 

#case_studies #content {
padding-bottom: 20px; }

#case_studies h2 {
padding-top: 20px; }


/* Patient Page */

#patients #content {
border-bottom: 1px solid #d3ccaa; }

#patients #content h2 {
padding-top: 20px; }

#patients #content h3 {
padding-left: 0px; }

#patients #content p {
margin-bottom: 15px; }

.content_highlight {
border-top: 1px solid #80794c;
padding-top: 10px;
margin-top: 30px; 
font-weight: bold;}

/* Directions Page */

#directions #content {
border-bottom: 1px solid #d3ccaa; }

#directions #content {
height: 590px;
background: #d3ccaa url(../img/directions-bkgd.jpg) right no-repeat; }

/* Intership Page */

#interns #content {
border-bottom: 1px solid #d3ccaa;
padding-bottom: 20px; }

#interns #content ul li {
list-style-type: disc;
margin-left: 15px;
color: #890c08;   }

/* Surgery Page */

#surgery #content {
padding-top: 15px;
background: #d3ccaa; }

#surgery #content p {
margin-bottom: 10px; }

#surgery .left {
margin-bottom: 15px; }

#surgery ul#surgery_services { /* Surgery callout */
width: 210px;
background: #e9e6d5;
padding: 0 0 15px 15px;
border: 3px solid #625a28;
float: right; }

ul#surgery_services li {
color: #890c08; }

ul#surgery_services .type {
color: #322e14;
font-weight: bold;
padding-top: 10px; }

ul#surgery_services h2 {
margin: 0; }

#surgery #content img {
border: 2px solid #999966;
margin: 5px 11px 5px 0;
padding: 0; }

#surgery #content img.last {
margin-right: 0; }