
/* Layout
---------------------------------------- */
html,body,div{ margin:0; padding:0 }
body{ background:#efeeea url('../images/background_body.gif') repeat-x; font-family:Arial, Helvetica, FreeSans, Clean, sans-serif; font-size:13px; margin-bottom:30px; text-align:center }
#page{ box-shadow: 0 0 13px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2); }
#page{ -moz-border-radius:0 0 8px 8px; -webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px }
#page{ background:#fff url('../images/background_page.gif') repeat-x; border:1px solid #bdbdbd; border-top:none; margin:0 auto; padding:8px 0 40px; text-align:left; width:960px }

.masthead{ background:#fff url('../images/background_masthead.jpg') no-repeat; height:112px }
h1{ margin:0; padding:0; position:relative }
h1 a{ display:block; height:75px; position:absolute; left:14px; top:26px; text-indent:-9999px; width:315px }

.nav{ background:#96c1e4 url('../images/background_nav.jpg') no-repeat 100% 100%; height:53px; padding-left:25px }
.nav a{ color:#fff; display:block; float:left; font-size:17px; font-weight:bold; line-height:20px; padding:16px 20px 17px; text-decoration:none; }
.nav a:hover{ background:url('../images/background_nav_hover.gif') repeat-x; text-shadow:1px 1px 2px #7fb1da }
.nav a.c{ background:url('../images/background_nav_current.gif') repeat-x; color:#fff; }
.nav a.c:hover{ background:url('../images/background_nav_current.gif') repeat-x; color:#fff; }

.content{ background:#fff url('../images/background_content.jpg') no-repeat; line-height:20px; padding:40px 35px 40px 40px }
.subnav{ background:#efeeec; margin:0; padding:8px 0; text-indent:37px }
.subnav a, .subnav span{ padding:0 3px }

.footer{ background:#efeeec; color:#908e89; font-size:11px; padding:7px 40px 7px; text-align:right }
.footer span{ float:left }
.footer a{ background:url('../images/icon_phone.gif') no-repeat 0 1px; color:#908e89; padding-left:23px }
.footer a:hover{ background:url('../images/icon_phone_over.gif') no-repeat 0 1px; color:#348b19; padding-left:23px }


/* General
---------------------------------------- */
::selection{ background:#c9e4f9; color:#333 }
::-moz-selection{ background:#c9e4f9; color:#333 }

.splash{ display:block; line-height:0; height:366px; position:relative }
.splash img{ border-top:1px solid #999; border-bottom:1px solid #888; position:absolute; top:0; left:0; z-index:2 }
.splash .back{ z-index:1 }

h2{ color:#afa79f; font-family:Georgia, "Times New Roman", "Nimbus Roman No9 L", Times, serif; font-size:26px; font-weight:normal; margin:0 0 20px; padding:0 }
h3{ color:#96b393; font-size:16px; margin:0 }
p{ color:#555; margin:0 0 20px; padding:0 }
li{ color:#555 }
a{ color:#348b19 }
a:hover{ text-decoration:none }
a img{ border:0 }
small.fine{ color:#999; font-size:11px }

.hr{ background:#efeeec; clear:both; overflow:hidden; height:3px; margin:40px 0; }
.rounded{ -moz-border-radius:2px; -webkit-border-radius:2px }

.pull_list li{ font-family:Georgia,"Times New Roman","Nimbus Roman No9 L",Times,serif; color:#bbb; font-size: 18px; font-style:italic; list-style:none; line-height:20px; margin-bottom:20px }
ul.bulletless{ list-style:none }

/* Columns
---------------------------------------- */
.cols{ overflow:hidden; position:relative; margin-bottom:40px; zoom:1 }
.sm{ width:160px; }
.md{ width:335px; }
.mdlg{ width:515px; }
.lg{ width:695px }
.cols .last{ margin:0 }
.col{ float:left; margin-right:25px }
.photo{ background:#d2cdc4 }
.photo img{ margin:4px 4px 8px }


/* Forms
---------------------------------------- */
fieldset{ border:1px solid #ccc; margin:0 0 18px; padding:9px }
fieldset.contact{ width:490px; }
legend{ color:#777; font-size:11px; font-weight:bold }
ul{ margin:0 0 20px; padding:0 }
ul label{ color:#666; font-weight:bold }
ul.form li{ list-style:none; margin-bottom:9px; overflow:hidden; zoom:1 }
ul.form li{ text-align:right }
ul.form label{ float:left }
ul.form input, ul.form select{ width:300px }
ul.form small{ display:block; font-size:11px; font-style:italic; text-align:left; text-indent:200px }
ul.form em{ color:red; font-style:normal; font-weight:normal; padding-left:2px }
#message_label{ display:none }
#message{ text-align:left }
#message textarea{ font-family:Arial,Helvetica,FreeSans,Clean,sans-serif; font-size:13px; padding:6px 8px; width:472px }

/* People
---------------------------------------- */
.staff{ margin-bottom:20px; overflow:hidden; zoom:1 }
.staff div{ -moz-border-radius:6px; -webkit-border-radius:6px }
.staff div{ background:#f3efe9; border:1px solid #d2cdc4; color:#555; float:left; font-size:12px; line-height:13.5px; margin-right:12px; padding:8px 2px 10px; text-align:center; width:130px }
.staff div.hover{ background:#dee7e8; border-color:#bcc5c7 }
.staff .last{ margin:0 }
.staff h3{ color:#555; font-size:15px; line-height:15px; margin:0 0 6px; text-shadow:0 1px 0 #fff }
.staff h3 em{ display:block; font-size:11px;font-style:normal; font-weight:normal }
.staff img, .bios img{ box-shadow: 0 0 13px #888; -moz-box-shadow: 0 1px 3px #888; -webkit-box-shadow: 0 1px 3px #888 }
.staff img, .bios img{ display:block; border:2px solid #fff; margin:0 auto 8px }

.bios div{ margin:0 82px 20px 0; border-bottom:1px solid #ccc; overflow:hidden }
.bios h3{ color:#96b393; font-size:20px; line-height:40px; margin:0 25px 0 0 }
.bios img{ float:right; margin:0 6px 20px 20px }
.bios small{ clear:both; display:block; font-size:12px; text-align:right }
.bios small a{ padding:0 4px }

a.anchor{ font-size:1px;float:right }
