@import url(reset.css);

* { padding: 0px; margin: 0px; }
body { margin: 0px; background-color: #F7F4E7; font-family: Arial; font-size: 12px; }
a:hover { text-decoration: none; }
p { margin: 5px auto 10px auto; line-height: 18px;}
h2 { font-weight: bold; font-size: 15px; text-transform:uppercase; }
h3 { font-weight: bold; font-size: 12px; text-transform: uppercase; margin-top: 20px;}
div#content img { margin: 5px 17px 0 0; }
div#content img.right { margin: 5px 20px 0 20px; }
div#content img.pdf { margin-right: 5px; vertical-align: bottom; margin-top: 0;}
strong, b { font-weight: bold;}
p.disclosure { font-size: 10px; font-style: italic; margin-left: 7px; text-indent: 0px; line-height: 13px;}
em {font-style: italic}

.align-right{float: right}
img.align-right  {margin-left: 8px; margin-right: 0}

.align-left{float: left}
img.align-left {margin-right: 8px; margin-left: 0}


img {vertical-align: top}

/* Color the links as the sections */
a { color: #92252A; }
.know a { color: #F05326; }
.give a { color: #589692; }
.act a { color: #A9A333; }


div#content ul { margin-top: 10px; margin-bottom: 20px; list-style-type: disc; margin-left: 20px; }
div#content ul li { padding-left: 5px; padding-bottom: 5px; }
div#content ul li ul { list-style-type: square; margin-bottom: 5px; }

table { margin-left: 0px; } 
table td { padding: 4px 4px 4px 0; vertical-align: top; }	

p.quote-author { margin-left: 0; line-height: 12px;}
p.quote-author em { font-style: italic; font-size: 10px; }
blockquote { margin: 5px 0; line-height: 16px; width: 420px;}


div#content-container { } 
div#content-left { float: left; }
div#content-right {  float: right; width: 310px;}

/* Header */
#top-links { width: 960px; padding: 29px 0 12px; width: 960px; height: 93px; margin: 0 auto; text-align: left; overflow: hidden; }
#top-links #logo { float: left; border-right: 1px solid #E9E8E8; }
#top-links #donate { float: right; padding: 12px; }
#header { background-color: #FFF; }

/* Primary Navigation */
#header #primary-nav { float: left; list-style-type: none;}
#header #primary-nav li { float: left; border-right: 1px solid #E9E8E8; padding-top: 18px; height: 75px; }
#header #primary-nav span{display:none;}
#header #primary-nav a#know {float:left;width:173px;height: 75px;background:url("../images/content/pagebuilder/nav-know.gif") 0 0 no-repeat;}
#header #primary-nav a#give {float:left;width:143px;height:75px;background:url("../images/content/pagebuilder/nav-give.gif") 0 0 no-repeat;}
#header #primary-nav a#act {float:left;width:122px;height:75px;background:url("../images/content/pagebuilder/nav-act.gif") 0 0 no-repeat;}
#header #primary-nav a#know:hover {background-position:0 -75px;}
#header #primary-nav a#give:hover {background-position:0 -75px;}
#header #primary-nav a#act:hover {background-position:0 -75px;}
#header #primary-nav li.active a#know { background-position: 0 -75px; }
#header #primary-nav li.active a#give { background-position: 0 -75px; }
#header #primary-nav li.active a#act { background-position: 0 -75px; }

/* Secondary Navigation */
#top-links #secondary-nav { float: left; list-style: none; padding-left: 0px; padding-right: 0px; width: 131px; }
#header #secondary-nav span{display:none;}
#header ul#secondary-nav li { float: left; display: block; width: 124px; height: 21px; }
#header #secondary-nav a#about-us{ float: left; width:124px;height:21px;background:url("../images/content/pagebuilder/nav-about-us.gif") 0 0 no-repeat;}
#header #secondary-nav a#service-area { float: left; width:124px;height:21px;background:url("../images/content/pagebuilder/nav-service-area.gif") 0 0 no-repeat;}
#header #secondary-nav a#news-events{ float: left; width:124px;height:21px;background:url("../images/content/pagebuilder/nav-news-and-events.gif") 0 0 no-repeat;}
#header #secondary-nav a#campaign-to-sustain{ float: left; width:124px;height:31px;background:url("../images/content/pagebuilder/nav-campaign-to-sustain.gif") 0 0 no-repeat;}
#header #secondary-nav a#about-us:hover {background-position:0 -21px;}
#header #secondary-nav a#service-area:hover {background-position:0 -21px;}
#header #secondary-nav a#news-events:hover {background-position:0 -21px;}
#header #secondary-nav a#campaign-to-sustain:hover {background-position:0 -31px;}
#header #secondary-nav li.active a#about-us { background-position: 0 -21px; }
#header #secondary-nav li.active a#service-area { background-position: 0 -21px; }
#header #secondary-nav li.active a#news-events { background-position: 0 -21px; }
#header #secondary-nav li.active a#campaign-to-sustain { background-position: 0 -31px; }

/* Tertiary Navigation */
#top-links #tertiary-nav { float: left; border-right: 1px solid #E9E8E8; list-style: none; padding-left: 0px; padding-right: 0px; width: 131px;}
#header #tertiary-nav span{display:none;}
#header ul#tertiary-nav li { float: left; display: block; width: 124px; }
#header #tertiary-nav a#operation-feed{ float: left; width:124px;height:21px;background:url("../images/content/pagebuilder/nav-operation-feed.gif") 0 0 no-repeat;}
#header #tertiary-nav a#virtual-food-drive { float: left; width:124px;height:31px;background:url("../images/content/pagebuilder/nav-virtual-food-drive.gif") 0 0 no-repeat;}
#header #tertiary-nav a#volunteer-now{ float: left; width:124px;height:21px;background:url("../images/content/pagebuilder/nav-volunteer-now.gif") 0 0 no-repeat;}
#header #tertiary-nav a#advocate{ float: left; width:124px;height:21px;background:url("../images/content/pagebuilder/nav-advocate.gif") 0 0 no-repeat;}
#header #tertiary-nav a#operation-feed:hover {background-position:0 -21px;}
#header #tertiary-nav a#virtual-food-drive:hover {background-position:0 -31px;}
#header #tertiary-nav a#volunteer-now:hover {background-position:0 -21px;}
#header #tertiary-nav a#advocate:hover {background-position:0 -21px;}
#header #tertiary-nav li.active a#operation-feed { background-position: 0 -21px; }
#header #tertiary-nav li.active a#virtual-food-drive { background-position: 0 -31px; }
#header #tertiary-nav li.active a#volunteer-now { background-position: 0 -21px; }
#header #tertiary-nav li.active a#advocate { background-position: 0 -21px; }

/* Third Level Navigation */
#third-level-nav { width: 960px; height: 42px; margin: 0 auto; background: url('../img/nav/3/bg.png') repeat-x; }
#third-level-nav div { width: 960px; height: 42px; background: url('../img/nav/3/box-left.png') no-repeat; }
#third-level-nav div ul { width: 960px; height: 42px; background: url('../img/nav/3/box-right.png') right top no-repeat; list-style-type: none;}
#third-level-nav div ul li { height: 42px; font-family: Arial; font-size: 10pt; float: left; padding: 8px 15px 0 15px; text-transform: uppercase;}
#third-level-nav div ul li a { text-decoration: none;}
/* Third Level Nav for Primary Sections */
#third-level-nav div ul#know li.active, #third-level-nav div ul#know li:hover { background: url('../img/nav/3/know-arrow.png') no-repeat 50% 34px;  }
#third-level-nav div ul#know li a { color: #F05326; }
#third-level-nav div ul#give li.active, #third-level-nav div ul#give li:hover { background: url('../img/nav/3/arrow.png') no-repeat 50% 34px;  }
#third-level-nav div ul#give li a { color: #589692; }
#third-level-nav div ul#act li.active, #third-level-nav div ul#act li:hover { background: url('../img/nav/3/act-arrow.png') no-repeat 50% 34px;  }
#third-level-nav div ul#act li a { color: #A9A333; }
/* Third Level Nav for Secondary Sections */
#third-level-nav div ul#campaign-to-sustain li.active, #third-level-nav div ul#campaign-to-sustain li:hover, 
#third-level-nav div ul#news-events li.active, #third-level-nav div ul#news-events li:hover,
#third-level-nav div ul#service-area li.active, #third-level-nav div ul#service-area li:hover,
#third-level-nav div ul#about-us li.active, #third-level-nav div ul#about-us li:hover 
{ background: url('../img/nav/3/burgandy-arrow.png') no-repeat 50% 34px;  }
#third-level-nav div ul#campaign-to-sustain li a, 
#third-level-nav div ul#news-events li a,
#third-level-nav div ul#service-area li a, 
#third-level-nav div ul#about-us li a { color: #92252A; }

#content-left p, #content-right p {margin: 7px 0}

/* Main Content Area */
div#content.home {  padding-top: 15px; }

#page { border-top: 1px solid #E7E6DE; }
#page #main-flash { padding-top: 15px; }
#page .callout { display: inline; padding: 11px 0; }
#page .callout img { padding: 0; margin: 0;}
#page #callout-right img { margin-left: 5px; }



#content { width: 960px;  margin: 0 auto; color: #6d6d6d; clear: both; background: url('../img/sidebars/sidebar-grad.gif') 655px repeat-y; }

#content p.download, #content .download { text-transform: uppercase; font-size: 12px; }
#content p.download a, #content .download a{ text-transform: none;}



#content #main-content { width: 585px; margin-left: 15px; background: url('../img/mofb-dotted-line-2.gif') no-repeat top center; padding-top: 15px; height: 100%; display: block}
#content #main-content div.content-section { background: url('../img/mofb-dotted-line-2.gif') no-repeat bottom center; padding-bottom: 15px; padding-top: 15px;}
#content #main-content div.content-section.content-section-first { padding-top: 0;}
#content #main-content div.content-section.content-section-last { background: none;}

#sidebar {width: 265px; padding-left: 40px; float: right; clear: both; min-height:500px; height: auto !important; height: 500px; text-align: center; }


#footer { width: 960px; margin: 10px auto 10px auto; padding: 3px 0; border-top: 1px solid #E7E6DE; font-family: Arial Narrow, Arial; font-size: 11px; letter-spacing: .04em; line-height: 1.5em; color: #6d6d6d; clear: both; text-align: center; } 
#footer a {color: #6d6d6d} 

/* Know Landing Page */

div#know-landing { background: transparent url('../img/know-main-graphic.jpg') no-repeat scroll 0% 0%; height: 371px; width: 960px; }
div#know-landing h2 { position: relative; top: 60px; left: 418px; font-size: 20px; font-weight: bold;}
div#know-landing p#blurb { position: relative; top: 53px; line-height: 17px; margin-right: 370px; text-align: right; width: 450px; font-size: 12px; color: #92908b; }
div#know-landing div#impossible-math { position: relative; width: 395px; top: 188px; font-size: 12px; left: 195px; }
div#know-landing div#impossible-math p { text-transform: uppercase; line-height: 20px;}
div#know-landing div#impossible-math h2 { position: relative; top: 0; left: 0; text-align: right; font-size: 14px;}
div#know-landing div#impossible-math { text-align: right; }
div#know-landing a { color: red; text-transform: lowercase; }


div#give-landing { background: transparent url('../img/give-main-graphic.jpg') no-repeat scroll 0% 0%; height: 371px; width: 960px; }
div#give-landing h2 { position: relative; top: 30px; left: 30px; font-size: 20px; font-weight: bold;}
div#give-landing p#blurb { position: relative; top: 24px; line-height: 21px; margin-right: 370px; text-align: left; width: 560px; font-size: 12px; color: #92908b;}
div#give-landing div#callout { position: relative; width: 355px; top: 40px; font-size: 12px; left: 240px;}
div#give-landing div#callout p { text-align: right; margin-top: 3px;}
div#give-landing div#callout h2 { position: relative; top: 0; left: 0; text-align: right; font-size: 17px; margin-top: 40px; }

div#act-landing { background: transparent url('../img/act-main-graphic.jpg') no-repeat scroll 0% 0%; height: 371px; width: 960px; }
div#act-landing h2 { position: relative; top: 30px; left: 30px; font-size: 20px; font-weight: bold;}
div#act-landing p#blurb { position: relative; top: 24px; line-height: 21px; margin-right: 370px; text-align: left; width: 560px; font-size: 12px; color: #92908b;}
div#act-landing div#callout { position: relative; width: 355px; top: 35px; font-size: 12px; left: 260px;}
div#act-landing div#callout p { text-align: right;}
div#act-landing div#callout h2 { position: relative; top: 0; left: 0; text-align: right; font-size: 17px;}
div#act-landing div#callout p#print-shopping-list  { width: 125px; height: 20px; margin-top: 180px; margin-left: 230px;  }
div#act-landing div#callout p#print-shopping-list a { text-decoration: none;  }


div#campaign-landing { background: transparent url('../img/page-graphics/campaign-to-sustain/cts-landing-page.jpg') no-repeat scroll 0% 0%; height: 371px; width: 960px; }
div#campaign-landing div#blurb { position: relative; top: 20px; left: 20px; }
div#campaign-landing #it-starts { float: left; margin-left: 30px; margin-top: 105px; font-size: 16px; width: 145px; font-weight: bold; text-transform: uppercase; 
background-image: url('../img/cts-arrow.gif');
background-repeat: no-repeat; 
background-position: center right;  }

div#campaign-landing #this-is-the-campaign { color: #F05323; font-weight: bold; margin-top: 10px; text-transform: uppercase;} 
/* Newsletter */

form div { margin-top: 15px; }
form label { display: block; /*width: 450px;*/}

/* */
table.our-leaders { margin: 0;}
table.our-leaders tr td { width: 220px; }
table.our-leaders tr td.lt  { width: 160px; }