@charset "UTF-8";
/* CSS Document */

body {
 margin:0px;padding:0px;
 background: url(images/background.jpg) bottom right no-repeat #fffef2;
 font-family:Arial, Helvetica, sans-serif;
 font-size:62.5%;
 line-height: 1.5em;
}

a {outline: none}

#container {width: 812px;margin:35px auto 0px;}

*html body #container {width: 835px;margin:35px auto 0px;}

#header { background:url(images/header.jpg) no-repeat; height: 184px;width:852px; position:relative; left:-40px;} 


 /* ----- navigation ----- */
 
#navigation {background: url(images/links_bkg.jpg) no-repeat; height: 41px; width:812px; margin: 8px 0 17px 0;}
#navigation ul {list-style: none; color: #FFFCEA; width: 790px; margin:0px auto; padding:0px;}
#navigation li {display: block; float: left; margin: 0 5px; padding:0; font-size: 1.8em;}
#navigation li a {color: #FFFCEA; font-weight: bold; text-decoration: none; display:block; height: 41px; text-indent: -9999px;}

#who_we_are {background:url(images/who_we_are.jpg) no-repeat;width:114px;}
#calendar {background:url(images/calendar.jpg) no-repeat;width:92px;}
#volunteer {background:url(images/volunteer.jpg) no-repeat;width:206px;}
#donations {background:url(images/donations.jpg) no-repeat;width:112px;}
#membership {background:url(images/membership.jpg) no-repeat;width:125px;}
#noah {background:url(images/noah.jpg) no-repeat;width:69px;}

#who_we_are a:hover {background:url(images/who_we_are_on.jpg) no-repeat;width:114px;}
#calendar a:hover {background:url(images/calendar_on.jpg) no-repeat;width:92px;}
#volunteer a:hover {background:url(images/volunteer_on.jpg) no-repeat;width:206px;}
#donations a:hover {background:url(images/donations_on.jpg) no-repeat;width:112px;}
#membership a:hover {background:url(images/membership_on.jpg) no-repeat;width:125px;}
#noah a:hover {background:url(images/noah_on.jpg) no-repeat;width:69px;}

body.who_we_are #who_we_are a {background:url(images/who_we_are_on.jpg) no-repeat;width:114px;}
body.calendar #calendar a {background:url(images/calendar_on.jpg) no-repeat;width:92px;}
body.volunteer #volunteer a {background:url(images/volunteer_on.jpg) no-repeat;width:206px;}
body.donations #donations a {background:url(images/donations_on.jpg) no-repeat;width:112px;}
body.membership #membership a {background:url(images/membership_on.jpg) no-repeat;width:125px;}
body.noah #noah a {background:url(images/noah_on.jpg) no-repeat;width:69px;}

#navigation #home_btn {background: url(images/home_btn.jpg) no-repeat;  height: 32px; width: 62px; position:absolute; top: 10px;}
#navigation #home_btn a {display: block; height: 32px; width: 62px; text-indent: -9999px}
#navigation #home_btn a:hover {background: url(images/home_btn_on.jpg) no-repeat;height: 32px; width: 62px;}

 
 /* ----- sidebar ----- */
 
#sidebar { width: 208px;float: left;}
#sidebar h3 { font-size: 2em; margin:0 0 0 31px; padding: 0px 0 5px 0px; color: #FFFCEA; }
#sidebar h4 { font-size: 1.5em; margin:0px; padding: 13px 0 0 15px; color: #FFFCEA; }
#sidebar h5 { font-size: 1.5em; margin:0px; padding: 0 0 0 15px; color: #FFFCEA; font-weight: normal}
#sidebar p { font-size:1.2em; padding: 3px 15px 2px 15px; margin:0px;  color: #FFFCEA; } 
#sidebar p a {color: #FFFCEA; font-weight: bold; }
#sidebar p a:hover {text-decoration: underline}
#sidebar #top { background: url(images/side_top.jpg) no-repeat; height: 13px; width: 208px; margin:0px; padding: 0px; }
#sidebar #middle { background: url(images/side_bkg.jpg) repeat-y; width: 208px; }
#sidebar #bottom { background: url(images/side_bottom.jpg) no-repeat top; padding: 0px; margin:0px; height: 354px; width:208px;}

*+html body #container #sidebar #bottom h3.sidebar {position:relative; left: 31px}
*html body #container #sidebar #bottom h3.sidebar {position:relative; left: 31px}

#quicklinks {color: #FFFCEA;font-family: tahoma, Arial, Helvetica, sans-serif;font-size: 1.5em;list-style: none;width: 153px;margin: 0px auto;padding: 10px 0 0 0;}
ul#quicklinks li {padding: 0px;margin:0 0 -3px 0;height: 25px; width:156px;}
#sidebar #separate {background: url(images/side_line.gif) no-repeat;height:7px; width:114px;margin:0px auto;} 
ul#quicklinks a {display: block;height: 25px; width:156px;color: #FFFCEA;text-decoration: none;margin:0px;padding: 3px 0 0px 15px;}
ul#quicklinks a:hover {color: #B25538;background:url(images/side_link_bkg.gif) no-repeat;}


 /* ----- spotlight ----- */

#spotlight { width: 582px; float: right;color:#1A1A1A}
#spotlight h3 {margin:0px;padding:00px 0 0 31px;font-size:6em;color:#18A1B3;}
#spotlight p {margin:0px;padding:5px 15px;font-size:1.2em;line-height:1.5em}
#spotlight #top {background: url(images/spotlight_top.gif) no-repeat;height: 13px; width: 582px;margin:0px;}
#spotlight #middle { background: url(images/spotlight_bkg.gif) repeat-y; width: 582px;}
#spotlight #separate { background: url(images/spotligh_separate.jpg) no-repeat; height: 9px; width: 245px; margin:0px 0 0 23px;}
#spotlight #bottom { background: url(images/spotlight_bottom.gif) no-repeat; height: 12px; width: 582px;}


 /* ----- main content ----- */

#content {width: 582px;float: right; padding-top:20px;color:#1A1A1A}
#content h2 {line-height: 2.3em;}
#content h5 { margin:0px;padding:7px 0 0 0px;font-size:1.7em;color:#B25538;}
#content h3 { margin:0px;padding:7px 0 0 0px;font-size:4.5em;color:#18A1B3;float:left; line-height: 1.5em;}
#content h4 { margin:10px 0 0 20px;padding:0 0 0px 00px;font-size:30px;color:#B25538;line-height: 1.5em;}
#content p {margin:0px;padding:5px 15px;font-size:1.2em;line-height:1.5em}
#content p a {color:#B25538;font-weight:bold;text-decoration:none;}
#content p a:hover {text-decoration: underline}

#content ol li {margin:8px 0;font-size:1.2em;line-height:1.5em;color:#333333}

.left {background:url(images/content_left.gif) no-repeat; height:53px;width:37px; margin-left:31px;float: left}
.right {background: url(images/content_right.gif) no-repeat; height:53px;width:37px; width: 29px; float: left}

 
 /* ----- footer ----- */

#footer {background: url(images/footer_bkg.gif) no-repeat; height: 28px; width:812px; clear: both; margin-top: 18px; position: relative; top: 18px; color: #FFFCEA;margin-bottom:40px;}
#footer p {margin:0px;padding-top: 7px; font-size:1.1em}
#footer #copyright {float:left;margin-left:18px}
#footer #design_by {float:right; margin-right:18px}
#footer #design_by a { color: #FFFCEA; text-decoration: none; font-weight:bold;}
#footer #design_by a:hover { color: #FFFCEA; text-decoration: underline}
.blue_h2 {color: #18A1B3;font-size:2em;margin-bottom:0px;padding-bottom:0px; }