@charset "utf-8";
/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	background-image: url(../images/bgx.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #ffffff;
        background-attachment: fixed;
	}
	
 #bg_design {
	z-index:1;
	position:absolute;
	height:260px; /* height & width same as image */
	width:100%;
	background:url(..) no-repeat center;
	background-position: center top;} 

#container {
	z-index:2;
	position:relative; /* 'floats' the document above the images */}

/* EFFECT MOUSE LINKS */	

.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */

#swap_online_music {
	background-image: url(../images/bt_onlinemusic_on.jpg);
	width: 76px;
	height: 121px;}

#swap_listen_live {
	background-image: url(../images/bt_listen_live_on.jpg);
	width: 90px;
	height: 121px;}

#swap_listen_live_r {
	background-image: url(../images/bt_listen_live_on_r.jpg);
	width: 90px;
	height: 121px;}
	
#swap_listen_live_xmas {
	background-image: url(../images/bt_listen_live_on_xmas.jpg);
	width: 90px;
	height: 121px;}

#swap_more_events {
	background-image: url(../images/more_events_on.gif);
	width: 197px;
	height: 33px;}
	
#swap_more_news {
	background-image: url(../images/more_news_on.gif);
	width: 197px;
	height: 33px;}
	
#swap_media_center {
	background-image: url(../images/media_gallery_on.jpg);
	width: 197px;
	height: 43px;}
	
#swap_photo_galleries {
	background-image: url(../images/media_center_photogalleries_on.jpg);
	width: 197px;
	height: 43px;}
	
#swap_video_clips {
	background-image: url(../images/media_center_videoclips_on.jpg);
	width: 197px;
	height: 42px;}
	
#swap_center_cards {
	background-image: url(../images/media_center_ecards_on.jpg);
	width: 197px;
	height: 42px;}
	
#swap_send_friend {
	background-image: url(../images/send_friend_on.gif);
	width: 359px;
	height: 34px;}

#swap_logos {
	background-image: url(../images/logos_on.jpg);
	width: 359px;
	height: 61px;}
	
#swap_submit_history {
	background-image: url(../images/bt_submit_myhistory_on.gif);
	width: 155px;
	height: 26px;}
	
#swap_view_history {
	background-image: url(../images/bt_view_all_history_on.gif);
	width: 155px;
	height: 26px;}

/*------------------------------------------------------------*/	

#swap_donate_main {
	background-image: url(../images/bt_donate_main_on.jpg);
	width: 232px;
	height: 51px;}

#swap_need_prayer_main {
	background-image: url(../images/bt_need_prayer_main_on.jpg);
	width: 232px;
	height: 53px;}
	
#swap_god_real_main {
	background-image: url(../images/bt_god_real_main_on.jpg);
	width: 232px;
	height: 53px;}

#swap_contact_main {
	background-image: url(../images/bt_contact_main_on.jpg);
	width: 232px;
	height: 51px;}

#swap_ksbj_store_main {
	background-image: url(../bt_ksbj_store_main_on.gif);
	width: 232px;
	height: 44px;}

/*------------------------------------------------------------*/	
	
#swap_support_internal {
	background-image: url(../images/bt_support_int_on.jpg);
	width: 197px;
	height: 39px;}

#swap_need_prayer_internal {
	background-image: url(../images/bt_prayer_int_on.jpg);
	width: 197px;
	height: 39px;}
	
#swap_god_real_internal {
	background-image: url(../images/bt_god_int_on.jpg);
	width: 197px;
	height: 39px;}
	
#swap_contact_internal {
	background-image: url(../images/bt_contact_int_on.jpg);
	width: 197px;
	height: 39px;}

/*------------------------------------------------------------*/

#swap_send_friend_internal {
	background-image: url(../images/send_friend_internal_on.gif);
	width: 176px;
	height: 8px;}
	

#swap_top {
	background-image: url(../images/top_on.gif);
	width: 37px;
	height: 10px;}
/*------------------------------------------------------------*/		


.playing{
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 10px;}
	
.studionow{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;}

.little_black{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;}

.news_title{
	font-family: Arial, Helvetica, sans-serif; font-weight:bold;
	color: #644400;
	font-size: 11px;}
	
.title_myhistory{
	font-family: Arial, Helvetica, sans-serif; font-weight:bold;
	color: #222;
	font-size: 12px;}
	
.subtitle_school{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #644400;
	font-size: 13px;}

.school_dots{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #cccccc;
	font-size: 10px;}

.title_school{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #76a6c9;
	font-size: 15px;}
	
.subtitle_myhistory{
	font-family: Arial, Helvetica, sans-serif;
	color: #222;
	font-size: 11px;}
	
.news_title_blue{
	font-family: Arial, Helvetica, sans-serif; font-weight:bold;
	color: #166096;
	font-size: 11px;}

.news{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;}
	
.base1{
	font-family: Arial, Helvetica, sans-serif;
	color: #457194;
	font-size: 11px;} 
	
.base2{
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 10px;}
	
.title_internal{
	font-family: Arial, Helvetica, sans-serif; font-weight:bold;
	color: #76a6c9;
	font-size: 18px;}

.PageTitleText{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #fff;
	font-size: 16px;}
	
.title_event{
	font-family: Arial, Helvetica, sans-serif; font-weight:bold;
	color: #644400;
	font-size: 20px;}
	
.title_black{
	font-family: Arial, Helvetica, sans-serif; font-weight:bold;
	color: #000000;
	font-size: 11px;}

.text{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;}

		
a.calendar:link {
    font-family: Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none; font-size:10px;}
	
a.calendar:visited {
    font-family: Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none; font-size:10px;}
	
a.calendar:hover {
    font-family: Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: underline; font-size:10px;}
	
a.calendar:active {
    font-family: Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none; font-size:10px;}	
		
a.calendar_link:link {
    font-family: Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none; font-size:11px;}
	
a.calendar_link:visited {
    font-family: Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none; font-size:11px;}
	
a.calendar_link:hover {
    font-family: Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: underline; font-size:11px;}
	
a.calendar_link:active {
    font-family: Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none; font-size:11px;}	
	
a.calendar_today:link {
    font-family: Arial, Helvetica, sans-serif;
	color: #0000ff;
	text-decoration: none; font-size:10px;}
	
a.calendar_today:visited {
    font-family: Arial, Helvetica, sans-serif;
	color: #0000ff;
	text-decoration: none; font-size:10px;}
	
a.calendar_today:hover {
    font-family: Arial, Helvetica, sans-serif;
	color: #0000ff;
	text-decoration: underline; font-size:10px;}
	
a.calendar_today:active {
    font-family: Arial, Helvetica, sans-serif;
	color: #0000ff;
	text-decoration: none; font-size:10px;}	
	

a.events:link {
	color: #000000;
	text-decoration: none;}
	
a.events:visited {
	color: #000000;
	text-decoration: none;}
	
a.events:hover {
	color: #000000;
	text-decoration: underline;}
	
a.events:active {
	color: #000000;
	text-decoration: none;}

a.more_blue:link {
	color: #166096;
	text-decoration: none; font-weight:bold;}
	
a.more_blue:visited {
	color: #166096;
	text-decoration: none; font-weight:bold;}
	
a.more_blue:hover {
	color: #166096;
	text-decoration: underline; font-weight:bold;}
	
a.link_blue:link {
	color: #166096;
	text-decoration: none;}
	
a.link_blue:visited {
	color: #166096;
	text-decoration: none;}
	
a.link_blue:hover {
	color: #166096;
	text-decoration: underline;}
	
a.link_blue:active {
	color: #166096;
	text-decoration: none;}
	
a.myhistory:link {
	color: #444;
	text-decoration: none; font-weight:bold; font-size:10px;}
	
a.myhistory:visited {
	color: #444;
	text-decoration: none; font-weight:bold; font-size:10px;}
	
a.myhistory:hover {
	color: #555;
	text-decoration: underline; font-weight:bold; font-size:10px;}
	
a.myhistory:active {
	color: #555;
	text-decoration: none; font-weight:bold; font-size:10px;}
	
	
a.base1_link:link {
	color: #b9cedf;
	text-decoration: none; font-size:11px;}
	
a.base1_link:visited {
	color: #b9cedf;
	text-decoration: none; font-size:11px;}
	
a.base1_link:hover {
	color: #b9cedf;
	text-decoration: underline; font-size:11px;}
	
a.base1_link:active {
	color: #b9cedf;
	text-decoration: none; font-size:11px;}
	
	
a.base2_link:link {
	color: #d4d7aa;
	text-decoration: none; font-size:10px; font-weight:bold;}
	
a.base2_link:visited {
	color: #f2f3c2;
	text-decoration: none; font-size:10px; font-weight:bold;}
	
a.base2_link:hover {
	color: #d4d7aa;
	text-decoration: underline; font-size:10px; font-weight:bold;}
	
a.base2_link:active {
	color: #d4d7aa;
	text-decoration: none; font-size:10px; font-weight:bold;}
	
	
a.links_main:link {
	color: #212121;
	text-decoration: none; font-size:11px; font-weight:bold;}
	
a.links_main:visited {
	color: #212121;
	text-decoration: none; font-size:11px; font-weight:bold;}
	
a.links_main:hover {
	color: #353535;
	text-decoration: underline; font-size:11px; font-weight:bold;}
	
a.links_main:active {
	color: #353535;
	text-decoration: none; font-size:11px; font-weight:bold;}
	
a.link_green:link {
	color: #fff;
	text-decoration: none; font-size:11px;}
	
a.link_green:visited {
	color: #fff;
	text-decoration: none; font-size:11px;}
	
a.link_green:hover {
	color: #fff;
	text-decoration: underline; font-size:11px;}
	
a.link_green:active {
	color: #fff;
	text-decoration: none; font-size:11px;}	

a.media_center:link {
    font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none; font-size:11px;}
	
a.media_center:visited {
    font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none; font-size:11px;}
	
a.media_center:hover {
    font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline; font-size:11px;}
	
a.media_center:active {
    font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none; font-size:11px;}	
	
.form	{
		font-family: Arial, Helvetica, sans-serif; font-size: 11px;
        background-color: #eaf3e0;
		border: 1px solid #b9cedf;}

.form_newslleter	{
		font-family: Arial, Helvetica, sans-serif; font-size: 11px;
        background: none;
		border: 0px solid #b9cedf;}
		
.form_search1	{
		font-family: Arial, Helvetica, sans-serif; font-size: 11px;
        background-color: #b5ce96;
		border: 0px solid #b9cedf;}
		
.form_search2	{
		font-family: Arial, Helvetica, sans-serif; font-size: 11px;
        background-color: #eaf3e0;
		border: 1px solid #b5ce96;}
		
.form_search3	{
		font-family: Arial, Helvetica, sans-serif; font-size: 11px;
		color: #FFFFFF;
        background-color: #9CB681;
		border: 0px solid #68814B;}
		
.form_rss	{
		font-family: Arial, Helvetica, sans-serif; font-size: 10px;
        background-color: #eaf3e0;
		border: 1px solid #b9cedf;}

.copyright{
	font-family:Tahoma, Verdana, Arial;
	font-size: 11px;
	color:#e1edd2;
	}
a.piccel:link {
	color: #e1edd2;
	text-decoration: none;
}
a.piccel:visited {
	color: #e1edd2;
	text-decoration: none;
}
a.piccel:hover {
	color: #e1edd2;
	text-decoration: underline;
}

a.black:link {
	color: #000000;
	text-decoration: none;
}
a.black:visited {
	color: #000000;
	text-decoration: none;
}
a.black:hover {
	color: #000000;
	text-decoration: underline;
}
a.black:active {
	color: #000000;
	text-decoration: none;
}

a.black2:link {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}
a.black2:visited {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
a.black2:hover {
	color: #bbcfe0;
	text-decoration: underline;
	font-weight: bold;
}
a.black2:active {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

.base3{
	font-family: Arial, Helvetica, sans-serif; font-weight:bold;
	color: #ffffff;
	font-size: 11px;}
	
.text{
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;}
.boxTop100 {
	height: 550px;
	width: 550px;
}
.boxOnlinePanel {
	height: 2800px;
	width: 680px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
/*  Menu CSS  */
.wrapper1{
	color: #44433f;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 0 0;
	font-size: 12px;
	}
	.wrapper1 a{
	color: #fff;
	text-decoration: none;
	}
	.wrapper1 a:hover {
	color: #553f75;
	}
	.wrapper1 p {
		margin: 0 0 1px;
		padding: 0;
		line-height: 18px;
	}
.wrapper {
	/*width: 710px;*/
	margin: auto;
	width:807px;
	z-index:50;
}
.nav {
	background: url(/images/cssmenu/nav_bg.png) repeat-x;
	float: left;
	width:785px;
}
.nev-wrapper {
	clear: both;
	float: none;
}
.nav-left {
	background: url(/images/cssmenu/nav_left.png) no-repeat top left;
	float: left;
	width: 11px;
	height: 41px;
}
.nav-right {
	background: url(/images/cssmenu/nav_right.png) no-repeat top right;
	float: left;
	width: 11px;
	height: 41px;
}
.nav ul {
	/*Menu titles width: 648px;*/
	height: 38px;
	float: left;
	margin: 0;
	padding-top: 0px;
	list-style: none;
	font-size: 12px;
}
.nav li {
	float: left;
	padding: 0px 3px;
	background: url(/images/cssmenu/split.png) no-repeat right center;
	position: relative;
	z-index: 1;
	display: inline;
}
.nav li.last {
	background:none;
}
.nav li:hover {
	z-index:2;
}
.nav li a {
	display: block;
	line-height: 38px;
	overflow: hidden;
	float: left;
}
a .menu-left {
	background: url(/images/cssmenu/menu_left.png) no-repeat left top;
	width: 6px;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
a .menu-mid {
	background: url(/images/cssmenu/menu_mid.png) repeat-x top left;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
a .menu-right {
	background: url(/images/cssmenu/menu_right.png) no-repeat top left;
	width: 6px;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
.nav li a:hover .menu-left,
.nav li.active a .menu-left,
.nav li:hover a .menu-left,
.nav li a:hover .menu-mid,
.nav li.active a .menu-mid,
.nav li:hover a .menu-mid,
.nav li a:hover .menu-right,
.nav li.active a .menu-right,
.nav li:hover a .menu-right {
	background-position: 0 -37px;
	line-height: 35px;
}
.nav li a:hover,
.nav li.active a,
.nav li.hover a,
.nav li:hover a {
	color: #000;
}
.nav li:hover .sub,
.nav li.hover .sub {
	display:block;
}
.nav li .sub {
	display: none;
	position: absolute;
	top: 27px;
	left: 2px;
	background: url(/images/cssmenu/submenu_top.png) no-repeat;
	width: 186px;
	padding-top: 9px;
}
.nav li ul {
	background: url(/images/cssmenu/submenu_bg.png) repeat-y;
	width: 162px;
	height: auto;
	margin: 0px;
	padding: 0px 12px 10px;
	list-style: none;
	font-size: 12px;
}

.nav li:hover li,
.nav li.active li {
	width: 100%;
	padding: 1px 0 2px;
	border-bottom: 1px #000 dashed;
	background: none;
}
.nav li:hover li a,
.nav li.active li a {
	color: #000;
	background: none !important;
	line-height: normal;
	width: 156px;
	padding: 8px 3px 3px;
	text-indent: 1px;
}
.nav li:hover li a:hover,
.nav li.active li a:hover {
	color: #000;
	background: #dad956 !important;
	text-decoration: none;
	line-height: normal;
}
/*IE*/
.nav li li a:hover,
.nav li li a:hover {
	color: #000;
	background: #dad956 !important;
	text-decoration: none;
	line-height: normal;
}
/**/
.nav .btm-bg {
	background: url(/images/cssmenu/submenu_bottom.png) no-repeat;
	width: 205px;
	height: 9px;
	overflow: hidden;
	clear: both;
}
.content {
	width: 670px;
	background: transparent url(/images/cssmenu/content_bg.png) repeat-y;
	float: left;
	padding: 10px 20px;
}
.content p {
	padding: 0 15px;
	text-align: justify;	
}
.content-bottom {
	width: 185px;
	background: transparent url(/images/cssmenu/content_bottom.png) no-repeat;
	height: 13px;
	float: left;
	position: relative;
	left: -2px;
}


/* new stuff */


.newslettertext {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 12px;
        font-weight: normal;
}
calendartitletext {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
        font-weight: bold;
}