/*Colors:
brick red: #983720
lime green: #a3bc2e
orange: #c47f2a
blue: #576cbb
grey: #4c4c4c
blood red #56200d

Fonts:
main nav (unselected): verdana, reg, 12px, line-height 14pt, white #ffffff
main nav (selected): verdana, reg,12px, line-height 14pt, grey #4c4c4c
welcome to: verdana, reg, 11px, grey #4c4c4c
date: verdana, bold, 12px, brick red #983720
news and events: verdana, reg, 11px, grey #4c4c4c
main body text: verdana, reg, 12px, grey #4c4c4c

sub nav (interior): verdana, bold, 11px, 
brick red #983720 
lime green #a3bc2e 
orange #c47f2a 
blood red #56200d

h1: verdana, reg, 20px, brick red #983720
h2: verdana, reg, 16px, brick red #983720
h3: verdana, bold, 12px, grey #4c4c4c
h4: verdana, bold, 12px, orange #c47f2a

bottom nav (unselected): verdana, reg, 10px, light grey #8f8e8e
bottom nav (selected): verdana, reg, 10px, grey #4c4c4c
bottom nav (rollover): verdana, reg, 10px, grey #4c4c4c*/

* {
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 ----------*/
a img {
border:none;}

h1 {
font-family:Verdana, sans-serif;
font-size:20px;
font-weight:normal;
color:#983720;
margin-bottom:10px;} /* title */

h2 {
font-family:Verdana, sans-serif;
font-size:16px;
font-weight:normal;
color:#983720;} /* sub title */

h3 {
font-family:Verdana, sans-serif;
font-size:12px;
font-weight:bold;
color:#4c4c4c;} /* body text font + bold */

h4 {
font-family:Verdana, sans-serif;
font-size:12px;
font-weight:bold;
color:#c47f2a;}

.home h1, .home h2, .home h3, .home h4 {
color:#983720;}

.about h1, .about h2, .about h3, .about h4, .global h1, .global h2, .global h3, .global h4 {
color:#a3bc2e;}

.projects h1, .projects h2, .projects h3, .projects h4, .contact h1, .contact h2, .contact h3, .contact h4 {
color:#c47f2a;}

.projects h4 {
margin-bottom:15px;}

.partner h1, .partner h2, .partner h3, .partner h4 {
color:#983720;}

.news h1, .news h2, .news h3, .news h4 {
color:#56200d;}

.news h1 a, .news h2 a, .news h3 a, .news h4 a {
text-decoration:none;}

#main, p {
font-family:Verdana, sans-serif;
font-size:12px;
padding-bottom:8px;
line-height:130%;
color:#4c4c4c;} /* body text font */

#main p.newsteaser a, .newsteaser {
color:#4c4c4c;
text-decoration:none;}

.bold {
font-weight:bold;}

#nav a {
font-family:verdana, sans-serif; 
font-size:12px;
line-height:14px; 
color:#ffffff;
text-decoration:none;}

#nav a:hover {
color:#dddddd;}

#nav a.navsel {
color:#4c4c4c;}

#main a {
color:#983720;}

#main a:hover {
color:#4c4c4c;}

#main p.newsteaser a.rdmr, span.rdmr {
color:#983720;
font-size:11px;}

#main p.newsteaser a.rdmr:hover {
text-decoration:underline;}


/*
#sidebar a {
}
*/

#intro_top h1 {
margin-bottom:10px;}

span.welcome {
font-family:Verdana, sans-serif;
font-size:11px;
color:#464646;}

#intro_btm h2 {
margin-bottom:13px;}

#intro_btm ul {
list-style:none;}

#intro_btm ul a {
font-family:Verdana, sans-serif;
font-size:11px;
font-weight:bold;
color:#4c4c4c;
text-decoration:none;}

#intro_btm ul li {
margin-bottom:5px;}

/*#sidebar .subnav a {
font-family:Arial, sans-serif; 
font-size:12px; 
color:#333333; 
text-decoration:none;}

#sidebar .subnav a:hover {
color:#fd983e;}

#sidebar .subnav a.navsel {
font-weight:bold;}
*/

/* news items */
.itemtitlelink {
color:#983720;
font-weight:bold;
text-decoration:none;
padding:0 0 5px 0;
margin:0;
font-size:12px;}

#newssection .itemtitlelink:hover {
color:#333333;}

.news h2.newsdate, #newssection .item_date {
color:#333333;
font-weight:bold;
text-decoration:none;
padding:0 0 5px 0;
margin:0;
font-size:12px;}

.itemlink {
text-decoration:none;}

.item_date {
font-family:verdana, sans-serif; 
font-size:12px;
color:#983720;
padding:0 0 5px 0;
line-height:100%;}


#newssection .item_teaser {
color:#4c4c4c;
text-decoration:none;
padding-bottom:15px;}




/*sidebar sub nav */

#sidebar_home a.rdmr {
font-family:verdana, sans-serif; 
font-size:12px;
color:#983720;
font-style:italic;
text-decoration:none;
float:right;
margin:3px 0 0 0;}

#sidebar_home a.rdmr:hover, .rdmr:hover {
text-decoration:underline;}

#sidebar p.sub_title {
padding:9px 0 9px 45px;
color:#ffffff;
font-family:verdana, sans-serif; 
font-size:12px;}

.about p.sub_title {
background:url(images/about_icon.jpg) 10px center no-repeat #a3bc2e;}

.our p.sub_title {
background:url(images/projects_icon.jpg) 10px center no-repeat #c47f2a;}

.partner p.sub_title {
background:url(images/partner_icon.jpg) 10px center no-repeat #983720;}

.news p.sub_title {
background:url(images/news_icon.jpg) 10px center no-repeat #56200d;}

.global p.sub_title {
background:url(images/global_icon.jpg) 10px center no-repeat #a3bc2e;}

.contact p.sub_title {
background:url(images/contact_icon.jpg) 10px center no-repeat #c47f2a;}

#sidebar ul.subnav {
list-style:none;
margin:15px 0;}

#sidebar ul.subnav a {
font-family:Verdana, sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:none;}

#sidebar ul.subnav a:hover {
text-decoration:underline;}

#sidebar ul.subnav a.navsel {
color:#4c4c4c;}

.our ul a, .contact ul a {
color:#c47f2a;}

.about ul a, .global ul a {
color:#a3bc2e;}

.partner ul a {
color:#983720;}

.news ul a {
color:#56200d;}

#sidebar ul.subnav li {
margin-bottom:5px;}

/*  video block in sidebar */
#video h4 {
margin-top:10px;}

p.caption {
font-size:10px;}

/* galleries in sidebar */
#galleries a {
font-family:Verdana, sans-serif;
font-size:12px;
font-weight:bold;
color:#c47f2a;
text-decoration:none;}

/* faq in sidebar*/

#faq ul li {
font-family:Verdana, sans-serif;
font-size:12px;
padding-bottom:5px;
line-height:130%;
color:#4c4c4c;
list-style:none;}


#testimonial {
font-family:Verdana, sans-serif;
font-size:12px;
padding-bottom:8px;
line-height:130%;
color:#4c4c4c;}

/* thumbnail tables on interior pages */

table.thumbs img {
margin-bottom:5px;}

.our img, .contact img {
border:1px solid #c47f2a;}

.about img, .global img {
border:1px solid #a3bc2e;}

/*.partner img {
border:1px solid #983720;}*/

.news img {
border:1px solid #56200d;}

table.thumbs p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:127px;
margin-bottom:30px;}

table.thumbs a {
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;}

table.thumbs p a span.bold {
text-decoration:underline;}

.our table a, .contact table a {
color:#c47f2a;}

.about table a, .global table a {
color:#a3bc2e;}

.partner table a {
color:#983720;}

.news table a {
color:#56200d;}

/* footer */
#footer p {
text-align:center;
font-family:Verdana, sans-serif; 
font-size:10px; 
color:#8f8e8e;
line-height:14px;}

#footer a.nav {
font-family:Verdana, sans-serif; 
font-size:10px; 
color:#8f8e8e;
text-decoration:none;
line-height:14px;}

#footer a:hover, #footer a.navsel {
font-size:10px;
color:#4c4c4c;
text-decoration:none;}


/*------------- layout styles -------------*/

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

body {
background:url(images/rusty_background.jpg) top left repeat-x #000000;}

#wrapper {
width:900px;
margin:0 auto;
background-color:#ffffff;
border:5px solid #ffffff;} /* surrounds web page and controls centering of page in browser window and handles any page border or repeating background image like a shadow. */

#header_flash {
width:900px;
height:466px;
float:left;} /* contains flash header on home page */

#header {
width:900px;
height:235px;
float:left;} /* header for all other pages */

.clear {
clear:both;} /* any div needed only to clear */


/*------------ top horizontal navigation ---------------*/
#nav {
width:900px;
height:105px;
float:left;} /* div holding nav ul */

#nav ul {
float:left;
height:105px;
list-style:none;
padding-left:0px;}

#nav ul li {
float:left;}

#nav a {
float:left;
display:block;
height:60px;
text-align:center;
padding-top:45px;}

#nav a#home {
width:125px;
background-image:url(/images/home.jpg);
background-repeat:no-repeat;}

#nav a#home.navsel {
background-image:url(/images/home_active.jpg);
background-repeat:no-repeat;}

#nav a#about {
width:124px;
background-image:url(/images/about.jpg);
background-repeat:no-repeat;}

#nav a#about.navsel {
background-image:url(/images/about_active.jpg);
background-repeat:no-repeat;}

#nav a#our {
width:133px;
background-image:url(/images/projects.jpg);
background-repeat:no-repeat;}

#nav a#our.navsel {
background-image:url(/images/projects_active.jpg);
background-repeat:no-repeat;}

#nav a#empowerment {
width:129px;
background-image:url(/images/partner.jpg);
background-repeat:no-repeat;}

#nav a#empowerment.navsel {
background-image:url(/images/partner_active.jpg);
background-repeat:no-repeat;}

#nav a#news {
width:128px;
background-image:url(/images/news.jpg);
background-repeat:no-repeat;}

#nav a#news.navsel {
background-image:url(/images/news_active.jpg);
background-repeat:no-repeat;}

#nav a#global {
width:130px;
background-image:url(/images/global.jpg);
background-repeat:no-repeat;}

#nav a#global.navsel {
background-image:url(/images/global_active.jpg);
background-repeat:no-repeat;}

#nav a#contact {
width:131px;
background-image:url(/images/contact.jpg);
background-repeat:no-repeat;}

#nav a#contact.navsel {
background-image:url(/images/contact_active.jpg);
background-repeat:no-repeat;}


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

#main ul {
margin-left:20px;}

/* on home page only */
#intro-top {
float:left;
width:570px;}

#intro_top img {
float:left;
margin:0 10px 10px 0;}

#intro_btm {
float:left;
clear:both;
margin-top:10px;
padding-top:15px;
border-top:2px dotted #dddddd;}

#intro_btm #left {
float:left;
padding-right:10px;}

#intro_btm #right {
float:left;
padding-left:10px;}

.level {
width:100%;
float:left;
clear:both;
margin:15px 0;}

#sidebar_home {
width:220px;
float:right;
text-align:left;
padding:25px 25px 20px 20px;} /* right sidebar on  home page */


/* on all other pages */
#sidebar {
width:245px;
float:left;
padding:25px 20px 20px 0;} /* left sidebar on interior pages */

#sidebar p.sub_title {
width:220px;}

#sidebar ul.subnav, #sidebar ul.sub_sub_nav  {
list-style:none;
width:200px;
margin-left:25px;}

#sidebar ul.sub_sub_nav  {
margin-left:10px;}

#donate {
width:225px;
float:left;
clear:left;
margin:0 0 10px 5px;
padding:10px 0 10px 15px;
border-bottom:2px dotted #dddddd;}

#sidebar_home #donate {
width:200px;
padding:0 0 10px 0;
margin:0 0 20px 0;}

#video {
width:237px;
float:left;
clear:left;
padding:10px 0;
margin:0 0 10px 5px;
border-bottom:2px dotted #dddddd;
text-align:center;}

#video img {
border:none;
margin-bottom:15px;}

#galleries {
width:237px;
padding:10px 0;
margin:0 0 10px 5px;
border-bottom:2px dotted #dddddd;
text-align:center;}

#galleries a img {
border:none;}

#faq, #testimonial, #sidebar_content {
width:225px;
float:left;
clear:left;
padding:10px 0;
margin:0 0 10px 7px;}

#faq, #testimonial {
border-bottom:2px dotted #dddddd;}


/*------------ footer ---------------*/
#footer {
width:900px;
height:99px;
margin:0 auto;
clear:both;
text-align:center;
background:url(images/bottom_nav.jpg) bottom center no-repeat;} /* container div for footer info */

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

#footer #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;}