/* ----------- reset css ----------- */

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline; }
	
a img {
	border: none; }

a {
	outline: none;
	border: none;
	text-decoration: none; }
	
/*
COLORS:

grey: #444444
lt grey: #f0f1f1
purple: #6a55a4
blue: #00a9ca
red: #ee3424
yellow: #fdb924

*/

.clear {clear: both;}

body {
 	font: normal 12px/1.6 "arial";
	color: #444444;  }
	
#wrapper {
	width: 875px;
	margin: auto;
	background: url(../images/background.gif) no-repeat center top; }
	
#header {
	width: 875px;
	height: 124px;
	margin-bottom: 10px;
	position: relative;
	z-index: 100; }

#privacy {
	width: 875px;
	height: 8px;
	background-color: #F0F1F1;
	margin-bottom: 28px; }
	
#bannerWrap {
	width: 875px;
	height: 380px; }
	
#contentWrap {
	width: 875px;
	margin-bottom: 48px; }
	
#footer {
	width: 875px;
	height: 200px; 
	background:url(../images/footer/footer_corners.gif) #f0f1f1 no-repeat top center; }
	
/* ------------------------------------------------------------------------ header */

#ssmLink {
	height: 19px;
	width: 59px; }
	
#ssmLink a {
	background:url(../images/header/ssmLink.gif) no-repeat top center; 
	height: 19px;
	width: 59px;
	position: absolute;
	top: 24px;
	right: 0; }

#ssmLink a:hover {
	background:url(../images/header/ssmLink_ro.gif) no-repeat top center; }

#logo {
	height: 114px;
	width: 86px;
	position: absolute;
	bottom: 0;
	left: 0; }

#mainNav {
	height: 20px;
	width: 776px;
	position: absolute;
	bottom: 0;
	right: 0; }

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

#mainNav a {
	display: block;
	height: 20px;
	margin: 0 6px 0 6px; }

#mainNav li {
	float: left; }
	
#mainNav li:hover {
	border: none; } /*fixes IE7 sticky dropdown bug*/

#mainNav li ul {
	z-index: 1000;
	position: absolute;
	width: 10em;
	left: -999px;
	background:url(../images/header/mainNav/mainNav_background.png) repeat; }

#mainNav li ul li {
	width: 10em; }
	
#mainNav li ul li a {
	font: normal 12px/1.3 "arial";
	color: #6a55a4;
	margin-bottom: 1px; }
	
#mainNav li ul li a.first {
	margin-top: 16px; }
	
#mainNav li ul li a.last {
	margin-bottom: 6px; }

#mainNav li ul li a.last22 {
	margin-bottom: 22px; }
	
#mainNav li ul li a:hover {
	font-weight: bold; }

#mainNav li:hover ul, #mainNav li.sfhover ul {
	left: auto; }

#mainNav li a.aboutUs {
	background:url(../images/header/mainNav/mainNav_aboutUs.gif) no-repeat top center;
	width: 62px; }

#mainNav li a.aboutUs:hover {
	background:url(../images/header/mainNav/mainNav_aboutUs_ro.gif) no-repeat top center; }

#mainNav li a.aboutUs_current {
	background:url(../images/header/mainNav/mainNav_aboutUs_ro.gif) no-repeat top center;
	width: 62px; }

#mainNav li a.yourStories {
	background:url(../images/header/mainNav/mainNav_yourStories.gif) no-repeat top center;
	width: 86px; }

#mainNav li a.yourStories:hover { 
	background:url(../images/header/mainNav/mainNav_yourStories_ro.gif) no-repeat top center; }
	
#mainNav li a.yourStories_current { 
	background:url(../images/header/mainNav/mainNav_yourStories_current.gif) no-repeat top center;
	width: 86px; }

#mainNav li a.sponsorshipsDonations {
	background:url(../images/header/mainNav/mainNav_sponsorshipDonations.gif) no-repeat top center;
	width: 186px; }

#mainNav li a.sponsorshipsDonations:hover{ 
	background:url(../images/header/mainNav/mainNav_sponsorshipDonations_ro.gif) no-repeat top center; }

#mainNav li a.sponsorshipsDonations_current{ 
	background:url(../images/header/mainNav/mainNav_sponsorshipDonations_current.gif) no-repeat top center;
	width: 186px; }

#mainNav li a.newsEvents {
	background:url(../images/header/mainNav/mainNav_newsEvents.gif) no-repeat top center;
	width: 102px; }

#mainNav li a.newsEvents:hover {
	background:url(../images/header/mainNav/mainNav_newsEvents_ro.gif) no-repeat top center; }

#mainNav li a.newsEvents_current {
	background:url(../images/header/mainNav/mainNav_newsEvents_current.gif) no-repeat top center;
	width: 102px; }
	
#mainNav li a.getInvolved {
	background:url(../images/header/mainNav/mainNav_getInvolved.gif) no-repeat top center;
	width: 86px; }

#mainNav li a.getInvolved:hover {
	background:url(../images/header/mainNav/mainNav_getInvolved_ro.gif) no-repeat top center; }

#mainNav li a.getInvolved_current {
	background:url(../images/header/mainNav/mainNav_getInvolved_current.gif) no-repeat top center;
	width: 86px; }
	
#mainNav li a.contactUs {
	background:url(../images/header/mainNav/mainNav_contactUs.gif) no-repeat top center;
	width: 74px; }

#mainNav li a.contactUs:hover {
	background:url(../images/header/mainNav/mainNav_contactUs_ro.gif) no-repeat top center; }

#mainNav li a.contactUs_current {
	background:url(../images/header/mainNav/mainNav_contactUs_current.gif) no-repeat top center;
	width: 74px; }
	
#mainNav li a.store {
	background:url(../images/header/mainNav/mainNav_store.gif) no-repeat top center;
	width: 36px; }
	
#mainNav li a.store:hover {
	background:url(../images/header/mainNav/mainNav_store_ro.gif) no-repeat top center; }


/* ------------------------------------------------------------------------ banner */

/* index */

#bannerWrap.index {
	margin-bottom: 8px;  }
	
#bannerFade {
	width: 875px;
	height: 380px; }
	
#bannerFade li {
	list-style: none; }
	
/* all interior pages */

#bannerWrap {
	margin-bottom: 22px;
	position: relative; }
	
#bannerText {
	height: 339px;
	width: 200px;
	float: left;
	margin: 20px 0 0 28px;
	display: inline; } /* IE fix */
	
#bannerMedia {
	z-index: 1;
	float: right;
	margin: 20px 22px 0 0;
	display: inline; } /* IE fix */ 
	
#bannerMediaVid {
	z-index: 1;
	float: right;
	margin: 27px 27px 0 0;
	display: inline; } /* IE fix */	
	
/* video */

#wrapper div.video { /* Video #bannerWrap */
	background: url(../images/banner/stories/banner_redpurple.gif) no-repeat top center;
	height:765px;  }	
	
#videolinks {
	float:right;
	margin:7px 25px 0px 0px;
	}	
	
#videoviews {
	width:100%;
	text-align:center;
	margin:0px auto;
	margin-top:28px;
	}	
	
#videoviews a:link, #videoviews a:visited {
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	}	

#videoviews a:hover, #videoviews a:active {
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	}		
	
	
#videoviews span {
	color:#bfe6f0;
	font-weight:bold;
	}
	
#videoviews img.categoryicon {
	margin-bottom:-4px;
	margin-left:15px;
	margin-right:3px;
	}		
	
#videothumbs {
	margin:10px 0px 0px 0px;
	float:left;
	width:100%;
	}	
	
#videothumbs .leftnav {
	float:left;
	margin-right:10px;
	}	
	
#videothumbs .rightnav {
	float:left;
	margin-left:-4px;
	}		
	
#videothumbs ul li {
	list-style-type:none;
	float:left;
	width:179px;
	height:168px;
	margin-right:13px;
	color:#fff;
	}
	

	
.videotitle {
	font-size: 14px;
	font-weight:bold;
	font-family:Times New Roman, serif;	
	margin-top:3px;
	margin-left:1px;
	}
	
img.videoicon {
	margin-bottom:-2px;
	margin-right:1px;
	}	
	
.videoinfo span.postedon {
	text-transform:uppercase;
	font-size:10px;
	}		
	
.videoinfo span.videodate {
	color:#bfe6f0;
	}	
		

/* stories */

#wrapper div.stories { /* Stories #bannerWrap */
	background: url(../images/banner/stories/banner_red.gif) no-repeat top center;  }
	
#bannerWrap.stories a.videos_circle {
	background: url(../images/banner/stories/videos_circle.gif) no-repeat top center;
	height: 98px;
	width: 106px;
	position: absolute;
	top: 54px;
	left: 110px; }
	
#bannerWrap.stories a.videos_circle:hover {
	background: url(../images/banner/stories/videos_ro_circle.gif) no-repeat top center; }
	
#bannerWrap.stories a.photos_circle {
	background: url(../images/banner/stories/photos_circle.gif) no-repeat top center;
	height: 78px;
	width: 78px;
	position: absolute;
	top: 126px;
	left: 26px; }
	
#bannerWrap.stories a.photos_circle:hover {
	background: url(../images/banner/stories/photos_ro_circle.gif) no-repeat top center; }
	
#bannerWrap.stories a.story_circle {
	background: url(../images/banner/stories/story_circle.gif) no-repeat top center;
	height: 136px;
	width: 142px;
	position: absolute;
	top: 190px;
	left: 88px; }
	
#bannerWrap.stories a.story_circle:hover {
	background: url(../images/banner/stories/story_ro_circle.gif) no-repeat top center; }

/* about */  /* sponsor */

#wrapper div.about { /* About #bannerWrap */
	background:url(../images/banner/about/banner_purple.gif) no-repeat top center; }
	
#wrapper div.sponsor { /* Sponsor #bannerWrap */
	background:url(../images/banner/about/banner_purple.gif) no-repeat top center; }
	
#bannerWrap.about #bannerText a, #bannerWrap.sponsor #bannerText a {
	font: bold 13px/1.8 "arial"; }
	
#bannerWrap.about #bannerText a:hover, #bannerWrap.sponsor #bannerText a:hover {
	color: #ffffff;  }
	
/* involved */

#wrapper div.involved { /* Involved #bannerWrap */
	background:url(../images/banner/involved/banner_blue.gif) no-repeat top center; }

#bannerWrap.involved a.programs_circle {
	background: url(../images/banner/involved/programs_circle.gif) no-repeat top center;
	height: 115px;
	width: 115px;
	position: absolute;
	top: 205px;
	left: 110px; }
	
#bannerWrap.involved a.sponsor_circle:hover {
	background: url(../images/banner/involved/sponsor_ro_circle.gif) no-repeat top center; }
	
#bannerWrap.involved a.sponsor_circle {
	background: url(../images/banner/involved/sponsor_circle.gif) no-repeat top center;
	height: 90px;
	width: 90px;
	position: absolute;
	top: 255px;
	left: 24px; }
	
#bannerWrap.involved a.programs_circle:hover {
	background: url(../images/banner/involved/programs_ro_circle.gif) no-repeat top center; }
	
#bannerWrap.involved #bannerText {
	margin-top: 0px; }

/* contact form */

#wrapper div.contact { /* Contact #bannerWrap */
	margin-bottom: 22px;  }
	
#bannerForm {
	height: 368px;
	width: 653px;
	float: left;
	background:url(../images/banner/contact/bannerForm_bkgd.gif) no-repeat top center; }
	
#bannerForm img {
	margin: 30px 0 0 40px; }

#contact {
	margin: 22px 41px 0 41px; }	

#contact p {
	margin-bottom: 12px; }

#contact p em {
	color: #ffdfa8;
	font-size: 10px; }	

label {
	display: block;
	font: bold 9px "arial";
	color: #ffdfa8;
	margin-bottom: 4px; }
	
#contact label {
	text-transform: uppercase; }

input {
	width: 200px;
	height: 20px; }

input[type="submit"] {
	width: 54px;
	background-color: #F0F1F1;
	color: #444444;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 9px; }

textarea#comments {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 420px;
	height: 100px;
	padding: 5px;
	overflow: auto; }

p.textarea {
	position: relative;
}
	
.screenReader {
	position: absolute;
	left: -9999em;
	top: -9999em;
}

.error {
	color: #000;
	font-size: 12px;
	line-height: 1.4;
	margin-left: 10px;
}

.textarea .error {
	width: 120px;
	position: absolute;
	top: 15px;
	right: 0; }

.thanks {
	color: #fff;
	width: 573px;
	margin: 30px 0 0 40px; }

/* banner */

#bannerInfo {
	height: 368px;
	width: 214px; 
	float: right;
	background:url(../images/banner/contact/bannerInfo_bkgd.gif) no-repeat top center; }
	
#bannerInfo ul {
	width: 182px;
	margin: 100px 0 0 18px;
	list-style: none; }
	
#bannerInfo li, #bannerInfo li a {	
	font: bold 13px/1.2 "arial";
	color: #ffffff; }

#bannerInfo li a:hover {
	color: #222222; }

#bannerInfo li img {
	margin-top: 16px; }

/* ------------------------------------------------------------------------ sideBar */

#sideBar {
	float: left; 
	width: 210px; }
	
#sideBar li {
	list-style-type: none; }
	
/* ------------------ arrows */

#arrowsWrap li {
	display: block; }
	
#arrowsWrap a {
	height: 44px;
	width: 204px;
	display: block; }

#arrowsWrap a.gallery {
	background:url(../images/sideBar/arrows/arrows_gallery.gif) no-repeat top center; }
	
#arrowsWrap a.gallery:hover {
	background:url(../images/sideBar/arrows/arrows_gallery_ro.gif) no-repeat top center; }
	
#arrowsWrap a.donate {
	background:url(../images/sideBar/arrows/arrows_donate.gif) no-repeat top center; }
	
#arrowsWrap a.donate:hover {
	background:url(../images/sideBar/arrows/arrows_donate_ro.gif) no-repeat top center; }
	
#arrowsWrap a.video {
	background:url(../images/sideBar/arrows/arrows_video.gif) no-repeat top center; }
	
#arrowsWrap a.video:hover {
	background:url(../images/sideBar/arrows/arrows_video_ro.gif) no-repeat top center; }
	
#arrowsWrap a.calendar {
	background:url(../images/sideBar/arrows/arrows_calendar.gif) no-repeat top center; }
	
#arrowsWrap a.calendar:hover {
	background:url(../images/sideBar/arrows/arrows_calendar_ro.gif) no-repeat top center; }
	
/* ------------------ connect */

#connectWrap {
	margin-top: 26px;
	height: 76px;
	width: 210px;
	border-bottom: 1px dashed #00a9ca; }
	
#connectWrap li {
	float: left;
	display: inline;
	margin-right: 10px;  }
	
#connectWrap a {
	height: 24px;
	width: 76px;
	display: block;
	background-color: red; }

#connectWrap a.facebook {
	background:url(../images/sideBar/connect/connect_facebook.gif) no-repeat top center; }
	
#connectWrap a.twitter {
	background:url(../images/sideBar/connect/connect_twitter.gif) no-repeat top center; } 
	
/* ------------------ hospitals */

#hospitalsWrap {
	margin-top: 20px;
	width: 210px; }
	
#hospitalsWrap li a {
	font: italic 11px/1.5 "georgia";
	color: #444444; }
	
#hospitalsWrap li a:hover {
	color: #00a9ca; }
	
/* ------------------ mailingList */
	
#mailingListWrap {
	margin-top: 20px;	
	padding-top: 10px;
	height: 84px;
	width: 210px;
	background: url(../images/sideBar/mailingList/background.gif) no-repeat top center;  }
	
#mailingListWrap p {
	margin: 6px 0 10px 20px;
	font: normal 16px "georgia";
	color: #ffffff;  }
	
.form {
	padding-left: 20px; }

.submit {
	height: 21px;
	width: 38px;
	vertical-align: top; }
	
.fillIn {
	font-size: 10px;
	border: 1px solid #888888;
	height: 20px;
	width: 130px;
	vertical-align: top; }

/* ------------------------------------------------------------------------ mainText */

#mainText {
	float: right; 
	width: 635px;
	position: relative; }
	
#mainText li {
	padding-left: 10px;
	background: url(../images/mainText/blue_bullet.gif) no-repeat 0 6px;
	list-style:none; }

#mainText p {
 	margin-bottom: 14px; }

#mainText a {
	color: #444444;
 	font-weight: bold; }
 
#mainText a:hover {
	color: #00a9ca; }
	
/* sponsorships & donations */

#mainText ul.donate {
	font-weight: bold;
	list-style: none;
	line-height: 1.9em;	 }	
	
#mainText ul.donate li {
	margin: 0;
	padding: 0;
	background-image: none; }	

a.donate_button {
	height: 26px;
	width: 125px;
	background: url(../images/mainText/donate_button.gif) no-repeat top center;
	display: block;
	float: right; }
	
a.donate_button:hover {
	background: url(../images/mainText/donate_button_ro.gif) no-repeat top center; }
	
/* your stories */

a.share_button {
	height: 26px;
	width: 152px;
	background: url(../images/mainText/share_button.gif) no-repeat top center;
	position: absolute;
	top: 0;
	right: 4px;}
	
a.share_button:hover {
	background: url(../images/mainText/share_button_ro.gif) no-repeat top center; }
	
/* ------------------ index page */

.columns {
	width: 212px; 
	float: left;
	position: relative;
	padding-bottom: 30px;
	background: url(../images/index/columns/top_corners.gif) #f0f1f1 no-repeat top center; }
	
.columns img {
	margin: 14px 0 8px 14px;  }
	
.columnsText {
	margin-left: 15px;
	width: 182px; }
	
.columnsText p {
	margin-bottom: 8px;
	height: 60px;
	overflow: hidden; }
	
.bottomCorners {
	background: url(../images/index/columns/bottom_corners.gif) no-repeat bottom center;
	height: 30px;
	width: 212px;
	position: absolute;
	bottom: 0;
	left: 0; }

.columns#informed, .columns#involved, .columns#stories {
	margin-right: 8px; }

.columns#informed h6, .columns#informed a {
	color: #fdb924; }
	
.columns#involved h6, .columns#involved a {
	color: #6a55a4; }

.columns#stories h6, .columns#stories a {
	color: #ee3424; }

.columns#learn h6, .columns#learn a {
	color:  #00a9ca; }

.columns#informed a:hover, .columns#involved a:hover, .columns#stories a:hover, .columns#learn a:hover {
	color: #444444; }
	
/* ------------------------------------------------------------------------ footer */

#contactWrap {
	float: left;
	width: 190px;
	margin: 8px 0 0 22px;
	display: inline; } /* IE fix */
	
#contactWrap img {
	margin-bottom: 4px; } 
	
#copyrightWrap {
	float: right;
	width: 626px;
	margin: 40px 14px 0 0;
	display: inline; } /* IE fix */ 
	
#copyrightWrap a {
	color: #6a55a4;
	text-decoration: none; }
	
#copyrightWrap a:hover {
	color: #00a9ca; }


/* ------------------------------------------------------------------------ type & color */	
	
h1 {
	font: 18px/1.5 "georgia";
	color: #ffffff;
	margin: 60px 0 14px 0;}

h2 {
	font: 22px/1.5 "georgia";
	color: #6a55a4;
	margin-bottom: 14px; }

h3 {
	font: bold 14px/1.5 "georgia";
	color: #ee3424; }

h4 {
	font: bold 11px/2.5 "arial";
	color: #6a55a4;
	text-transform: uppercase; }
	
h5 {
	font: bold 13px/1.4 "georgia";
	color: #6a55a4;
	margin-bottom: 8px; }
	
h6 {
	font: normal 20px/1.5 "georgia";
	margin-bottom: 3px; }
	
.uppercase {
	font: bold 10px/1.6 "arial";
	text-transform: uppercase; }

.ltYellow { color: #ffd994; }

.ltBlue { color: #cceaee; }

.red {
	color: #ee3424; }

.purple {
	color: #6a55a4; }

.blue {
	color: #00a9ca; }


/* ------------------ posts */	
	
.post {
	border-bottom: 1px dashed #00a9ca;
	margin-bottom: 18px;
	padding-bottom: 12px;
	list-style: none;  }
	
#mainText .post ul li {
	list-style: none;
	background: none;
	padding: 0; }

.post h6 {
	font: bold 17px/1.5 "arial";
	margin-bottom: 3px;
	color: #6a55a4; }
	
.post h2 {
	font: normal 20px/1.5 "arial";
	color: red; }
	
p.postDate {
	font: normal 9px/1.5 "arial";
	margin-bottom: 3px;
	text-transform: uppercase; }
	
p.postDate span {
	font: bold 10px/1.5 "arial";
	margin-bottom: 3px;
	color: #00a9ca;
	text-transform: none; }



/*
COLORS:

grey: #444444
lt grey: #f0f1f1
purple: #6a55a4
blue: #00a9ca
red: #ee3424
yellow: #fdb924

*/