body {
        text-align:center;
        margin: 0;
}

form{ 
        margin: 0;
        padding: 0;
}

#frame {
        width:760px;
        margin-right:auto;
	    margin-left:auto;
	    padding:0px;
	    text-align:left;
}

#innerFrame{
        margin: 0;
        padding: 0;
        width:760px;
        float: left;
        background: #FCF5D9 url("/images/backgrounds/main-frame.gif");
        border-left: 1px solid #A08FAE;
        border-right: 1px solid #A08FAE;
}

#masthead {
        width:760px;
        float: left;
        height: 61px;
        background-color: #F7EEBA;
}

#masthead img{ 
        margin: 1px 0 0 0;
        border-right: 1px solid #E4DCAC;
        float: left;
}

#mission{ 
        float: left;
        margin: 0;
        padding: 0;
        width:760px;
        height: 95px;
	/*
        background: url("/images/backgrounds/events.gif") no-repeat left #fff;
	*/
        background: url("/images/backgrounds/events.jpg") no-repeat left #fff;
}

body.eve #mission{ 
	/*
        background:url("/images/backgrounds/events.gif") no-repeat left #fff;
	*/
        background:url("/images/backgrounds/events.jpg") no-repeat left #fff;
}

body.gif #mission{ 
	/*
        background:url("/images/backgrounds/gifts.gif") no-repeat left #fff;
	*/
        background:url("/images/backgrounds/gifts.jpg") no-repeat left #fff;
}

body.vol #mission{ 
	/*
        background:url("/images/backgrounds/volunteer.gif") no-repeat left #fff;
	*/
        background:url("/images/backgrounds/volunteer.jpg") no-repeat left #fff;
}

body.cor #mission{ 
	/*
        background:url("/images/backgrounds/corporate-giving.gif") no-repeat left #fff;
	*/
        background:url("/images/backgrounds/corporate-giving.jpg") no-repeat left #fff;
}

body.bea #mission{ 
	/*
        background:url("/images/backgrounds/beating-cancer.gif") no-repeat left #fff;
	*/
        background:url("/images/backgrounds/beating-cancer.jpg") no-repeat left #fff;
}

body.abo #mission{ 
	/*
        background:url("/images/backgrounds/about.gif") no-repeat left #fff;
	*/
        background:url("/images/backgrounds/about.jpg") no-repeat left #fff;
}

#tabFrame {
       width: 589px;
       float: left;
}

#tabs{ 
       float: left;
       margin: 28px 0 0 0;
}

#tabs ul{ 
       margin: 0;
       padding: 0;
       width: 589px;
}

#tabs ul li{
       color: #F7EEBA;
       float: left;
       padding: 0;
       margin: 0;
       list-style-type: none;
       list-style-image: none;
       height: 34px;
}

#tabs ul li a,
#tabs ul li a:visited,
#tabs ul li a:active{ 
       line-height: 500px;
       overflow: hidden;
       color:#F7EEBA;
       font-size: 1px;
       text-decoration: none;
       display: block;
       height: 34px;
}

#events a{ 
       width: 78px;
       background: no-repeat bottom url("/images/tabs/events.gif");
}

#gifts a{ 
       width: 55px;
       background: no-repeat bottom url("/images/tabs/gifts.gif");
}

#volunteer a{ 
       width: 82px;
       background: no-repeat bottom url("/images/tabs/volunteer.gif");
}

#corporateGiving a{ 
       width: 121px;
       background: no-repeat bottom url("/images/tabs/corporate-giving.gif");
}

#beatingCancer a{ 
       width: 108px;
       background: no-repeat bottom url("/images/tabs/beating-cancer.gif");
}

#about a{ 
       width: 145px;
       background: no-repeat bottom url("/images/tabs/about.gif");
}

body.eve #events a{ 
       background: no-repeat bottom url("/images/tabs/events-active.gif");
}

body.eve #gifts a{ 
       background: no-repeat bottom url("/images/tabs/gifts-adj.gif");
}

body.gif #events a{ 
       background: no-repeat bottom url("/images/tabs/events-adj.gif");
}

body.gif #gifts a{ 
       background: no-repeat bottom url("/images/tabs/gifts-active.gif");
}

body.gif #volunteer a{ 
       background: no-repeat bottom url("/images/tabs/volunteer-adj.gif");
}

body.vol #gifts a{ 
       background: no-repeat bottom url("/images/tabs/gifts-adj-right.gif");
}

body.vol #volunteer a{ 
       background: no-repeat bottom url("/images/tabs/volunteer-active.gif");
}

body.vol #corporateGiving a{ 
       background: no-repeat bottom url("/images/tabs/corporate-giving-adj.gif");
}

body.cor #volunteer a{ 
       background: no-repeat bottom url("/images/tabs/volunteer-adj-right.gif");
}

body.cor #corporateGiving a{ 
       background: no-repeat bottom url("/images/tabs/corporate-giving-active.gif");
}

body.cor #beatingCancer a{ 
       background: no-repeat bottom url("/images/tabs/beating-cancer-adj.gif");
}

body.bea #corporateGiving a{ 
       background: no-repeat bottom url("/images/tabs/corporate-giving-adj-right.gif");
}

body.bea #beatingCancer a{ 
       background: no-repeat bottom url("/images/tabs/beating-cancer-active.gif");
}

body.bea #about a{ 
       background: no-repeat bottom url("/images/tabs/about-adj.gif");
}

body.abo #beatingCancer a{ 
       background: no-repeat bottom url("/images/tabs/beating-cancer-adj-right.gif");
}

body.abo #about a{ 
       background: no-repeat bottom url("/images/tabs/about-active.gif");
}

#eventNavigation{
        width: 760px;
        height: 40px;
        float: left;
}

#sectionTitleFrame{ 
        width: 170px;
        height: 40px;
        float: left; 
}

#sectionTitle{ 
        background: no-repeat top left url("/images/backgrounds/section-title.gif");
        height: 40px;
        padding: 3px 0 0 10px;
}

#sectionTitle h2{
        font: normal 22px Times New Roman, Serif;
        color: #626264;
	text-transform: lowercase;
	padding: 0;
        margin: 0;
}

#eventsForm{ 
        padding: 0;
        margin: 0;
}

#eventFinder h3{ 
        display: none;
}

#eventFinder select{ 
        margin: 0;
        padding: 0;
        width: 255px;
        font: 11px Arial, sans-serif;
}

#eventFinder select optgroup{ 
        font: 11px Arial, sans-serif;
}

#eventFinder input{
        margin: 0;
        padding: 0;
        font: 10px Arial, sans-serif;
        color: #fff;
        background-color: #666;
        border: 2px solid #666;
        cursor: pointer;
}

#eventFinder{ 
        padding: 6px 6px 6px 105px;
        white-space: nowrap;
}

#eventFinderFrame{ 
        background: no-repeat top left url("/images/backgrounds/event-finder-bg.gif"); 
        background-color: #DBDAB9;
        height: 35px;
        width: 399px;
        float: left;
}

#makeAGiftNow a{ 
        width: 190px;
        height: 36px;
        color: #fff;
        font-size: 1px;
        display: block;
}

#makeAGiftNow{ 
        background: no-repeat top left url("/images/backgrounds/make-a-gift-now.gif");
        width: 190px;
        height: 36px;
        float: left;
}
 
#structuralNavigation{ 
        margin: 0 0 10px 0;
}

#structuralNavigation p{ 
        margin: 0;
        padding: 0 0 3px 0;
        font: normal 11px Arial, sans-serif;
        color:#77838A;
}

#structuralNavigation p a {
        white-space: nowrap;  
        text-decoration: none;
        color:#77838A;
}

#structuralNavigation p a:hover {
        text-decoration: underline;
}

#structuralNavigation p a:visited {
	color:#77838A;
}

#navigationFrame {
        width:170px;
	float:left;
}

#relatedLinks{
        background-color: #DADACB;
        border: 1px solid #B7B7B0;
        width: 146px;
        margin: 0 0 10px 11px;
}

#relatedLinks h2 {
        background: url("/images/backgrounds/related-links.gif") no-repeat top; 
        width: 146px;
        height: 19px;
        margin: 0 0 5px 0;
        padding: 0;
        text-indent: -10000px;
}

#relatedLinks ul{ 
        margin: 0;
        padding: 0;
        list-style: none;
}

#relatedLinks ul li{ 
        display: block;
        margin: 0;
        padding: 0;
        list-style-type: none;
        list-style-image: none;
        font: normal 12px Arial, sans-serif;
}

#relatedLinks ul li a,
#relatedLinks ul li a:visited{ 
        padding: 0 0 0.5em 7px;
        display: block;
        color: #5E5E5E;
}

#relatedLinks ul li a:hover{ 
        color: #817F82;
}

#additionalContent{ 
        padding: 10px;
}

#navigation{ 
        width:170px;
        padding: 0 0 1px 1px;
        background: url("/images/backgrounds/dots-horizontal.gif") repeat-x bottom;
}

#navigation ul{ 
        width:168px;
        margin: 0;
        padding: 0;
        list-style: none;
        border: none;
}

#navigation ul li{ 
        margin: 0;
        padding: 0;
        list-style-type: none;
        list-style-image: none;
        font: normal 12px Arial, sans-serif;
	display: block;
}

#navigation ul li a{
        padding: 3px 15px 3px 10px; 
        display: block;
        margin: 0;
        text-decoration: none;
        background: url("/images/backgrounds/navigation-li.gif") no-repeat top right;
        color: #5E5E5E;
}

#navigation ul li a:hover{ 
        color: #817F82;
}

#navigation ul li.active a{ 
        background: url("/images/backgrounds/navigation-li-active.gif") no-repeat top right;
        color: #817F82;
}


#navigation ul li ul li a,
#navigation ul li.active ul li a{ 
        padding: 3px 15px 3px 20px; 
        background: none;
        background-color: #EAEAD7;
        border-top: 1px solid #EAEAD7;
        border-bottom: 1px solid #EAEAD7;
}

#navigation ul li.active ul li.active a,
#navigation ul li.active ul li a:hover{ 
        background: none #FCF8E2;
        border-top: 1px solid #D2D2C1;
        border-bottom: 1px solid #D2D2C1;
}

#navigation ul li a:visited{
        color: #5E5E5E;
}

#content{ 
        font: normal 12px Arial, sans-serif;
        padding: 10px 12px 10px 12px;
        min-height: 300px;
}

#content h2{ 
        font:22px Arial, sans-serif;
	color:#626264;
	margin: 0 0 0.5em 0;
        padding: 0;
}
	
#contentFrame {
        width:398px;
	padding:0px;
	float:left;
}

#additionalContentFrame {
	width:190px;
	padding:0px;
        margin: 0;
	float:left;
}

#additionalContent div.personalProfile:after,
#additionalContent div.sidebar:after,
#additionalContent div.webcast:after,
#additionalContent div.relatedTopics:after,
#additionalContent div.giveNow:after,
#additionalContent div.quickFacts:after,
#additionalContent div.survey:after,
#additionalContent div.personalProfile:after,
#additionalContent div.survivorProfile:after,
#additionalContent div.spotlight:after,
#additionalContent div.relatedStory:after,
#additionalContent div.video:after,
#additionalContent div.rewardStaff:after,
#additionalContent div.webcast:after,
#additionalContent div.sidebar:after,
#additionalContent div.recipe:after,
#additionalContent div.audio:after{
       content: '.';
       visibility: hidden;
}


#additionalContent div.webcast,
#additionalContent div.relatedTopics,
#additionalContent div.giveNow,
#additionalContent div.quickFacts,
#additionalContent div.survey,
#additionalContent div.personalProfile,
#additionalContent div.survivorProfile,
#additionalContent div.spotlight,
#additionalContent div.relatedStory,
#additionalContent div.video,
#additionalContent div.rewardStaff,
#additionalContent div.webcast,
#additionalContent div.sidebar,
#additionalContent div.recipe,
#additionalContent div.audio,
#additionalContent div#quickAccess{ 
        width: 170px;
        padding: 0 0 10px 0;
        background: url("/images/backgrounds/sidebar-box-bg.gif") no-repeat bottom; 
        margin-bottom: 10px;
}

#additionalContent div.survivorProfile{ 
        text-align: center;
}

#additionalContent div.webcast h2,
#additionalContent div.relatedTopics h2,
#additionalContent div.giveNow h2,
#additionalContent div.quickFacts h2,
#additionalContent div.survey h2,
#additionalContent div.personalProfile h2,
#additionalContent div.survivorProfile h2,
#additionalContent div.spotlight h2,
#additionalContent div.relatedStory h2,
#additionalContent div.video h2,
#additionalContent div.rewardStaff h2,
#additionalContent div.webcast h2,
#additionalContent div.sidebar h2,
#additionalContent div.recipe h2,
#additionalContent div.audio h2,
#additionalContent div#quickAccess h2{ 
        margin: 0;
        background: url("/images/backgrounds/sidebar-box-top.gif") no-repeat top;
        padding: 18px 13px 3px 13px;
        font: normal bold 12px Arial, sans-serif;
        text-align: left;
        vertical-align: bottom;
}

#additionalContent div.personalProfile h2{ 
        background: url("/images/backgrounds/sidebar-box-headings.gif") no-repeat top;
        padding-top: 33px;
}

#additionalContent div.giveNow h2{ 
        background: url("/images/backgrounds/give-now-heading.gif") no-repeat top;
}

#additionalContent div.webcast h3,
#additionalContent div.relatedTopics h3,
#additionalContent div.giveNow h3,
#additionalContent div.quickFacts h3,
#additionalContent div.survey h3,
#additionalContent div.personalProfile h3,
#additionalContent div.survivorProfile h3,
#additionalContent div.spotlight h3,
#additionalContent div.relatedStory h3,
#additionalContent div.video h3,
#additionalContent div.rewardStaff h3,
#additionalContent div.webcast h3,
#additionalContent div.sidebar h3,
#additionalContent div.recipe h3,
#additionalContent div.audio h3{ 
        margin: 0 13px 0.5em 13px;
        font: normal bold 12px Arial, sans-serif;
}

#additionalContent div.survivorProfile h3{ 
        clear: both;
}

#additionalContent div.survey h3{ 
        color: #A21E36;
}

#additionalContent div.sidebar h4{
        margin: 0 10px 0.5em 10px;
}

#additionalContent div.webcast p,
#additionalContent div.relatedTopics p,
#additionalContent div.giveNow p,
#additionalContent div.quickFacts p,
#additionalContent div.survey p,
#additionalContent div.personalProfile p,
#additionalContent div.survivorProfile p,
#additionalContent div.spotlight p,
#additionalContent div.relatedStory p,
#additionalContent div.video p,
#additionalContent div.rewardStaff p,
#additionalContent div.webcast p,
#additionalContent div.sidebar p,
#additionalContent div.recipe p,
#additionalContent div.audio p{ 
        font-size: 11px;
        margin: 0 13px 13px 13px;
}

#additionalContent div.webcast li,
#additionalContent div.relatedTopics li,
#additionalContent div.giveNow li,
#additionalContent div.quickFacts li,
#additionalContent div.survey li,
#additionalContent div.personalProfile li,
#additionalContent div.survivorProfile li,
#additionalContent div.spotlight li,
#additionalContent div.relatedStory li,
#additionalContent div.video li,
#additionalContent div.rewardStaff li,
#additionalContent div.webcast li,
#additionalContent div.sidebar li,
#additionalContent div.recipe li,
#additionalContent div.audio li{ 
        font-size: 11px;
        margin-right: 15px;
        margin-left: 32px;
}

#additionalContent div.webcast img,
#additionalContent div.relatedTopics img,
#additionalContent div.giveNow img,
#additionalContent div.quickFacts img,
#additionalContent div.survey img,
#additionalContent div.personalProfile img,
#additionalContent div.spotlight img,
#additionalContent div.relatedStory img,
#additionalContent div.video img,
#additionalContent div.rewardStaff img,
#additionalContent div.webcast img,
#additionalContent div.sidebar img,
#additionalContent div.recipe img,
#additionalContent div.audio img{ 
	float:left;
        border: 1px solid #000;
	margin: 3px 10px 5px 13px;
	padding:0;
}

#additionalContent div.survivorProfile img{ 	
        border-style:solid;
	border-width:1px;
}

#additionalContent div#qmenu h2{ 
        margin: 0 1px 4px 1px;      
        padding: 5px 10px 3px 5px;
        font: bold 14px Times, serif;
        letter-spacing: 1px;
        color: #8E6434;
        border-bottom: 1px solid #E0C79F;
}

#additionalContent div#qmenu { 
        width: 168px;
        padding: 0 0 10px 0;
        margin: 0 0 10px 0;
        border: 1px solid #E0C79F;
        background-color: #F6ECD3;
}

#additionalContent div#qmenu ul{
        background-color: #fff;
        padding: 0;
}

#additionalContent div#qmenu ul li{ 
        margin: 0;
        padding: 0;
        list-style-type: none;
        list-style-image: none;
        font: normal 12px Arial, sans-serif;
	display: block;
}

#additionalContent div#qmenu ul li a{
        padding: 2px 30px 2px 25px; 
        display: block;
        margin: 0;
        text-decoration: none;
        background: url("/images/backgrounds/qmenu-li.gif") no-repeat top left;
        color: #666;
}

#additionalContent div#qmenu ul li a:hover{
        text-decoration: underline;
}

#additionalContent div#qmenu ul li a:visited{ 
        color: #666;
}

#makeAGiftNow h2,
#mainMenuHeader,
#masthead h1,
#mission p,
#structuralNavigation h2,
#tabFrame h2,
.skipLink,
.hidden{
        /* This works better than display:none because screen readers
           actually read the text: 
           http://www.webaim.org/techniques/articles/hiddentext */
        position:absolute;
 	left:0px;
 	top:-500px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
}

#footerFrame{ 
        float: left;
        width:760px;
        background-color: #FCF5D9;
        border-left: 1px solid #A08FAE;
        border-right: 1px solid #A08FAE;
}

#footerMenu{
        height: 20px;
        background: url("/images/backgrounds/footer-menu.gif") no-repeat top;
        padding: 20px 0 0 0;
        text-align: center;
	font: 10px Arial, sans-serif;
        color: #494A44;
}

#footerCopyright{
        background: url("/images/backgrounds/footer-copyright.gif") no-repeat top;
        text-align: center;
	font: 11px Arial, sans-serif;
        padding: 5px;
        color: #999;
}

#footer a {
	color: #494A44;
}


#additionalContent div.survey fieldset{ 
        padding: 10px;
        width: auto;
        border: none;
}

#additionalContent div.survey li label{ 
        display: block;
        font: 11px Arial, sans-serif;
        margin: 0 0 0 5px;
}

#additionalContent div.survey li{ 
        list-style-type: none;
        list-style-image: none;
        margin: 0 0 0.5em 0;
        clear: both;
}

#additionalContent div.survey li input{
        display: block;
        margin: 0 0 0 0;
        float: left;
}

div#quickAccess li a {
        color: #000;
	font-size:11px;
}

div#quickAccess li {
        list-style-type: none;
        list-style-image: none;
        margin: 0 0 0 10px;
        padding: 0;
}

div#quickAccess ul{ 
        margin: 0;
        padding: 0;
        list-style-image:url("/images/square-bullet.gif"); 
}


#contentEditorMenu{
        background-color:#ccc;
        border: 1px outset #999;
        padding: 3px 5px 3px 5px;
        text-align: right;
        font: 10px Arial, sans-serif;
}

#contentEditorMenu p{ 
        margin: 0;
        padding: 2px 5px 2px 5px;
}

#contentEditorMenu input,
#contentEditorMenu select,
#contentEditorMenu input:disabled{
        font: 10px Arial, sans-serif;
        border-width: 1px;
}

.utubeRight {
	float: right;
	padding: 0px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.utubeLeft {
	float: left;
	padding: 0px 10px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.utube {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}