body { margin: 0; padding: 0; font-size: 76%; font-family: Arial, Helvetica, sans-serif; }

img { border: 0; }

a { color: #25408e; text-decoration: none; }
a:hover { text-decoration: underline; }

h1 { margin: 0; padding: 0.5em 0 0; font-size: 170%; font-weight: normal; color: #0164a7; }
h1 span.trustee-location { display: block; font-size: 60%; text-transform: uppercase; padding: 0.3em 0 0; }

h2 { font-size: 130%; font-weight: normal; color: #62bbde; }

h3 { font-size: 120%; font-weight: normal; color: #0164a7; font-style: italic; }

form label { float: left; width: 150px; font-weight: bold; }
form p { clear: both; }
form p.submit { padding: 0 0 0 150px; }

input.text, textarea { width: 250px; }
textarea { height: 100px; }


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

#outer-wrapper { width: 972px; margin: 0 auto; background: white url(../graphics/outer-wrapper.gif) repeat-y; }
#inner-wrapper { background: url(../graphics/inner-wrapper.gif) no-repeat left bottom; }
#wrapper { width: 900px; margin: 0 auto; padding: 0 0 20px; }

#header { padding: 30px 0 0; }
#header img { margin: 0 0 0 53px; }

#flash { padding: 20px 0 0; }

#navigation { padding: 10px 0 10px 20px; }
#navigation ul { float: left; margin: 0; padding: 0; list-style-type: none; white-space: nowrap; }
#navigation li { float: left; height: 34px; padding: 0 25px 0 0; background: url(../graphics/nav_divider.gif) no-repeat right center; }
#navigation li:last-child, #navigation li.last-child { padding: 0; background: none; }
#navigation ul.attach li,
#navigation ul.attach li:last-child { padding: 0 0 0 25px; background: url(../graphics/nav_divider.gif) no-repeat left center; }
#navigation li a { display: block; zoom: 1; height: 34px; line-height: 34px; padding: 0 5px; }
* html #navigation li a { float: left; }
#navigation li a:hover, #navigation li.nav_active a { text-decoration: none; color: #62bbde; }
#navigation ul.attach li a { color: #d23023; }
#navigation ul.attach li a:hover { color: #f265a0 }

#sidebar { float: left; width: 150px; }
#sidebar ul { margin: 0; padding: 0; list-style-type: none; }
#sidebar li { border-bottom: 2px solid white; background: #d0dee6 url(../graphics/subnav_hover.gif) repeat-x; }
#sidebar li a { display: block; zoom: 1; padding: 8px 10px; color: #707070; background: #dadbdd url(../graphics/subnav.gif) repeat-x; }
#sidebar li.nav_active a, #sidebar li a:hover { text-decoration: none; background: #d0dee6 url(../graphics/subnav_hover.gif) repeat-x; }

#events { float: right; width: 300px; margin: 0; line-height: 1.5em; background: #e1edf5 url(../graphics/events-right.gif) repeat-y right top; }
#events div.inner1 { background: url(../graphics/events-base.gif) repeat-x left bottom; }
#events div.inner2 { padding: 0.3em 20px 20px; background: url(../graphics/events-corner.gif) no-repeat right bottom; }
#events div.inner2 * { margin-bottom: 0; }
#events h2.h1 { float: none; font-size: 120%; font-weight: normal; text-transform: uppercase; color: #25408e; font-style: normal; }
#events h2 { float: left; font-size: 120%; font-weight: bold; padding: 0 0.5em 0 0; color: #62bbde; font-style: italic; }
#events p { margin: 0; padding: 1.1em 0 0; #padding: 0 0 1em; }
#events a { color: #808285; }

#content { padding: 0 50px 2em; line-height: 1.5em; color: #555; }
#content.image-title { padding: 0 50px 0 132px; }
#content.image-title h1 { margin: 0 0 0 -82px; }
#content.events h1 { padding: 1.1em 0 0; font-size: 120%; color: #25408e; text-transform: uppercase; }
#content.events h3 { font-size: 120%; font-weight: bold; float: left; margin: 0; padding: 0 0.5em 0 0; }
#content.subnav { margin: 0 0 0 120px; }
#content.events { margin: 0 270px 0 120px; }
#content p { margin-top: 0; }

#body-copy { margin: 1em 0 0; }

#trustee-image { float: left; }
#inner-content { margin: 0 0 0 250px; }