body {font: 13px "Trebuchet MS", "Lucida Grande", Geneva, Helvetica, sans-serif;}
p {line-height:1.5em; margin-bottom:.5em; }
h3 {font-size: 22px; color: #f7ba1a; margin-bottom:.3em; font-family:"Comic Sans MS", sans-serif;}
h4 a {font-size: 14px; color: #f7ba1a; margin: 10px 0; display: block;}
a {color: #e41a22; text-decoration:none;}
a:hover {text-decoration: underline;}

#header {background: #ffbb00 url(../assets/bg_top.png) 0 0 repeat-x; height: 227px;}
#header_content {background: url(../assets/bg_header.jpg) top center no-repeat; height: 227px; }
.wrapper {width: 861px; margin: 0 auto; overflow: auto; padding-bottom:20px; }
#header h1 {float: left; margin: 13px 0 0 54px; width: 194px; height: 123px; background: url(../assets/logo.png) no-repeat; text-indent: -100em;}
#banner {float: right; padding: 24px 60px 0 0;}
#middle {width: 861px; margin: 0 auto; background: url(../assets/bg_mid.jpg) top center repeat-y;}

h2 {text-indent: -100em; background-repeat: no-repeat; background-position: 0 0; margin: 0 0 20px 0;}
h2.chalkboard {width: 334px; height: 37px; background-image: url(../assets/hdr_chalkboard.png);}
h2.photos {width: 309px; height: 34px; background-image: url(../assets/hdr_photos.png);}
h2.events {width: 309px; height: 37px; background-image: url(../assets/hdr_events.png);}
h2.articles {width: 142px; height: 21px; background-image: url(../assets/hdr_articles.png); margin-bottom:8px;}
h2.donate {width: 150px; height: 21px; background-image: url(../assets/hdr_donate.png); margin-bottom:8px;}

#col_wide {margin: 0 auto ; padding: 24px 96px 15px 96px;}

#col_left {width: 334px; margin: 0 auto ; padding: 24px 0 15px 96px; float: left;}
#col_left_sml {width: 142px; float: left; margin: 15px 16px 0 0;}
#col_left_sml li  {margin: 0 0 6px 0; }
#col_right {width: 308px; margin: 0 auto; padding: 27px 0 0 24px; float: left;}
#col_right_sml {width: 150px; float: left; margin: 15px 0 0 0;}

#photos {background: url(../assets/bg_photos.jpg); width: 304px; padding: 2px; margin: 0 0 25px 0;}

.author {font-size: 11px; color: #a2a2a2;}
.hr {background: url(../assets/bg_hr.png) repeat-x 0 0; height: 2px; margin: 20px 0 15px 0;}
.all {text-align: right; font-family: Helvetica, sans-serif; font-size: 11px;}

div.article {margin: 0 0 15px 0;}
div.article .thumb {float: left; padding: 3px 10px 0 0;}
div.article .full {float: left; padding: 3px 15px 0 0;}

.events {width: 309px; margin: 8px 0;}
.events td {padding: 8px 0 6px 0; font-family: Helvetica, sans-serif; vertical-align: middle;}
.events .btn {text-align: right; padding: 0 0 0 10px;}
.events .date {padding: 4px 10px 0 0;}
.events tr {border-bottom: 1px solid #464646;}
.events a {font-size: 14px; color: #f7ba1a; font-weight: bold;}

#footer {text-align: center; font-family: Helvetica, sans-serif; font-size: 11px; background: url(../assets/bg_cap_bot.png) no-repeat top center;}
#footer p {padding: 100px 0 25px 0;}