/* --------------------
Global Styles
-------------------- */

* { padding: 0px; margin: 0px; font-family: Arial, 'Sans-Serif'; }
img { border: 0px; }
body { text-align: center; background: /*#392115*/ #041641; }

a { color: #1a3e93; text-decoration: none; }
a:hover { text-decoration: underline; }

#container { width: 975px; margin: 0 auto; background: white; border: 1px solid black; }
#header { height: 100px; border-bottom: 2px solid black; }

#nav { height: 28px; background: url('http://www.brownformissouri.com/site-images/nav_bg.jpg');}
#nav ul { font-size: 10pt; list-style: none; }
#nav ul li { float:left; line-height: 28px; padding: 0 10px 0 11px; letter-spacing: -1; font-weight: bold; }
#nav a { text-decoration: none; color: #000; }
#nav a:hover { text-decoration: underline; }

#footer #district_list { font-family: georgia, times, 'serif'; font-size: 14pt; background: #c8c38e; margin-top: 15px; border-top: 1px solid #000; padding: 5px 0px 7px 5px; }
#footer #district_list a { font-family: georgia, times, 'serif'; text-decoration: none; }
#footer #district_list a:hover { text-decoration: underline; }
#footer #district_list #DL { font-family: georgia, times, 'serif'; }

#footer #credit { background: #1a3e93/*#ebe6b7*/; color: #fff; border-top: 1px solid #000; padding: 10px; }
#footer #credit p { font-size: 9pt; }

/* --------------------
Index Styles
-------------------- */

#pzone { text-align: center; width: 963px; margin: 0 auto; }

#pzone #left { width: 681px; float: left; }
#pzone #left a { text-decoration: none; }
#pzone #right { width: 282px; float: right; }
#pzone #right #volunteer a { display:block; background: url('http://www.brownformissouri.com/site-images/volunteer.jpg'); height: 120px; }
#pzone #right #volunteer a:hover { display:block; background: url('http://www.brownformissouri.com/site-images/volunteer_hover.jpg'); height: 120px; }
#pzone #right #donate a { display:block; background: url('http://www.brownformissouri.com/site-images/donate.jpg'); height: 120px; }
#pzone #right #donate a:hover { display:block; background: url('http://www.brownformissouri.com/site-images/donate_hover.jpg'); height: 120px; }

#index_content { text-align:left; margin-top: 15px; }
#index_content #welcome { float: left; width: 510px; margin-left: 15px; }
#index_content #welcome h3 { font-size: 20pt; letter-spacing: -1; margin-bottom: 10px; }
#index_content #welcome p { font-size: 12pt; margin-bottom: 15px;}

#index_content #index_news { float: right; width: 405px; text-align: center; margin-right: 15px; }
#index_content #index_news #top { background: url('http://www.brownformissouri.com/site-images/index_news_top.jpg') no-repeat; height: 45px; }
#index_content #index_news #bottom { background: url('http://www.brownformissouri.com/site-images/index_news_bottom.jpg') no-repeat; height: 36px; }
#index_content #index_news ul { list-style: none; width: 390px; margin: 0 auto; text-align: left; border-left: 1px solid #000; border-right: 1px solid #000; }
#index_content #index_news ul li { border-bottom: 1px solid #ccc; padding: 5px 10px; }
#index_content #index_news ul li h4 { font-size: 14pt; font-weight: bold; letter-spacing: -.5; }
#index_content #index_news ul li p { font-size: 10pt; }

/* --------------------
Page Styles
-------------------- */

#page_pzone { text-align: center; width: 963px; margin: 0 auto; }

#page_pzone #left { width: 681px; float: left; }
#page_pzone #left a { text-decoration: none; }
#page_pzone #right { width: 282px; float: right; background: #eaeaea; }
#page_pzone #right #volunteer a { display:block; background: url('http://www.brownformissouri.com/site-images/page_volunteer.jpg'); height: 103px; }
#page_pzone #right #volunteer a:hover { display:block; background: url('http://www.brownformissouri.com/site-images/page_volunteer_hover.jpg'); height: 103px; }
#page_pzone #right #donate a { display:block; background: url('http://www.brownformissouri.com/site-images/page_donate.jpg'); height: 102px; }
#page_pzone #right #donate a:hover { display:block; background: url('http://www.brownformissouri.com/site-images/page_donate_hover.jpg'); height: 102px; }

#page_content { text-align:left; float: left; margin: 5px 15px 10px 10px; width: 660px; }
#page_content h2 { color: #000; font-family: Georgia, "Times New Roman", Times, serif; font-size:22pt; letter-spacing:-1; border-bottom: 1px solid #999; margin-bottom: 10px; }
#page_content h3 { letter-spacing:0; font-size: 18pt; margin-bottom: 10px;  margin-left: 4px;  }
#page_content p { margin: 0 10px 10px 15px; }
#page_content ul, #page_content ol { margin-left: 50px; }
#page_content blockquote { background: #EEE; border: 1px solid #ccc; padding: 10px; margin: 20px; }
#page_content p img { padding: 10px; background: #E2E2E2; margin: 10px; }

#page_sidebar { text-align: left; background: #eaeaea; }
#page_sidebar #page_news {  }

#page_sidebar #spread { padding: 10px; border: 1px solid black; margin: 10px; background: #fff; }
#page_sidebar #spread h4 { font-size: 16pt; }
#page_sidebar #spread p { font-size: 10pt; margin: 5px 5px 8px 5px; }

#page_sidebar #page_news #top { background: url('http://www.brownformissouri.com/site-images/page_news_top.jpg') no-repeat; height: 37px; }
#page_sidebar #page_news #bottom { background: url('http://www.brownformissouri.com/site-images/page_news_bottom.jpg') no-repeat; height: 38px; }
#page_sidebar #page_news ul { list-style: none; width: 280px; margin: 0 auto; text-align: left; border-left: 0px solid #000; border-right: 0px solid #000; }
#page_sidebar #page_news ul li { border-bottom: 1px solid #ccc; padding: 5px 10px; }
#page_sidebar #page_news ul li h4 { font-size: 14pt; letter-spacing: -.5; }
#page_sidebar #page_news ul li p { font-size: 10pt; }

#paypal_btn { width: 400px; margin: 0 auto; text-align:center; }
#paypal_btn a { background: url('http://www.brownformissouri.com/site-images/paypal.gif'); display:block; height: 111px; }
#paypal_btn a:hover { background: url('http://www.brownformissouri.com/site-images/paypal_on.gif'); height: 111px; }

#rss_zone { padding: 10px; border: 1px solid #000; margin: 10px; background: #fff; font-family: arial, 'sans-serif'; }
#rss_zone a { color: #990000; text-decoration: none; }
#rss_zone a:hover { text-decoration: underline; }
#rss_item { background: url('http://www.brownformissouri.com/site-images/rss_20.gif') no-repeat; padding-left: 25px; font-size: 12pt; height: 25px; }

/* --------------------
Blog Styles
-------------------- */

#blog_content { text-align:left; float: left; margin: 5px 15px 10px 10px; width: 660px; }
#blog_content h2, #blog_content h2 a { color: #000; font-family: Georgia, "Times New Roman", Times, serif; font-size:22pt; letter-spacing:-1; border-bottom: 1px solid #999; margin-bottom: 10px; text-decoration:none; }
#blog_content h3 { letter-spacing:-1; font-size: 18pt; margin-bottom: 0px;  margin-left: 4px;  }
#blog_content h4 { font-family: helvetica, arial, 'sans-serif'; font-size: 8pt; letter-spacing: 0; padding: 0 0 5px 2px; margin: 0; margin-left: 6px; margin-bottom: 8px; }
#blog_content p { margin: 0 10px 10px 15px; }
#blog_content ul, #blog_content ol { margin-left: 50px; }
#blog_content blockquote { background: #EEE; border: 1px solid #ccc; padding: 10px; margin: 20px; }
#blog_content p img { padding: 10px; background: #E2E2E2; margin: 10px; }

#blog_content .weblog_entry { border-bottom: 1px solid #ccc; margin-bottom: 15px; }
#blog_content .weblog_entry p a { text-decoration: underline; }
#blog_content .weblog_entry p a:hover { text-decoration: none; }

.post_footer { font-family: helvetica, arial, 'sans-serif'; font-size: 8pt; letter-spacing: 0; padding: 0 0 5px 15px; margin: 0; margin-left: 6px; margin-bottom: 8px; font-weight:bold; text-align: right; }
.post_footer img { margin-right: 3px; }

#blog_categories { text-align:center; padding: 10px; }
#blog_categories h3 { margin-bottom: 5px; }
#blog_categories ul.headlines li { list-style: none; width: 380px; margin: 0 auto; text-align: left; }

#blog_content table { margin: 0 10px 10px 15px; }
#blog_content table tr td {  font-size: 12pt; font-family: Arial, 'Sans-Serif'; padding-right: 15px; }

#blog_content #paginate { text-align: center; }
#blog_content #paginate a { font-size: 15pt; font-weight: bold; letter-spacing: -.5; }

/* --------------------
Comment Styles
-------------------- */

#comments-section { margin-top: 10px; padding-top: 10px; }

ol.commentlist { list-style: none; }
ol.commentlist li { margin: 0px; padding: 0px; margin-left: -40px; margin-bottom: 10px;  }
.commentlist .commentAuthor { background: #1a3e93; color: #FFF; padding: 5px; }
.commentlist .commentAuthor a { color: #FFF; }
.commentlist .commentText { background: #cad8fa; padding: 5px; border: 1px solid #1a3e93; }
.commentlist .commentmetadata { font-size: .6em; }

h6#comments { font-size: 14pt; margin-bottom: 10px; color: #999; }
h6#respond { font-size: 12pt; margin-bottom: 10px; padding-left: 15px; }

#comment_form .entry { border: 1px solid #ccc; padding: 10px; margin-left: 15px; }

/* --------------------
Calendar Styles
-------------------- */

#event_content { text-align:left; float: left; margin: 5px 15px 10px 10px; width: 660px; }
#event_content h2, #event_content h2 a { color: #000; font-family: Georgia, "Times New Roman", Times, serif; font-size:22pt; letter-spacing:-1; border-bottom: 1px solid #999; margin-bottom: 10px; text-decoration:none; }
#event_content h3 { letter-spacing:-1; font-size: 18pt; margin-bottom: 0px;  margin-left: 4px;  }
#event_content h4 { font-family: helvetica, arial, 'sans-serif'; font-size: 8pt; letter-spacing: 0; padding: 0 0 5px 2px; margin: 0; margin-left: 6px; margin-bottom: 8px; }
#event_content p { margin: 0 10px 10px 15px; }
#event_content ul, #event_content ol { margin-left: 50px; }
#event_content blockquote { background: #EEE; border: 1px solid #ccc; padding: 10px; margin: 20px; }
#event_content p img { padding: 10px; background: #E2E2E2; margin: 10px; }

#event_content .weblog_entry { border-bottom: 0px solid #ccc; margin-bottom: 15px; }

.event_info { margin-top: 10px; margin-bottom: 10px; border: 1px solid #ccc; padding: 10px; background: #EEE; }
.event_date { font-family: helvetica, arial, 'sans-serif'; font-size: 12pt; letter-spacing: 0; padding: 0 0 5px 2px; margin: 0; margin-left: 6px; margin-bottom: 8px; }
.event_date span { font-weight:bold; font-style:italic; }