@import 'reset.css';

body { font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif; font-size: 12px; }
h1 { font-size: 150%; }
h2 { font-size: 135%; }
h3 { font-size: 125%; }
p { margin-bottom: 10px; }
.clear { clear: both; height: 1px; }
.white-back { background: #ffffff; padding: 10px; }
.floatRight { float: right; margin: 0 0 15px 15px; }
.floatLeft { float: left; margin: 0 15px 15px 0; }
.hidden { display: none; }
blockquote { color: #005AAA; font-size: 175%; padding: 20px 50px; line-height: 1.5em; font-style: italic; }
blockquote span { font-style: normal; font-size: 75%; }
ol, ul { margin: 10px 0 25px 40px; }

#container { width: 944px; margin: 15px auto; }
#header {}
#header ul { list-style: none; height: 27px; margin: 0; }
#header ul li { float: left; margin-right: 2px; }
#header ul li.last { margin-right: 0; }
#header ul li a { display: block; text-transform: uppercase; text-decoration: none; text-align: center; height: 23px; background: top left; color: #ffffff; padding-top: 4px; font-weight: bold; }
#header ul li a#our-cause { background: url('/media/layout/partners.jpg') no-repeat; width: 115px; margin-right: 1px; }
#header ul li a#our-cause:hover { background-position: 0px -27px; }
#header ul li a#our-work { background: url('/media/layout/partners.jpg') no-repeat; width: 114px; }
#header ul li a#our-work:hover { background-position: 0px -27px; }
#header ul li a#partners { background: url('/media/layout/partners.jpg') no-repeat; width: 161px; margin-right: 1px; }
#header ul li a#partners:hover { background-position: 0px -27px; }
#header ul li a#blog { background: url('/media/layout/partners.jpg') repeat-x; width: 120px; }
#header ul li a#blog:hover { background-position: 0px -27px; }
#header ul li a#shop { background: url('/media/layout/partners.jpg') no-repeat; width: 162px; margin-right: 1px; }
#header ul li a#shop:hover { background-position: 0px -27px; }
#header ul li a#contact { background: url('/media/layout/partners.jpg') no-repeat; width: 106px; }
#header ul li a#contact:hover { background-position: 0px -27px; }
#header ul li a#get-involved { background: url('/media/layout/partners.jpg') no-repeat; width: 151px; }
#header ul li a#get-involved:hover { background-position: 0px -27px; }

#content { background: url('/media/layout/content-bkg.jpg') repeat-x #41b14e; padding: 5px; }
#content #large-images {  }
#content #large-images #featured-events { float: right; width: 278px; height: 350px; background: url('/media/layout/featured-events-bkg.jpg') repeat-x; padding-left: 5px; } 
#content #large-images #featured-events h2 { color: #fff; text-transform: uppercase; text-align: center; padding: 5px 0; font-weight: bold; }
#content #large-images #featured-events .white-back h3 { color: #005aaa; font-weight: bold;}
#content #large-images #featured-events .white-back p { margin-bottom: 10px; }
#content #large-images #featured-events form { padding-top: 3px; text-align: center; }
#content #large-images #featured-events form input.newsletterSubmit { border: none; background: #0252a4; color: #ffffff; }
#content .information { margin: 5px 0; background: #ffffff; padding: 10px; }
#content .tagline { background: url('/media/layout/tagline-bkg.jpg') no-repeat #ffffff; width: 934px; height: 203px; }
#content .tagline .signup h3 { color: #005aaa; padding: 45px 0 10px 0; }
#content .tagline .signup p { padding: 0; font-size: 100%; color: #000000; }
#content .tagline p { color: #666766; font-family: helvetica, arial, sans-serif; font-size: 150%; line-height: 1.3em; padding-left: 40px; padding-top: 50px; width: 380px; }
#footer { color: #666766; font-size: 85%; }
#footer ul { list-style: none; }
#footer ul li { float: right; margin-left: 3px; }
#footer ul li a { color: #666766; text-decoration: none; }