html { background-position: top center; background-repeat: no-repeat; min-width: 800px; }
* html { width: 800px; }

body { margin: 0; padding: 0; font-size: 76%; font-family: Arial, Helvetica, sans-serif; background: url(../graphics/body.gif) repeat-x 0 148px; }

img { border: 0; }

h1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin-top: 0; font-weight: normal; font-size: 200%; color: #522146; }

h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 160%; font-weight: normal; }

h3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 130%; color: #522146; }
td h3 { margin-top: 0; }

a { color: #522146; }

blockquote { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0; background: url(../graphics/profile-quote.gif) no-repeat top left; min-height: 69px; padding: 5px 5px 5px 40px; color: #86637d; font-size: 130%; font-style: italic; }
#profile-content blockquote { background: url(../graphics/profile-quote2.png) no-repeat top left; color: #664c5f; padding: 5px 181px 5px 40px; font-size: 100%; }
* html #profile-content blockquote { background: url(../graphics/profile-quote2.gif) no-repeat top left; width: 350px; }

table.list { border-width: 1px 0 0 1px; border-color: black; border-style: solid; }
table.list th { text-align: left; background: #c3b1be; }
table.list th, table.list td { padding: 3px 8px; border-width: 0 1px 1px 0; border-color: black; border-style: solid; }
table.list tr.row1 td { background: #eee9ed; }

form.form label { float: left; width: 190px; padding-right: 10px; }
form.form input.text, form.form textarea { width: 340px; }
form.form textarea { height: 120px; }
form.form p.submit { padding-left: 200px; }


.profile-title { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #86637d; font-size: 130%; font-weight: bold; margin: 0 0 5px; }
.profile-image { position: absolute; top: 10px; right: 10px; }
.profile-extra { padding-top: 1em; }

.fixed-width { width: 800px; margin: 0 auto; }

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


#wrapper { width: 800px; margin: 0 auto; }

#header { position: relative; height: 217px; }

#banner { position: relative; }
#banner img { position: absolute; top: 45px; right: -16px; }
@media screen and (-webkit-min-device-pixel-ratio:0){
#banner a { position: absolute; top: 45px; right: -16px; display: block; width: 314px; height: 89px; }
#banner img { visibility: hidden; }
}

#top_nav { position: absolute; bottom: 35px; left: 0; width: 800px; }
#top_nav ul { float: left; margin: 0; padding: 0; list-style-type: none; }
#top_nav li { float: left; padding: 0; margin: 0; }
#top_nav li a { float: left; padding: 0; margin: 0; }
#top_nav li a:hover img { visibility: hidden; }
#top_nav form { position: absolute; bottom: 7px; right: 0; }
* html #top_nav form { bottom: 6px; }
@media screen and (-webkit-min-device-pixel-ratio:0){
#top_nav form { bottom: -5px; }
}
#top_nav form input.text { margin: 0 50px 0 0; padding: 3px 3px 0; background: white url(../graphics/text-input.gif) repeat-x; border: 0; height: 18px; width: 105px; color: #a990a3; font-size: 100%; }
#top_nav form input.image { position: absolute; bottom: 0; right: 0; }

#crumbs { position: absolute; bottom: 0; left: 0; height: 34px; line-height: 34px; padding: 0 20px; font-size: 90%; }
#crumbs, #crumbs a { color: #858383; }

#main { position: relative; background: white; }

#sidebar { position: relative; top: -1px; float: left; width: 170px; padding: 0 0 10px; }
#sidebar p { margin: 5px 0; }

#side_nav ul { margin: 0; padding: 0; list-style-type: none; }
#side_nav li a { zoom: 1; display: block; background: #4e4b4a; border-bottom: 1px solid #605d5c; color: white; padding: 5px 20px; text-decoration: none; }
#side_nav li a:hover, #side_nav li.nav_active li a { background: #575453; }
#side_nav li.nav_active a, #side_nav li.nav_active a:hover, #side_nav li.nav_active li.nav_active a, #side_nav li.nav_active li.nav_active a:hover, #side_nav li.nav_active li.nav_active li.nav_active a, #side_nav li.nav_active li.nav_active li.nav_active a:hover { background: url(../graphics/sidenav_link_hover.gif) repeat-y; color: #5f5c5c; }
#side_nav li.nav_active li a, #side_nav li.nav_active li a:hover { color: white; padding: 5px 20px 5px 35px; }
#side_nav li.nav_active li a:hover { background: #676362; }
#side_nav li.nav_active li.nav_active li a, #side_nav li.nav_active li.nav_active li a:hover { color: white; padding: 5px 20px 5px 50px; }
#side_nav li.nav_active li.nav_active li a { background: #423e3d; }
#side_nav li.nav_active li.nav_active li a:hover { background: #676362; }

#contact-link { height: 34px; line-height: 34px; background: #522146 url(../graphics/contact-link.gif) no-repeat top right; display: block; color: white; padding: 0 20px; text-decoration: none; font-weight: bold; }

#content { margin-left: 170px; padding: 20px; }

#content div.right { float: right; width: 182px; }
#content div.right div.box, div.profile-box { padding-bottom: 0.3em; margin-bottom: 5px; }
#content div.right div.box h3 { margin: 0; font-size: 100%; color: white; padding: 8px; }
#content div.right div.box p, #content div.right div.box h2, div.profile-box p, div.profile-box h2 { padding: 0 7px; }
#content div.right div.box h2, div.profile-box h2 { margin: 0; font-size: 150%; font-weight: bold; }

div.profile-box { float: left; margin-right: 20px; width: 182px; #padding: 1em 0; }
#profile-3 { margin-right: 0; }

#profile-teasers { width: 630px; background: url(../graphics/profile-container.gif) repeat-y; }
#profile-teasers.nobg { background: none; }
#content #profile-teasers { width: auto; }

#content div.left { margin-right: 202px; }

#profile-spacer { padding-left: 190px; }
#profile-spacer.padding { padding-bottom: 1.5em; }

#profile-content { position: relative; background: #cbbdc8 url(../graphics/profile-box.gif) no-repeat bottom left; padding: 10px; min-height: 169px; margin-bottom: 1em; }
* html #profile-content { height: 169px; float: left; }
#profile-content h2 { margin-top: 0; color: #522146; font-size: 150%; font-weight: bold; }
#profile-content h3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #86637d; font-size: 130%; font-weight: bold; margin: 0 0 5px; padding-right: 191px; }

#acknowledge { font-size: 90%; padding: 15px 0 20px; border-top: 1px solid #999; margin-top: 1.5em; }

#footer { background: #a990a3 url(../graphics/footer.gif) repeat-x; padding-bottom: 5px; font-size: 90%; }
#footer ul { margin: 0; padding: 0; list-style-type: none; }
#footer div.fixed-width { padding-bottom: 20px; }

#footer div.top { height: 35px; line-height: 35px; }
#footer div.top li { float: left; }
#footer div.top li a { color: white; }
#footer div.top ul.left { float: left; }
#footer div.top ul.left li a { text-transform: uppercase; font-size: 90%; text-decoration: none; padding: 0 1em 0 25px; }
#footer div.top ul.left li a.print { background: url(../graphics/print-icon.gif) no-repeat center left; }
#footer div.top ul.left li a.email { background: url(../graphics/mail-icon.gif) no-repeat center left; }
#footer div.top ul.right { float: right; }
#footer div.top ul.right li a { padding-left: 1em; font-weight: bold; }

#footer div.base-container { background: url(../graphics/footer-corner.gif) no-repeat bottom left; }

#footer div.base { min-height: 280px; background: url(../graphics/footer-base.gif) repeat-y; padding-bottom: 1em; #padding: 1em 0 0; }
* html #footer div.base { height: 280px; }
#footer div.base div { float: left; width: 225px; padding: 0 20px; }
#footer div.base div h3 { font-size: 100%; color: white; text-transform: uppercase; }
#footer div.base div li { padding-bottom: 0.2em; }
#footer div.base div li a { color: #522146; }

#copyright { color: white; padding: 0 20px; border-top: 1px solid #86637d; margin-top: 0.5em; }
#copyright p { margin-bottom: 0; }

#access-keys { display: none; }

#people-table img { padding-right: 20px; }