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

* {
	margin:0;
	padding:0;
}

body {
	background: url('images/yellow_static.jpg');
	font-size: 14px;
	color: #000;
	font-family:Georgia, "Times New Roman", Times, serif;
}

a {
	color: #0000ff;
	text-decoration: none;
}

img { border: none; }

#topbar {
	width: 100%;
	height: 106px;
	position: absolute;
	top: 0;
	left: 0;
	background: url('images/topbar_bg.jpg') repeat-x;
}
#topbar_content {
	width: 980px;
	margin: auto;
}
#topbar_content img { float: left; }

ul#nav_list {
	float: left;
	list-style-type: none;
	width: 728px;
	height: 57px;
}
ul#nav_list li, ul#nav_list li a {
	display: block;
	float: left;
	height: 57px;
}
ul#nav_list li span { display: none; }
ul#nav_list li.nav_space { width: 11px; }

#nav_home a { width: 63px; background: url('images/navigation.jpg') 0 0; }
#nav_home a:hover { background: url('images/navigation.jpg') 0 -57px; }
#nav_home a.active { background: url('images/navigation.jpg') 0 -114px; }

#nav_elaine a { width: 112px; background: url('images/navigation.jpg') -74px 0; }
#nav_elaine a:hover { background: url('images/navigation.jpg') -74px -57px; }
#nav_elaine a.active { background: url('images/navigation.jpg') -74px -114px; }

#nav_promo a { width: 154px; background: url('images/navigation.jpg') -197px 0; }
#nav_promo a:hover { background: url('images/navigation.jpg') -197px -57px; }
#nav_promo a.active { background: url('images/navigation.jpg') -197px -114px; }

#nav_events a { width: 75px; background: url('images/navigation.jpg') -362px 0; }
#nav_events a:hover { background: url('images/navigation.jpg') -362px -57px; }
#nav_events a.active { background: url('images/navigation.jpg') -362px -114px; }

#nav_store a { width: 60px; background: url('images/navigation.jpg') -448px 0; }
#nav_store a:hover { background: url('images/navigation.jpg') -448px -57px; }
#nav_store a.active { background: url('images/navigation.jpg') -448px -114px; }

#nav_donations a { width: 94px; background: url('images/navigation.jpg') -519px 0; }
#nav_donations a:hover { background: url('images/navigation.jpg') -519px -57px; }
#nav_donations a.active { background: url('images/navigation.jpg') -519px -114px; }

#nav_contact a  { width: 104px; background: url('images/navigation.jpg') -624px 0; }
#nav_contact a:hover { background: url('images/navigation.jpg') -624px -57px; }
#nav_contact a.active { background: url('images/navigation.jpg') -624px -114px; }

ul#nav_sub {
	float: right;
	list-style-type: none;
	width: 193px;
	height: 49px;
	margin-right: 170px;
}
ul#nav_sub li, ul#nav_sub li a {
	display: block;
	float: left;
	height: 49px;
}
ul#nav_sub li a span { display: none; }
#nav_sub_devotional a { width: 193px; background: url('images/navigation_sub.png') 0 0; }
#nav_sub_devotional a:hover { background: url('images/navigation_sub.png') 0 -49px; }

#footer {
	width: 100%;
	height: 47px;
	background: url('images/footer_bg.jpg') repeat-x; 
	z-index: 10000;
	color: #fff;
	font-size: 12px;
	line-height: 47px;
}
#footer a, #footer a:hover {
	color: #fff;
	text-decoration: none;
}
#footer_copyright {
	float: left;
	width: 300px;
	margin-left: 25px;
}
#footer_utw {
	float: right;
	width: 500px;
	margin-right: 25px;
	text-align: right;
	}
#footer_podcast {
	width: 316px;
	text-align: center;
	margin: 10px auto 0 auto;
	display: none;
}
#footer_podcast object { float: left; }
div#podcast_player {
	float: left;
	width: 290px;
	height: 24px;
}
#podcast_close, #podcast_close span { display: none; }
#podcast_close {
	display: block;
	float: left;
	margin-left: 2px;
	width: 24px;
	height: 24px;
	background: url('images/podcast_icons.png');
}
#podcast_close:hover { background: url('images/podcast_icons.png') 0 -24px; }

#wrapper {
	overflow: hidden;
}

#podcast {
	width: 360px;
	height: 300px;
	overflow: hidden;
	background: url('images/podcast_bg.png') no-repeat;
}
#podcast_list {
	width: 340px;
	height: 225px;
	margin-top: 60px;
}
.pod_col1 {
	float: left;
	width: 50%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #7c0217;
	margin-bottom: 15px;
}
.pod_col2 {
	float: left;
	width: 50%;
	text-align: right; 
	margin-bottom: 15px;
}
.pod_col2 ul {
	list-style-type: none;
	float: right;
}
.pod_col2 ul li, .pod_col2 ul li a {
	display: block;
	float: left;
	width: 24px;
	height: 24px;
	margin-left: 2px;
}
.pod_col2 ul li a span { display: none; }
.podcast_list_download a { background: url('images/podcast_icons.png') -48px 0; }
.podcast_list_download a:hover { background: url('images/podcast_icons.png') -48px -24px; }
.podcast_list_play a { background: url('images/podcast_icons.png') -24px 0; }
.podcast_list_play a:hover { background: url('images/podcast_icons.png') -24px -24px; }

/*
	Page 1 - Home
*/

#page1 {
	background: url('images/home_bg.jpg') no-repeat;
	min-height: 647px;
	width: 1100px;
	margin: auto;
}
#home_content {
	width: 538px;
	margin: 0 0 0 25px;
	padding-top: 325px;
	height: 284px;
	float:left;
}
#home_content p {  font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; line-height:20px; padding:0 0 0 30px; }
#learn_more span { display: none; }
#learn_more {
	display: block;
	float: right;
	width: 240px;
	height: 48px;
	background: url('images/learn_more.png');
	margin-bottom: 10px;
	
}
#learn_more:hover { background: url('images/learn_more.png') 0 -48px; 
	-webkit-transition: background .1s linear;
	-moz-transition: background .1s linear;
	-o-transition: background .1s linear;
	transition: background .1s linear;}

#home_content2 {
	clear: both;
	float: left;
	width: 1025px;
	background:url('images/home-content2-bg.png') no-repeat;
	padding: 55px 0 25px 75px;
	height:374px;
}

#home_promo {
	float: left;
	width: 245px;
	height: 200px;
	background: url('images/home_promo_bg.png') no-repeat;
	margin-top: -28px;
	padding: 70px 20px 20px 20px;
	
}
#home_promo h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
}
#home_promo h4 a {
	color: #7c0217;
	text-decoration: none;
}
#home_view_all span { display: none; }
#home_view_all {
	float: right;
	display: block;
	width: 89px;
	height: 36px;
	background: url('images/view_all.png');
	margin-top: 10px;
}
#home_view_all:hover { background: url('images/view_all.png') 0 -36px; }
.divider_small {
	clear: both;
	width: 208px;
	height: 1px;
	margin: 15px auto;
	background: url('images/divider_small.png');
}

#home_devotional {
	float: left;
	width: 310px;
	height: 115px;
	background: url('images/home_devotional_bg.png') no-repeat;
	margin: -28px 0 0 28px;
	padding: 175px 20px 20px 20px;
}
#home_promo h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #7c0217;
}
#home_watch_now span { display: none; }
#home_watch_now {
	float: right;
	display: block;
	width: 108px;
	height: 36px;
	background: url('images/watch_now.png');
	margin-top: 10px;
}
#home_watch_now:hover { background: url('images/watch_now.png') 0 -36px; }

#home_newsletter {
	float: left;
	width: 270px;
	height: 328px;
	margin: -26px 0 0 18px;
}
#home_newsletter_link span, #home_listen_link span { display: none; }
#home_newsletter_link {
	float: left;
	display: block;
	width: 270px;
	height: 249px;
	background: url('images/home_newsletter.png');
}
#home_newsletter_link:hover { background: url('images/home_newsletter.png') 0 -249px; }
#home_listen_link {
	float: left;
	display: block;
	width: 270px;
	height: 79px;
	background: url('images/home_listen.png');
}
#home_listen_link:hover { background: url('images/home_listen.png') 0 -79px; }


/*
	Page 2 - Meet Elaine
*/


#elaine_content {
	width: 540px;
	height:964px;
	background: url('images/meet_elaine.png') no-repeat;
	padding:145px 93px 0 80px;
	font-size:16px;
	line-height:24px;
	margin:0 auto;
	
	}
#elaine_content p {margin:5px 0 0 0;}

.em {font-style:italic; font-size:18px; line-height:24px;}

#friend_me span { display: none; }
#friend_me {
	display: block;
	width: 246px;
	height: 36px;
	background: url('images/friend_me.png');
	margin: 0 0 19px 140px;
}
#friend_me:hover { background: url('images/friend_me.png') 0 -36px; }

/*
	Page 5 - Store
*/

#store_shelf {
	width: 936px;
	height: 487px;
	background: url('images/shelf_bg.png') no-repeat;
	margin: 25px 0 0 25px;
	float: left;
}
#cd_cases li a span { display: none; }
#cd_cases {
	width: 547px;
	height: 299px;
	list-style-type: none;
	margin-left: 95px;
}
#cd_cases li { display: inline; }
#cd_cases li a {
	display: block;
	float: left;
	margin: 25px 0 0 0;
	height: 274px;
}
#cd1 a { width: 38px; background: url('images/cd_cases.png') 0 0; }
#cd2 a { width: 39px; background: url('images/cd_cases.png') -38px 0; }
#cd3 a { width: 39px; background: url('images/cd_cases.png') -77px 0; }
#cd4 a { width: 38px; background: url('images/cd_cases.png') -116px 0; }
#cd5 a { width: 41px; background: url('images/cd_cases.png') -154px 0; }
#cd6 a { width: 38px; background: url('images/cd_cases.png') -195px 0; }
#cd7 a { width: 39px; background: url('images/cd_cases.png') -233px 0; }
#cd8 a { width: 39px; background: url('images/cd_cases.png') -272px 0; }
#cd9 a { width: 38px; background: url('images/cd_cases.png') -311px 0; }
#cd10 a { width: 42px; background: url('images/cd_cases.png') -349px 0; }
#cd11 a { width: 39px; background: url('images/cd_cases.png') -391px 0; }
#cd12 a { width: 38px; background: url('images/cd_cases.png') -430px 0; }
#cd13 a { width: 41px; background: url('images/cd_cases.png') -468px 0; }
#cd14 a { width: 38px; background: url('images/cd_cases.png') -509px 0; }
#cd_cases li a:hover { margin: 0 0 25px 0; }

#cd_content {
	width: 470px;
	height: 430px;
	background: url('images/cd_bg.png') no-repeat;
	padding: 15px;
	color: #000;
}

#cd_description {
	float: left;
	width: 190px;
	margin-right: 25px;
}
#cd_content p { margin-bottom: 15px; }
#cd_cover {
	background-color: #fff;
	padding: 5px;
	margin-bottom: 10px;
}
#cd_description p { margin-bottom: 10px; }
#cd_right_col {
	float: left;
	width: 255px;
}
#cd_right_col h2 { font-size: 18px; margin-bottom: 15px; }
#cd_right_col ol { margin-left: 30px; }
#cd_right_col p.cd_year {
	padding: 0;
	font-style: italic;
}
#cd_tracks {
	margin: 15px 0 0 25px;
}
#cd_tracks li {
	margin: 10px 0;
}

#cd_sample span { display: none; }
#cd_sample {
	display: block;
	width: 147px;
	height: 34px;
	margin: 0 auto 3px auto;
	background: url('images/cd_sample.png') no-repeat;
}
#cd_sample:hover { background: url('images/cd_sample.png') 0 -34px no-repeat; }

#cd_buy span { display: none; }
#cd_buy {
	display: block;
	width: 147px;
	height: 34px;
	margin: 2px auto 3px auto;
	padding-right: 10px;
	background: url('images/cd_buy.png') no-repeat;
	border: none;
	cursor: pointer;
	text-align: right;
	font-weight: bold;
}
#cd_buy:hover { background: url('images/cd_buy.png') 0 -34px no-repeat; }

#cd_download_buy {
	display: block;
	width: 147px;
	height: 34px;
	margin: 2px auto;
	padding-right: 10px;
	background: url('images/cd_download_buy.png') no-repeat;
	border: none;
	cursor: pointer;
	text-align: right;
	font-weight: bold;
}
#cd_download_buy:hover { background: url('images/cd_download_buy.png') 0 -34px no-repeat; }

#cd_viewcart {
	display: block;
	width: 147px;
	height: 34px;
	margin: auto;
	background: url('images/cd_viewcart.png') no-repeat;
	border: none;
	cursor: pointer;
}
#cd_viewcart:hover { background: url('images/cd_viewcart.png') 0 -34px no-repeat; }
#cd_shipping {
	font-size: 12px;
	text-align: center;
}

/*
	Donations styles
*/

#donations_content {
	width: 320px;
	height: 217px;
	padding: 65px 20px 18px 20px;
	overflow: hidden;
	background: url('images/donations_bg.png') no-repeat;
}
#donations_form {
	text-align: center;
	vertical-align: middle;
	margin-top: 25px;
}
#donations_form span {
	font-size: 24px;
	font-weight: bold;
}
#donations_amount {
	font-size: 24px;
	width: 75px;
	text-align: center;
}
#donations_submit {
	width: 89px;
	height: 36px;
	margin: 0 10px;
	background: url('images/donate_button.png');
	cursor: pointer;
	border: none;
	vertical-align: middle;
}
#donations_submit:hover { background: url('images/donate_button.png') 0 -36px; }

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#ccc;}
#colorbox{}
    #cboxContent{margin-top:32px; overflow:visible;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{padding:1px;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) no-repeat 0 0;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px -25px; right:0; margin: 25px 10px 0 0;}
        #cboxClose.hover{background-position:-50px 0px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}
/*
	End ColorBox Style
*/

/*
	scrollbar  style
*/

#podcast_list .viewport { width: 320px; height: 225px; overflow: hidden; position: relative; }
#podcast_list .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 20px 25px 10px 25px; margin: 0; width: 280px; }
#podcast_list .scrollbar{ background: transparent url(images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#podcast_list .track { background: transparent url(images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#podcast_list .thumb { background: transparent url(images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#podcast_list .thumb .end { background: transparent url(images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#podcast_list .disable { display: none; }


#cd_right_col .viewport { width: 235px; height: 415px; overflow: hidden; position: relative; }
#cd_right_col .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; width: 225px; }
#cd_right_col .scrollbar{ background: transparent url(images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; margin-top: 25px; }
#cd_right_col .track { background: transparent url(images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#cd_right_col .thumb { background: transparent url(images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#cd_right_col .thumb .end { background: transparent url(images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#cd_right_col .disable { display: none; }

/*
	end scrollbar style
*/


#left_arrow {position:fixed; width:35px; height:169px; background:url('images/left-arrow.png') no-repeat; left:0; top:150px;  }
#right_arrow {position:fixed; width:35px; height:169px; background:url('images/right-arrow.png') no-repeat; right:0; top:150px;  }
#right_arrow a, #left_arrow a {display:block; width:35px; height:169px;}

#cd_list_holder {width:1033px; margin:106px auto 0 auto;}



.cd_list, .cd_list_soon {background: url('images/cd-list-bg.jpg') ; width:317px; height:83px; float:left; margin:5px;
-webkit-transition: background .3s linear;
	-moz-transition: background .3s linear;
	-o-transition: background .3s linear;
	transition: background .3s linear;

font:17px Georgia, "Times New Roman", Times, serif; color:#fff; text-align:center;
}

.cd_list:hover {background: url('images/cd-list-bg.jpg') 0 -83px; cursor:pointer;}

.cd_list a {color:#c9c7c7; text-decoration:none; display:block; width:317px; height:83px; padding:30px 0 0 0;}
.cd_list a:hover {color:#fff;}


.cd_list_red {background: url('images/cd-list-bg-red.jpg') ; width:317px; height:83px; float:left; margin:5px;
-webkit-transition: background .3s linear;
	-moz-transition: background .3s linear;
	-o-transition: background .3s linear;
	transition: background .3s linear;

font:17px Georgia, "Times New Roman", Times, serif; color:#fff; text-align:center;
}

.cd_list_red:hover {background: url('images/cd-list-bg-red.jpg') 0 -83px; cursor:pointer;}

.cd_list_red a {color:#c9c7c7; text-decoration:none; display:block; width:317px; height:83px; padding:30px 0 0 0;}
.cd_list_red a:hover {color:#fff;}


.cd_list_soon {padding:30px 0 0 0; height:53px;}



.store {margin:0 0 0 50px;}

#cd-type {background:url('images/cd-type-bg.png'); padding:25px; margin:0 0 20px 0; width:983px; }
#cd-type:hover {background:url('images/cd-type-bg-hover.png')}
.type {color:#000; font-size:30px; font-family:Georgia, "Times New Roman", Times, serif; margin:0 0 0 30px}
.sub-type {color:#000; font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; margin:0 0 0 30px }

#events_content {width:800px; margin:106px auto 0 auto;}

.upcoming_events_holder {width:729px; margin:10px;}
.upcoming_events_holder_top {width:729px; background:url(images/upcoming-events-holder-top.png) no-repeat; min-height:43px;}
.upcoming_events_title {width:405px; padding:12px 0 0 25px; color:#fff; font:20px Georgia, "Times New Roman", Times, serif; font-weight:bold; text-align:center;}
.upcoming_events_info {width:405px; color:#000; font-weight:bold; text-align:center; font:16px Georgia, "Times New Roman", Times, serif; padding:5px 0 0 25px;}
.upcoming_events_date {width:257px; background:#f8d93e; font:16px Georgia, "Times New Roman", Times, serif; float:right; margin:15px 6px 0 0; padding:0 0 15px 0; text-align:center; }
.upcoming_events_holder_middle {width:729px; background:url(images/upcoming-events-holder-middle.png); color:#000;}
.upcoming_events_holder_bottom {width:729px; background:url(images/upcoming-events-holder-bottom.png); height:39px;}


#clouds {height:100%; background:url('images/clouds.jpg') no-repeat; margin:54px 0 0 0; padding:50px 0 0 0;}

.utw {margin:12px 0 0 5px; *margin:12px 0 0 5px;  float:right;}

.directions {width:116px; height:24px; background:url(images/get-directions.png) no-repeat; margin:5px auto 0 auto;}
.directions a {display:block; width:116px; height:24px;}
.directions:hover {background:url(images/get-directions.png) no-repeat 0 -24px;}

#special {width:52px; height:262px; position:fixed; margin:150px 0 0 0;}