@charset "UTF-8";
/* CSS Document */

html, body, div, h1, h2, h3, h4, h5, h6, dt, dd, pre, form, fieldset, table, th, td, hr { margin: 0; padding: 0; } input {margin:0;}/*reset css*/

/*  ------ body attributes ------- */	

body {font:13px Helvetica, Arial, sans-serif; margin: 0 0 10px 0; background-color: #000; color:#333;line-height:1.8em;}

/*  ------ global link colors ------- */	
	
a:link {color: #BF171C;text-decoration: none;}
a:visited {color: #BF171C; text-decoration: none;}
a:hover {color: #666;text-decoration: none;}
a:active {color: #999; text-decoration: none;}

a img {border: 0px;}

p {margin: 0 0 1em 0;}


img { behavior:url(/_includes/iepngfix.htc); }

h1 {padding: 0 0 20px 0; margin: 0; font-size: 34px;}


.width-200 {width: 200px;}
.width-300 {width: 300px;}
.width-400 {width: 400px;}


/*  ------ center site and set the width ------- */
.wrapper {
width:980px;
margin: 0 auto;
padding:0px;
text-align:left;
}


/*  ------ Top BG ------- */
.top-bg {background:url("/images/top-bg.jpg") no-repeat; width: 980px; height: 118px;}


/*  ------ logo ------- */
.logo {
	position:absolute;
	z-index: 2;
	margin: 20px 0 0 52px;
	}
	
	
	
/*  ------ support our foundation button ------- */
.support-bttn {float: right; padding: 76px 10px 0 0;}
	.support-bttn a {background:url("/images/button-support-our-foundation.jpg") no-repeat;display:block;width:249px;height: 42px;}
	.support-bttn a:hover {background-position:0 -42px;}
	
	
	

/*  ------ gray border ------- */
.gray-border {background-color: #666; padding: 0 10px 0 10px; overflow:hidden; height: 1%;}



/*  ------ main menu ------- */
.main-menu-bg {background:url("/images/menu-bg.jpg") no-repeat; width: 960px; height: 42px; border-bottom: 1px #fff solid;}
	
	.main-menu {z-index: 3; position:absolute;}
	.main-menu ul {padding: 0; margin: 0;}
	.main-menu ul li {
		padding: 0;
		margin: 0;
		list-style:none;
		display: inline;}
		
		.main-menu a {display:block;float:left;height: 42px;}
			.main-menu a:hover {background-position:0 -42px;}
	
			.home {background:url("/images/menu-home.jpg") no-repeat; width: 70px;}
			.logo-space {width: 232px;}
			.about {background:url("/images/menu-about.jpg") no-repeat; width: 62px;}
			.giving-back {background:url("/images/menu-giving-back.jpg") no-repeat; width: 99px;}
			.fund-raising-events {background:url("/images/menu-fund-raising-events.jpg") no-repeat; width: 141px;}
			.share-story {background:url("/images/menu-share-story.jpg") no-repeat; width: 104px;}
			.pass-legacy-on {background:url("/images/menu-pass-legacy-on.jpg") no-repeat; width: 137px;}
			.video-media {background:url("/images/menu-video-media.jpg") no-repeat; width: 115px;}



/*  ------ white body bg ------- */
.white-body-bg {background: url(images/body-bg.jpg) repeat-y #fff; overflow:hidden; height: 1%;}


/*  ------ home text ------- */
.home-text {background:url("/images/home-text-bg.jpg") no-repeat; width: 304px; height: 253px; float:left; padding: 100px 40px 30px 40px; line-height: 2.7em; text-align: center; font-size: 14px;}

/*  ------ home pic rotator ------- */
.home-pic-rotator {width: 576px; height: 383px; float:left;}

/*  ------ bottom banners ------- */
.bottom-banners {clear: left;}
.bottom-banners div {float: left;padding: 10px 0 10px 0; background-color:#666;}
.bottom-banners a:hover {opacity:.70;}


/*  ------ content ------- */

.content h2 {padding: 0 0 1em 0; margin: 0; font-size: 16px;}

.content a:link {color: #BF171C;text-decoration: underline;}
.content a:visited {color: #BF171C; text-decoration: underline;}
.content a:hover {color: #666;text-decoration: underline;}
.content a:active {color: #999; text-decoration: underline;}

.content {width: 476px; padding: 50px 50px 0 50px; float: left;}

.content-right-side {width: 334px; float: left; padding: 50px 50px 15px 0;}

.content-right-side img {border: 1px solid #ccc;}

.content-top-blend {background: url(/images/content-top-blend.jpg) no-repeat; width: 960px; height: 90px;}

.content-bottom-blend {background: url(/images/content-bottom-blend.jpg) no-repeat; width: 960px; height: 50px; clear: left;}

.quote-box {background: #f7f7f7; padding: 25px; margin: 30px 0 0 0; border: #ebebeb solid 1px;}


.content-full-width {width: 860px; padding: 50px 50px 0 50px;}

.content .story-heading {border-top: 1px #ccc dotted; font-weight: bold; font-size: 14px; padding: 18px 0 10px 0;}
.content .story-text {padding: 0 0 18px 0;}

.videos {width: 266px; height: 210px; float: left; padding: 20px 20px 20px 0; border-bottom: 1px solid #e1e1e1;}
.videos-thumb a:hover {opacity:.70;}
.video-heading {font-weight: bold; width: 200px; line-height: 1.1em; padding: 5px 0;}
.video-text {font-size: 11px; line-height: 1.4em; width: 200px;}
.video-publish-date {font-size: 10px; color: #666; line-height: 1.4em; width: 200px; padding-top: 5px;}

.story {border-bottom: 1px dotted #ccc; padding: 25px 0;}


/*  ------ footer ------- */
.footer {text-align: center; color: #666; font-size: 11px;}
.footer ul {padding: 15px 0 12px 0; margin: 0;}
	.footer ul li {
		padding: 0 20px 0 0;
		margin: 0;
		list-style:none;
		display: inline;}
		
		.footer a:link {color: #666;text-decoration: none;}
		.footer a:visited {color: #666; text-decoration: none;}
		.footer a:hover {color: #BF171C;text-decoration: none;}
		.footer a:active {color: #999; text-decoration: none;}
		
		.spinutech a:link {color: #666;text-decoration: none;}
		.spinutech a:visited {color: #666; text-decoration: none;}
		.spinutech a:hover {color: #F60;text-decoration: none;}
		.spinutech a:active {color: #999; text-decoration: none;}