/*

colors:
Header Green - #414818
Light Green - # b0b78c
Yellow 1 - # fcc979
Yellow 2 - # fbe2bb
Red - #792426
Blue – #002878
Grey 1 - #424242
Grey 2 - # c8c8c8
Black - #000000

Header quote
font-family: Arial;
font-size: 16px;
font-weight: normal;
color: #b0b78c;

Main Navigation (selected & unselected)
font-family: Arial;
font-size: 15px;
font-weight: normal;
color: #424242;

What We Do Title
font-family: Arial;
font-size: 24px;
font-weight: bold & normal;
color: #fcc979;

What We Do Text
font-family: Arial;
font-size: 14px;
font-weight: normal;
color: #fbe2bb;


Main Body Text
font-family: Arial;
font-size: 12px;
font-weight: normal;
color: #000000;

Main Body Text Titles (Blue) H1
font-family: Arial;
font-size: 16px;
font-weight: bold;
color: #002878;

Main Body Text Sub Titles (Red) H2
font-family: Arial;
font-size: 14px;
font-weight: bold;
color: #792426;

Main Body Text Sub Titles (Blue) H3
font-family: Arial;
font-size: 14px;
font-weight: bold;
color: #002878;

Read more »
font-family: Arial;
font-size: 12px;
font-weight: normal;
color: #792426;

Copyright
font-family: Arial;
font-size: 12px;
font-weight: normal;
color: # c8c8c8;

Bottom Navigation (unselected)
font-family: Arial;
font-size: 13px;
font-weight: normal;
color: # c8c8c8;

Bottom Navigation (selected)
font-family: Arial;
font-size: 13px;
font-weight: normal;
color: #fcc979;

Header Quote style:
font-family: Arial;
font-size: 17px;
font-weight: normal;
color: #b0b78c;

+ Additional Links Style (title):
font-family: Arial;
font-size: 16px;
font-weight: bold;
color: #7a2426;

+ Additional Links Style (links (unselected)):
font-family: Arial;
font-size: 12px;
font-weight: normal;
color: #313131;

+ Additional Links Style (links (rollover & active)):
font-family: Arial;
font-size: 13px;
font-weight: normal;
color: #313131;

*/


* {
margin:0;
padding:0;} /* Sets all margins and padding to zero across all browsers since IE handles differently.  Then they can be set for each element. */


/*--------- site-wide font styles ----------*/
body {
font-family:Arial;
font-size:12px;
font-weight:normal;
color:#000000;}

a img {
border:none;}

a {
color:#002878;
text-decoration:none;}

h1 {
font-family:Arial;
font-size:16px;
font-weight:bold;
color:#002878;} /* title */

#welcome h1 {
text-transform:uppercase;
margin-bottom:10px;}

#welcome h1 span {
font-size:11px;
color:#333333;}

#page_title h1 {
margin-bottom:15px;}

h2 {
font-family: Arial;
font-size: 14px;
font-weight: bold;
color: #792426;} /* sub title */

h3 {
font-family: Arial;
font-size: 12px;
font-weight: bold;
color: #002878;}

p {
margin-bottom:10px;
line-height:130%;} /* body text font */

p.rdmr {
float:right;}

p.rdmr a {
font-family:Arial;
font-size:12px;
font-weight:normal;
color:#792426;
text-decoration:none;}

#main ol, #main ul {
margin:0 0 10px 20px;
line-height:130%;}

#main ol li, #main ul li {
margin-bottom:10px;}

#nav p {
font-style:italic;
margin-bottom:0;}

#nav a {
font-family:Arial;
font-size:14px;
font-weight:normal;
color:#424242;
text-decoration:none;}

#nav a:hover {
border-bottom:1px solid #afafaf;
background-color:#e1e1e1;}

#nav a.navsel {
border:1px solid #afafaf;
border-top:none;
background-color:#e1e1e1;}

#main a {
}

#quote p {
font-family:Arial;
font-size:16px;
font-weight:normal;
color:#b0b78c;}

/* sidebar hours and contact */
#sidebar h2 {
font-family:Arial;
font-size:14px;
font-weight:bold;
color:#002878;
margin-bottom:0;}

#sidebar a {
text-decoration:underline;}

/* what we do in preview area */
#teaser h1 {
font-family:Arial;
font-size:18px;
font-weight:normal;
color:#535353;
text-transform:uppercase;
border-bottom:1px solid #d4d4d4;
margin-bottom:7px;}

#teaser h1 span {
font-weight:normal;}

#teaser p {
font-family:Arial;
font-size:12px;
font-weight:normal;
color:#4a4a4a;}

/* subnav in preview area */
#preview_menu {
text-align:right;}

#preview_menu h3 {
color:#792426;
padding-bottom:3px;
background:url(images/our_work_border.png) bottom center no-repeat;
margin-bottom:10px;}

#preview_menu #subnav {
list-style:none;
text-align:right;}

#preview_menu #subnav li {
margin-bottom:5px;}

#preview_menu #subnav a {
font-family:Arial, sans-serif; 
font-size:11px; 
color:#002878; 
text-decoration:none;
font-weight:bold;
padding-left:12px;}

#preview_menu #subnav a:hover {
background:url(images/arrow.png) left 50% no-repeat;}

#preview_menu #subnav a.navsel {
background:url(images/arrow.png) left 50% no-repeat;}

/* additional links in sidebar */

#add_links ul {
list-style:none;}

#add_links li {
padding-left:0;
margin-bottom:3px;}

#add_links h2 {
font-family: Arial;
font-size: 16px;
font-weight: bold;
color: #7a2426;
background:url(images/add_links_hr.gif) bottom center repeat-x;
padding-bottom:3px;
margin-bottom:5px;}

#add_links a {
font-family: Arial;
font-size: 12px;
font-weight: normal;
color: #313131;
text-decoration:none;
padding-left:13px;}

#add_links a:hover, #add_links a.navsel {
color: #666666;
background:url(images/arrow.png) left center no-repeat;}


/* divider replaces preview on all interior pages */
#divider {
width:960px;
float:left;
height:12px;}


/* footer */
#footer p {
font-family:Arial;
font-size:12px;
font-weight:normal;
color:#c8c8c8;
padding-top:25px;
line-height:100%;}

#footer a {
font-size:13px;
color:#c8c8c8;
text-decoration:none;}

#footer a:hover, #footer a.navsel {
color:#fcc979;}



/*------------- layout styles -------------*/
html {
min-height: 100%;
margin-bottom: 1px;} /* Always makes vertical scrollbar (kills annoying page shift in Firefox) */

.clear {
clear:both;}

body {
behavior:url(csshover3.htc);
background:url(images/bkg_slice_interior.gif) top left repeat-x #ffffff;}

/*#mainhome {
background:url(images/bkg_slice_home.jpg) top left repeat-x #ffffff;}

#mainint {
background:url(images/bkg_slice_interior.gif) top left repeat-x #ffffff;}*/

#wrapper {
width:960px;
margin:0 auto;
background-color:#ffffff;
background:url(images/swoosh.gif) left bottom no-repeat;} 

#header {
width:960px;
height:154px;
float:left;}

#logo {
width:220px;
height:154px;
float:left;}

#quote {
width:357px;
height:110px;
float:left;
padding:50px 30px 0 30px;
background:url(images/header_quote.jpg) top center no-repeat;}

#random_image {
width:323px;
height:154px;
float:left;}


/*------------ top horizontal navigation ---------------*/
#nav {
width:945px;
height:35px;
float:left;
padding-left:15px;}

#nav p {
float:left;
padding:12px 0 0 0;}

#nav ul {
list-style:none;
float:right;}

#nav ul li {
float:left;}

#nav a {
float:left;
display:block;
padding:12px 15px 6px 15px;}



/*----------- preivew area ----------------*/
#preview {
width:632px;
float:left;}

#preview_menu {
width:141px;
height:221px;
float:left;
padding:40px 10px 0 30px;
background:url(images/our_work_nav.jpg) top center no-repeat;}

#preview_image {
width:451px;
height:261px;
float:left;}

#teaser {
width:436px;
height:246px;
float:left;
clear:both;
margin-left:180px;
padding-top:15px;}

#teaser p.learn_more {
float:right;}


/*------------ main body area ---------------*/
#main {
width:655px;
float:left;
text-align:left;
padding:25px 30px 20px 15px;} /* main content area */

#sidebar {
width:235px;
float:left;
text-align:left;
padding:0 0 0 25px;
margin:25px 0 20px 0;
background:url(images/vert_divider.gif) top left repeat-y;}

#add_links {
width:235px;
float:left;
margin-bottom:20px;}

#welcome {
width:670px;
float:left;
margin-bottom:20px;}

#donation {
width:368px;
height:135px;
float:left;
padding-right:20px;}

#sidebar #donation {
width:235px;
height:35px;
padding:20px 0 0 0;
background:none;}

#donation a {
text-decoration:none;}

#hungry {
width:235px;
height:135px;
float:left;
padding-left:20px;}

#donate_now {
width:408px;
float:left;}

#resources {
margin-top:40px;}

#category h1 {
padding:5px 0 5px 10px;
background-color:#666666;
margin-top:15px;}

#main table.options td {
padding:10px;}

#main table.options tr.even {
background-color:#f8f9fb;}





/*------------ footer ---------------*/
#footer_wrapper {
width:100%;
height:64px;
clear:both;
background:url(images/nav_bottom_slice.gif) top center repeat-x;}

#footer {
width:1065px;
height:64px;
margin:0 auto;
padding-left:15px;}

p.bottom_nav {
float:right;
margin-right:110px;}

p.copyright {
float:left;}


/*------------ big fresh signature/logo (if not included in #footer) ---------------*/
#big_fresh {
width:960px;
margin:20px auto 0 auto;
text-align:center;}

#big_fresh a {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
letter-spacing:1px;
color:#333333;
text-decoration:none;}

#big_fresh span {
color:#fe8a16;}

#big_fresh a:hover span {
text-decoration:underline;}

#big_fresh span.bullet {
color:#999999;}

/*------------------- IE png fix ------------------*/
img, div, a, input, td { 
behavior: url(iepngfix.htc);}


/*------------ contact form ---------------*/

.button { border: 1px solid #333333; font-size: 12px; font-family: Verdana; background-color: #B99D65; height:18px; color:#FFFFFF; }
.textbox { border: 1px solid #333333; font-size: 12px; font-family: Verdana; width: 250px; }
.textboxreqd { border: 1px solid #333333; font-size: 12px; font-family: Verdana; font-style: italic; width: 250px; background-color: #FFF4DF; }
.dropdown { border: 1px solid #333333; font-size: 12px; font-family: Verdana; }
.large_text { border: 1px solid #333333; font-size: 12px; font-family: Verdana; width: 250px; height: 70px; }

form td {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;} /* font styling for contact field headings */