/*
grey - #464646
light grey - #CCC
dark grey - #464646
yellow - #ffff01
blue - #008ac9
dark blue - 001978
*/

html { margin: 0; padding: 0; height: 101%;  }
body { margin: 0; padding: 0; text-align: center; font-family: Arial,sans-serif; font-size: 1em; line-height: 1.1em; background: url('../_images/background.png') repeat; }
h1  { font-size: 1.5em; font-weight: bold; margin: 0 0 0.5em 0; padding: 0.25em 0 0.5em 0; line-height: 1.2em; color: #001978; }
h2 { font-size: 1.2em; padding: 1em 0 0.5em 0; color: #001978; }
p { padding: 0 0 1em 0; }
a,a:link,a:focus,a:active,a:visited { color: #001978; }
a:hover { color: #008ac9; }
label  { clear: both; width: 100%; display: block; font-size: 0.85em; font-weight: bold; margin: 0.75em 0 0.5em 0;}
dt { font-weight: bold; font-size: 0.9em; padding: 0.5em 0 0.5em 1em; }
dd { padding: 0 0 0 2em; }
ul { list-style-type: circle; margin: 0 0 1em 3em; }
ul li { padding: 0.25em 0 0.25em 0; }
ol { margin: 0 0 1em 3em; }
ol li { padding: 0.25em 0 0.25em 0; }

#page_container { clear: both; margin: 20px auto 0 auto; width: 960px; text-align: left; background-color: #FFF; }
header  { background: #001978; }
#logo { width: 960px; height: 190px; }
#email_link { position: relative; top: -50px; left: 480px; }
#email_link a,#email_link a:link,#email_link a:focus,#email_link a:active,#email_link a:visited { color: #FFF; }
#email_link a:hover { color: #ccc; }

nav { width: 960px; clear: both; border-top: 4px solid #464646; height: 45px; background: url('../_images/menu_background.png'); }
#nav, #nav ul { margin: 0; padding: 0; list-style-type: none; list-style-position: outside; position: relative; }
#nav a:link, #nav a:active, #nav a:visited { display: block; padding: 15px 24px; font-weight: bold; font-size: 13px; border-left: 1px solid #FAFAD2; color: #000; text-decoration: none; background: url('../_images/menu_background.png'); }
#nav a:hover, #nav #selected_menu { background: #edf7fc; }
#nav li { float: left; position: relative; margin: 0; padding: 0; }
#nav ul { z-index: 10000; position: absolute; width: 200px; top: 45px; display: none; }
#nav ul li { float: left; position: relative; margin: 0; padding: 0; border-top: none; background-color: #FFF; }
#nav li ul a { width: 200px; float: left; }
#nav li:hover ul, #nav li.ie6hover ul { display:none; }
#nav li:hover ul, #nav li li:hover ul ,#nav li.ie6hover ul, #nav li li.ie6hover ul { display:block; }

section { clear: both; }
article { width: 600px; float: left; padding: 20px 10px 20px 20px; }
#full_page { width: 920px; padding: 20px; }
aside { width: 300px; float: right; padding: 30px 20px 20px 10px; }
aside h3 { background: url('../_images/background-subtitle.png') repeat; width: 300px; color: #590000; font-weight: bold; padding: 9px 0 8px 20px; }
#contact_us { width: 500px; float: left; padding: 20px 10px 20px 20px; }
#contact_us_aside { width: 400px; float: right; padding: 30px 20px 20px 10px; }
#page_photos img { margin: 0 0 10px 0; }
#event_cta{ margin: 25px 0 40px 0; }
.events_listing { width: 900px; height: 220px; margin: 0 0 20px 0; xborder-bottom: 1px dashed #008ac9; }
.event_listing_date { font-size: 0.85em; font-style: italic; font-weight: bold; padding: 0.5em 0 0 0; }
.events_photo { width: 220px; float: left; }
.events_desc { width: 600px; float: left; padding: 0 0 0 20px; }
#event { width: 600px; }
#event_date { font-size: 0.85em; font-style: italic; font-weight: bold; padding: 1em 0 0.5em 0; }
#social_media_links { width: 300px; margin: 20px 0; }
#home_employment_opportunities { width: 300px; text-align: center; font-size: 22px; padding: 40px 0; margin: 20px 0; background-color: #CD0000; }
#home_employment_opportunities a,#home_employment_opportunities a:link,#home_employment_opportunities a:focus,#home_employment_opportunities a:active,#home_employment_opportunities a:visited { color: #FFF; text-decoration: none; }
#home_employment_opportunities a:hover { text-decoration: underline;  }
#home_volunteers_needed { width: 300px; text-align: center; font-size: 22px; padding: 40px 0; margin: 20px 0; background-color: #008000; }
#home_volunteers_needed a,#home_volunteers_needed a:link,#home_volunteers_needed a:focus,#home_volunteers_needed a:active,#home_volunteers_needed a:visited { color: #FFF; text-decoration: none; }
#home_volunteers_needed a:hover { text-decoration: underline; }
.home_page_promo { height: 500px; }

label.error { color: #B0171F; position: relative; top: -4em; left: 5em; }
#contact_us_form { width: 400px; }
#form_intro { width: 400px; padding: 0.5em 0 0 0; }
#confirmation_msg { padding: 0.5em; color: #63152a; }
.form_input { width: 100%; clear: both; margin: 0.5em 0 1em 0; }
.form_input span { clear: both; font-size: 0.85em; }
.form_input_inline { float: left; margin: 0.5em 0 1em 0; }
#bot_check { visibility: hidden; float: right; }
.submit_btn { margin-right: 3px; width: 99px; height: 26px; color: #fff; font-weight: bold; cursor: pointer; border: none; background: url(../_images/bg-button.gif) 0 0 no-repeat;}
#map { width: 400px; height: 300px; border: 1px solid #aaa; }
.vcard { width: 400px; padding: 1em 0 1em 0; }
.tel { padding: 0.5em 0 0.5em 0 }
.tel .type,.tel .value  { font-size: 1.1em; font-weight: bold; }
.clear { clear: both; }

footer { clear: both; margin: 0 auto; width: 960px; font-size: 0.75em; color: #001978; text-align: left; padding: 10px 0 10px 0; } 
footer a, footer a:link, footer a:focus, footer a:active, footer a:visited { color: #001978; }
footer a:hover  { color: #008ac9; }