/* =body */
body  {text-align: center; margin: 0; padding: 0; background: #b8cfea url(/images/bg_body.gif) top left repeat-x; font-family: Arial, Helvetica, sans-serif; color: #170a59; font-size: 13px; behavior: url(css/htcmime.php?file=csshover.htc);/* WinIE behavoir call */}

/* global */
a {text-decoration: none; color: #0c6d4e;}
a:hover {text-decoration: underline;}
a:visited {color: #0c6d4e;}

h1 {font-size: 12px; margin: 0; padding: 0; text-indent: -9000px;}
h2 {font-size: 16px; margin: 30px  auto 0 0; padding: 0 0 0 16px; color: #0c6d4e; background: url(images/bullet1.gif) top left no-repeat;}
h2.subheading {font-size: 16px; margin: 30px  auto 0 0; padding: 0 0 0 16px; color: #180a60; background: url(images/bullet2.gif) top left no-repeat;}
h3 {}
h4 {font-size: 14px; margin: 30px 0 0 0; padding: 0; color: #0c6d4e;}

ul li {list-style-type: none;}

p.date {font-style: italic; color: #ff5c0d; font-size: 12px;}
p.loc {font-size: 12px;}
p.posted_by {color: #6666cc; font-style: italic; font-size: 12px;}

img.event_image {margin-top: 10px;}

span.time {color: #758f9c;}

span.weblink {margin: 0; padding: 0;}

/* =wrapper */
#wrapper {width: 882px; margin: 0 auto; text-align: left; background: url(/images/bg_wrapper.gif) top left no-repeat;}

/* =container */
#container {width: 788px; margin: 0 auto; text-align: left; background: url(/images/bg_container.jpg) top left repeat-y;}

/* =header */
#header {height: 155px; background: url(/images/bg_header.jpg) top left no-repeat;}
#header ul {position: relative; margin: 0 0 0 550px; padding: 10px 0 0 0;}
#header ul li {display: inline; margin-left: 40px; padding: 0;}
#header ul li a {color: #0c6d4e;}

/* =branding_area */
#branding_area {height: 227px;}

 #branding_area #mission {width: 310px; height: 227px; float: left; background: url(/images/bg_mission.gif) 0 0 no-repeat;}
 #branding_area #mission p {padding-top: 90px; margin: 0 20px 0 20px; text-indent: -5000px;}

 #branding_area #mural {height: 227px; width: 478px; float: right; background: url(/images/bg_mural.jpg) 0 0 no-repeat;}
 #branding_area #mural blockquote {padding-top: 40px; margin: 0 20px 0 180px; font-style: italic; font-weight: bold; text-align: right; line-height: 160%;}
 #branding_area #mural blockquote span.quoted {font-weight: normal; font-size: 12px;}

/* =mainnav */
#mainnav {height: 33px; font-size: 12px; clear: both;}
 
 #mainnav ul {list-style-type: none; margin: 0; padding: 0; position: relative;}
 #mainnav ul li {display: inline; text-indent: -5000px;}

/* =mainnav main_nav graphic rollver image*/
#mainnav #main_nav {width: 788px; height: 33px; background: url(/images/mainnav.gif); position: relative;}
#mainnav #main_nav li {margin: 0; padding: 0; position: absolute; top: 0;}
#mainnav #main_nav li, #mainnav #main_nav a {height: 33px; display: block;}
#mainnav #main_nav #foundation {left: 0; width: 258px;}
#mainnav #main_nav #events {left: 258px; width: 170px;}
#mainnav #main_nav #charities {left: 425px; width: 177px;}
#mainnav #main_nav #community {left: 605px; width: 183px;}
#mainnav #main_nav #foundation a:hover {background: transparent url(/images/mainnav.gif) 0 -33px no-repeat;}
#mainnav #main_nav #events a:hover {background: transparent url(/images/mainnav.gif) -258px -33px no-repeat;}
#mainnav #main_nav #charities a:hover {background: transparent url(/images/mainnav.gif) -425px -33px no-repeat;}
#mainnav #main_nav #community a:hover {background: transparent url(/images/mainnav.gif) -605px -33px no-repeat;}

/* =content_area */
#content_area {min-height: 600px; text-align: left;}

 #content_area #col1 {float: left; width: 258px; min-height: 655px; background: url(/images/bg_col1.jpg) top left no-repeat;}

 #content_area #col1 #info_box {color: #fff;}
 #content_area #col1 #info_box ul {margin: 70px 18px 0 18px; padding: 0;}
 #content_area #col1 #info_box ul li a {color: #0c6d4e;}

 #content_area #col1 p {margin-left: 18px;}

 #content_area #col2 {float: right; width: 530px;}

/* h1 graphic headings for each page */
  #content_area #col2 #h1_head {height: 80px; background: url(/images/bg_head_home.gif) top left no-repeat;}
  #content_area #col2 #h1_head_events {height: 80px; background: url(/images/bg_head_events.gif) top left no-repeat;}
  #content_area #col2 #h1_head_charities {height: 80px; background: url(/images/bg_head_charities.gif) top left no-repeat;}
  #content_area #col2 #h1_head_comm {height: 80px; background: url(/images/bg_head_community.gif) top left no-repeat;}
  #content_area #col2 #h1_head_about {height: 80px; background: url(/images/bg_head_about.gif) top left no-repeat;}
  #content_area #col2 #h1_head_contact {height: 80px; background: url(/images/bg_head_contact.gif) top left no-repeat;}

 #content_area #col2 p {margin: 10px 0 0 0;}

 #content_area #col2 #post {margin: 15px;}

/* =about page */
 #content_area #col2 .about_profile {clear: both; padding-top: 30px;}
 #content_area #col2 .about_profile .about_foot {clear: both; height: 5px;}

 #content_area #col2 .about_profile .about_col1 {float: left; width: 235px;}
 #content_area #col2 .about_profile .about_col1 img {margin-left: 15px;}
 #content_area #col2 .about_profile .about_col1 ul {margin: 4px 0 0 15px; padding: 0;}
 #content_area #col2 .about_profile .about_col1 ul li {list-style-type: none; margin-top: 4px; font-size: 12px;}
 #content_area #col2 .about_profile .about_col1 ul li.about_name {font-size: 15px; font-weight: bold; color: #0c6d4e;}
 #content_area #col2 .about_profile .about_col1 ul li a {color: #0085bd;}

 #content_area #col2 .about_profile .about_col2 {float: right; width: 255px; font-size: 12px;}
 #content_area #col2 .about_profile .about_col2 p {margin: 0; padding-right: 10px; color: #0c6d4e;}
 #content_area #col2 .about_profile .about_col2 p:first-letter {font-size: 150%;}

/* =events page */
 #content_area #col2  #calendar_area {margin: 20px 0 20px 0; background-color: #180a5d; padding: 5px;}
 #content_area #col2  #calendar_area table {text-align: center;}
 #content_area #col2  #calendar_area tr.calendar_header {color: #fff;}
 #content_area #col2 #calendar_area .calendar_day_heading {background-color: #0c6d4e; color: #fff;}
 #content_area #col2 #calendar_area .calendar_blank {background-color: #fff; color: #fff;}
 #content_area #col2 #calendar_area .calendar_cell {background-color: #fff; color: #0054a6;}
 #content_area #col2 #calendar_area .calendar_today {background-color: #3284d4; color: #fff;}
 #content_area #col2 #calendar_area .calevent {background-color: #ff5c0d; color: #fff;}

 #content_area #col2  #upcoming {}

 #content_area #col2  #upcoming h4 {margin: 20px 0 0 0;}
 #content_area #col2  #upcoming .e_descript {background-color: #c8d5e4; padding: 10px 10px 0 10px; margin: 10px 0 0 0; font-size: 11px;}
 #content_area #col2  #upcoming .e_descript p {margin: 0; padding: 0 0 10px 0;}

 #content_area #col2  #past {margin: 0 0 50px 0;}

/* individual event page */
#content_area #col2 #event_recap p {color: #0c6d4e; font-size: 11px;}
#content_area #col2 #event_recap img {border: #0c6d4e solid 4px;}

#content_area #col2 #event_recap table {margin-top: 15px;}
#content_area #col2 #event_recap table td {align: center;}

#footer {height: 63px; clear: both; background: url(/images/bg_footer.jpg) top left no-repeat;}

#footer ul {padding: 20px 0 0 0; margin-left: 360px; font-size: 11px; color:  #0c6d4e;}
#footer ul li {display: inline; margin: 0; padding: 0;}
#footer ul li a {color: #fff;}
#footer ul li a:hover {text-decoration: underline;}
#footer ul li a:visited {color: #fff;}