/* CSS Document */

*, html {padding: 0; margin: 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address, img {margin: 0; padding: 0;}

body {background: url(../images/backMain.jpg) no-repeat top center #000000; margin: 0; padding: 0;}


/*=======BASIC ELEMENTS==========*/
h1
h2 {}
p
a {border: none;}

img {border: none;}

#container {width: 989px; height: 1083px; margin: 0 auto; padding: 0; position: relative;}


/*=======SC LOGO=================*/
a.sc_logoTop, a.sc_logoBottom {display: block; position: absolute; clear: right; width: 154px; height: 75px; background: url(../images/sc_logo.gif) no-repeat;}
a.sc_logoTop {top: 0; left: 19px;}
a.sc_logoBottom {bottom: 0; right: 20px;}


/*=======WELCOME SECTION=========*/
#welcome {position: relative; width: 989px; height: 449px; background: url(../images/backWelcome.jpg) center no-repeat;}

#welcomeLeft {float: left; width: 593px; height: 449px;}
#welcomeText {background: url(../images/welcomeText.gif) center no-repeat; width: 515px; height: 255px; margin: 86px 0 0 48px;}
a#contact {background: url(../images/contact.gif) center no-repeat; display: block; width: 383px; height: 67px; margin: 0 0 0 60px;}

#welcomeRight {float: left; width: 396px; height: 449px;}
#videoPlayer {margin: 95px 0 0 45px; width: 300px; height: 301px;}


/*=======PHOTO GALLERIES========*/
#photos {width: 989px; height: 203px; background: url(../images/titlePhotos.jpg) top center no-repeat;}
#photoSet1, #photoSet2, #photoSet3, #photoSet4, #photoSet5, #photoSet6 {float: left; height: 161px; margin: 43px 0 0; padding: 0;}
a#photoSet1 {background: url(../images/photoSet1.jpg) no-repeat; width: 175px;}
a#photoSet2 {background: url(../images/photoSet2.jpg) no-repeat; width: 159px;}
a#photoSet3 {background: url(../images/photoSet3.jpg) no-repeat; width: 159px;}
a#photoSet4 {background: url(../images/photoSet4.jpg) no-repeat; width: 158px;}
a#photoSet5 {background: url(../images/photoSet5.jpg) no-repeat; width: 161px;}
a#photoSet6 {background: url(../images/photoSet6.jpg) no-repeat; width: 175px;}


/*=======BOTTOM SECTION=========*/
#bottom {width: 989px; height: 310px; position: relative;}

#bottomLeft {float: left; width: 266px;}
a#getInvolved {display: block; width: 253px; height: 130px; background: url(../images/getInvolved.jpg) center no-repeat; margin: 28px 0 0 13px;}
#support {width: 241px; height: 127px; background: url(../images/support.jpg) center no-repeat; margin: 15px 0 0 25px;}
#support form {padding: 85px 0 0 15px;}

#blogEntries {float: left; width: 454px; height: 310px; background: url(../images/backBlog.jpg) center no-repeat;}
#blogEntries div {margin: 90px 15px 0 15px;}
#blogEntries div h2 {font-size: 12px; font-weight: bold; text-transform: uppercase;}
#blogEntries div p {color: #000000; font-size: 11px; margin: 0 0 10px 0;}
#blogEntries div p a {color: #8f0000; font-size: 11px; text-decoration: none; text-decoration: underline;}
#blogEntries div a:hover {text-decoration: underline;}

#bottomRight {float: left; width: 269px; height: 310px; background: url(../images/backYourStory.jpg) center no-repeat;}

a#yourAction {display: block; width: 188px; height: 150px; background: url(../images/titleYourAction.gif) center no-repeat; margin: 65px 0 0 23px;}


/*======GET INVOLVED PAGE======*/
#involvedWelcome {width: 989px; height: 240px; background: url(../images/getInvolvedWelcome.jpg) center no-repeat; margin-bottom: 20px;}

#getInvolveScroll {width: 920px; height: 675px; overflow: scroll; margin-left: 37px;}
#getInvolvedTable {color: #FFFFFF; background: url(../images/backTable.jpg);}
#getInvolvedTable tr {}
#getInvolvedTable td {padding: 10px; border-bottom: solid 1px #663300!important;}
#getInvolvedTable th {background: url(../images/backTableHeading.jpg); padding-left: 10px;}
#getInvolvedTable tr a {color: #FFFFFF; text-decoration: underline;}
#getInvolvedTable tr a:hover {text-decoration: none;}
#getInvolvedTable tr td.orgName {font-weight: bold;}


/*=====You In Action PAGE=======*/
#youinactionWelcome {width: 989px; height: 240px; background: url(../images/youInActionWelcome.jpg) center no-repeat; margin-bottom: 20px;}

#storiesContainer {width: 949px; height: 675px; overflow: scroll; margin-left: 20px;}
#storiesContainer p.formLink {margin: 0 auto; text-align: center; color: #ffffff; background-color: #370000; font-size: 14px; margin-bottom: 15px; padding: 5px;}
#storiesContainer p.formLink a {color: #ffffff; text-decoration: underline; font-size: 14px; font-weight: bold;}
#storiesContainer p.formLink strong {font-weight: bold; font-size: 14px;}

#storyColumnLeft, #storyColumnRight {width: 453px; float: left;}
#storyColumnLeft {margin-right: 20px;}
#storyColumnRight {}

.story {width: 440px; padding: 5px 8px 0 5px; border-bottom: #370000 solid 2px; background-color: #663300; margin-bottom: 20px;}

.storyPic {background-color: #370000; display: block; height: 130px; width: 180px; padding-bottom: 17px; overflow: hidden; float: left; margin: 0 7px 3px 0;}
.storyPic a img {border: none;}
.storyPic span {font-size: 10px; color: #FFFFFF; padding-left: 5px;}

.story p, .story strong {color: #FFFFFF; font-size: 12px; line-height: 130%; margin: 0 0 5px 0;}