/* @group INTRODUCTION */

#introductionWrapper {
	position: relative;
	clear: both;
	margin: 0 auto;
	width: 100%;
	background: transparent url(../images/bg_introduction.jpg) repeat-x left bottom;
}
#introduction {
	position: relative;
	margin: 0 auto;
	width: 770px;
	background: transparent url(../images/bg_pinch_top.jpg) no-repeat center bottom;
}

/* @group ABOUT */

#about {
	margin: 40px 5px 5px 5px;
	float: left;
	clear: left;
	display: block;
	width: 285px;
}


#about h2 {
	font-size: 30px;
	color: #8d0109 ;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 5px;
	letter-spacing: -3px;
	padding: 5px 5px 5px 50px;
	border-bottom: 3px solid #333;
	background: transparent url(../images/icon_about.gif) no-repeat left center;
}

#about h2 span.caption {
	font-size: 13px;
	color: #ca9a9c;
	letter-spacing: normal;
	text-transform: lowercase;
}

#aboutScroll {
	margin: 5px;
	padding: 0;
}

#about p {
	font-size: 10px;
	line-height: 16px;
	margin: 15px 0;
}

#about a.moreInfo {
	margin: 0 0 20px 5px;
	text-indent: -5000px;
	overflow: hidden;
	display: block;
	width: 119px;
	height: 20px;
	background: transparent url(../images/btn_more_info.jpg) no-repeat bottom center;
}
#about a:hover.moreInfo {
	background: transparent url(../images/btn_more_info.jpg) no-repeat top center;
}

/* @end */

/* @group SLIDESHOW */

#slideshow {
	margin-top: 40px;
	float: right;
	clear: right;
	display: block;
	width: 465px;
}
#slideshow h2 {
	font-size: 30px;
	color: #8d0109 ;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 5px;
	letter-spacing: -3px;
	padding: 5px 5px 5px 65px;
	border-bottom: 3px solid #333;
	background: transparent url(../images/icon_photos.gif) no-repeat left center;
}

#slideshow h2 span.caption {
	font-size: 13px;
	color: #ca9a9c;
	letter-spacing: normal;
	text-transform: lowercase;
}

#media {
	display: block;
	margin: 1px 0 20px 5px;
	right: 5px;
	width: 455px;
	height: 225px;
	overflow: hidden;
}

/* @end */

/* @end */

/* @group VIDEO & NEWS */

/* @group VIDEO */

#videoNewsWrapper {
	position: relative;
	clear: both;
	margin: 0 auto;
	width: 100%;
}

#videoNews {
	position: relative;
	margin: 0 auto;
	width: 770px;
	background: #fff url(../images/bg_content.gif) no-repeat center bottom;
}

#video {
	float: left;
	clear: left;
	display: block;
	width: 285px;
	margin: 0 5px;
}


#video h2 {
	font-size: 30px;
	color: #8d0109 ;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 5px;
	letter-spacing: -3px;
	padding: 5px 5px 5px 55px;
	border-bottom: 3px solid #333;
	background: transparent url(../images/icon_video.gif) no-repeat left center;
}

#video h2 span.caption {
	font-size: 13px;
	color: #ca9a9c;
	letter-spacing: normal;
	text-transform: lowercase;
}

#videoPlayer {
	margin: 1px 5px 10px 5px;
}



/* @end */

/* @group NEWS */

#news ul {
	margin: 10px 5px;
	list-style: none;
}

#headlines ul li.date {
	padding: 0 0 5px 5px;
	color: #000;
	border-bottom: 2px solid #ccc;
	background: none;
}

#headlines ul li a.headline {
	text-transform: uppercase;
	text-decoration: none;
	color: #39c;
	padding-right: 8px;
	margin-right: 4px;
	border-right: 1px dotted #c36;
}
#headlines ul li a:hover.headline {
	color: #f72c52;
	text-decoration: none;
}

#headlines ul li {
	padding: 5px 5px 5px 20px;
	border-bottom: 1px dotted #ccc;
	background: transparent url(../images/icon_feed.gif) no-repeat top left;
}
#news {
	float: right;
	clear: right;
	display: block;
	width: 465px;
}


#news h2 {
	font-size: 30px;
	color: #8d0109 ;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 5px;
	letter-spacing: -3px;
	padding: 5px 5px 5px 50px;
	border-bottom: 3px solid #333;
	background: transparent url(../images/icon_news.gif) no-repeat left center;
}

#news h2 span.caption {
	font-size: 13px;
	color: #ca9a9c;
	letter-spacing: normal;
	text-transform: lowercase;
}
#newsSignup {
	display: block;
	position: relative;
}

#newsSignup h2 {
	font-size: 14px;
	letter-spacing: -1px;
	margin: 20px 10px;
	padding: 5px 5px 5px 20px;
	border-bottom: none;
	background: transparent url(../images/icon_newspaper.gif) no-repeat left center;
}
#newsSignup h2 span.caption {
	font-size: 11px;
	color: #ca9a9c;
	letter-spacing: normal;
	text-transform: lowercase;
}
#newsSignup form {
	color: #fa7b93;
	margin: 0 0 20px 30px;
}
#newsSignup form input.text {
	font-size: 10px;
	line-height: 10px;
	width: 40%;
	padding: 4px;
	color: #39c;
	border: 1px solid #e7e7e7;
	background: #fff url(../images/bg_field_gradient.jpg) repeat-x left top;
}

#newsSignup form input.submitInfo {
	float: right;
	margin: 20px 30px 25px 0;
	_margin: 20px 15px 25px 0;
	text-indent: -5000px;
	overflow: hidden;
	display: block;
	width: 125px;
	height: 20px;
	background: transparent url(../images/btn_submit_info.jpg) no-repeat bottom left;
}
#newsSignup form input:hover.submitInfo {
	background: transparent url(../images/btn_submit_info.jpg) no-repeat top left;
}

/* @end */

/* @end */

/* @group DONATE & DID YOU KNOW */

a.subscribe {
	position: absolute;
	right: 5px;
	top: 25px;
	text-transform: uppercase;
	text-decoration: none;
	color: #666;
	padding-right: 20px;
	background: transparent url(../images/icon_rss.gif) no-repeat right center;
}

/* @group DONATE */

#donateOptions {
	margin: 5px;
}

#donateOptions ul {
	list-style: none;
}

#donateOptions ul li {
	margin: 15px 3px;
}

#donateOptions ul li.divider {
	margin:  0 15px;
	height: 17px;
	width: 245px;
	background: url(../images/bg_divider.jpg) no-repeat center center;
}

#project {
	margin: 5px;
	padding: 0 0 0 25px;
	background: url(../images/icon_project.gif) no-repeat left top;
}

#project h3,
#project h3 a {
	font-size: 13px;
	line-height: 13px;
	letter-spacing: -1px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: normal;
	color: #39c;
}
#project h3 a:hover {
	color: #f72c52;
}

#project p {
	margin: 10px 0;
	font-size: 10px;
	line-height: 16px;
}


#national {
	margin: 5px;
	padding: 0 0 0 25px;
	background: url(../images/icon_deaf_national.gif) no-repeat left top;
}

#national h3,
#national h3 a {
	font-size: 13px;
	line-height: 13px;
	letter-spacing: -1px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: normal;
	color: #39c;
}
#national h3 a:hover {
	color: #f72c52;
}

#national p {
	margin: 10px 0;
	font-size: 10px;
	line-height: 16px;
}


#missionary {
	margin: 5px;
	padding: 0 0 0 25px;
	background: url(../images/icon_missionaries.gif) no-repeat left top;
}

#missionary h3,
#missionary h3 a {
	font-size: 13px;
	line-height: 13px;
	letter-spacing: -1px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: normal;
	color: #39c;
}
#missionary h3 a:hover {
	color: #f72c52;
}
#missionary p {
	margin: 10px 0;
	font-size: 10px;
	line-height: 16px;
}
a.moreInfo {
	text-indent: -5000px;
	overflow: hidden;
	display: block;
	width: 119px;
	height: 20px;
	background: transparent url(../images/btn_more_info.jpg) no-repeat bottom center;
}
a:hover.moreInfo {
	background: transparent url(../images/btn_more_info.jpg) no-repeat top center;
}

a.readMore {
	float: right;
	margin: 0 20px 15px 0;
	_margin: 0 10px 15px 0;
	text-indent: -5000px;
	overflow: hidden;
	display: block;
	width: 83px;
	height: 20px;
	background: transparent url(../images/btn_read_more.jpg) no-repeat bottom center;
}
a:hover.readMore {
	background: transparent url(../images/btn_read_more.jpg) no-repeat top center;
}

#donateDidYouKnowWrapper {
	position: relative;
	clear: both;
	margin: 0 auto;
	width: 100%;
}

#donateDidYouKnow {
	position: relative;
	margin: 0 auto;
	width: 770px;
	background: #fff url(../images/bg_content.gif) no-repeat center bottom;
}



#donate {
	float: left;
	clear: left;
	display: block;
	width: 285px;
	margin: 0 5px;
}

#donate h2 {
	font-size: 30px;
	color: #8d0109 ;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 5px;
	letter-spacing: -3px;
	padding: 5px 5px 5px 45px;
	border-bottom: 3px solid #333;
	background: transparent url(../images/icon_donate.gif) no-repeat left center;
}

#donate h2 span.caption {
	font-size: 13px;
	color: #ca9a9c;
	letter-spacing: normal;
	text-transform: lowercase;
}



/* @end */

/* @group DID YOU KNOW */

#didYouKnow {
	float: right;
	clear: right;
	display: block;
	width: 465px;
}


#didYouKnow h2 {
	font-size: 30px;
	color: #8d0109 ;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 5px;
	letter-spacing: -3px;
	padding: 5px 5px 5px 50px;
	border-bottom: 3px solid #333;
	background: transparent url(../images/icon_did_you_know.gif) no-repeat left center;
}

#didYouKnow h2 span.caption {
	font-size: 13px;
	color: #ca9a9c;
	letter-spacing: normal;
	text-transform: lowercase;
}

#didYouKnowWrapper {
	position: relative;
	clear: both;
	margin: 0 auto;
	padding-top: 20px;
	width: 100%;
	background: transparent url(../images/bg_pinch_bottom.jpg) no-repeat center top;
}

#didYouKnow ul {
	list-style: none;
	margin: 0 5px 20px 5px;
}

#didYouKnow ul li p a.handle {
	font-weight: normal;
	font-size: 15px;
	line-height: 15px;
	margin-right: 5px;
	text-transform: uppercase;
	text-decoration: none;
	color: #39c;
}
#didYouKnow ul li p a:hover.handle {
	color: #f72c52;
	text-decoration: none;
}

#didYouKnow ul li p {
	font-size: 10px;
	line-height: 15px;
}

#didYouKnow ul li p a {
	color: #f72c52;
	text-decoration: none;
}

#didYouKnow ul li p a:hover {
	text-decoration: underline;
}

#didYouKnow ul li {
	padding: 10px 10px 10px 36px;
	border-bottom: 1px dotted #dadada;
	background: transparent url(../images/bg_tick.gif) no-repeat left top;
}

/* @end */

/* @end */