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

* {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:97%; *font-size:97%; }

html { width:100%; height:100%; }
body { width:100%; height:100%; background:#fdb813;  }
.wrapper { width:1050px; margin:0 auto; color:#444; background:url(img/bg_strip.png) repeat-y 0 0; }
.content { width:905px; margin:0 0 0 36px; height:auto; color:#444; padding:0px 0 0px 70px; border-left:1px solid #d1d2d4; border-right:1px solid #d1d2d4; }
.base { width:960px; background:url(img/base.png) no-repeat 0 0; _background:none; margin:0 auto; height:10px; color:#FFF; margin-bottom:30px; }

* html div.verse { 
   height: expression( this.scrollHeight > 99 ? "100px" : "auto" ); /* sets max-height for IE */
}

.verse { position:absolute; top:120px; border:1px none #FFF; font-size:13px; width:520px; margin-left:442px; height:150px; max-height:150px; overflow:hidden; overflow-y:auto; color:#000; }
.verse a {color:#000; }

.verse h1 { color:#000; }


h1 { font-size:2em; color:#CC0000; margin:0px 0 20px 0; line-height:.9em; }
h2 { font-size:1.7em; color:#005aab; margin:0px 0 5px 0; }
h3 { color:#faa61a; font-size:16px; margin:5px 0 5px 0;  }

table { margin:0px; }

p {margin:10px 0px; font-size:1em; }

ul { font-size:1em; }
li { font-size:1em; }


a { text-decoration:none; color:#cf2127; }
a:hover { text-decoration:underline; }

.body-bg-expand { position:fixed; _position:absolute; top: 0px;  z-index:-1; }
html { _background:url(img/background_red.jpg) repeat-y center;}



/* MENU  ========================================================================  */

.navstrip { width:906px; height:24px; height:24px\9; margin-top:-73px; margin-bottom:20px; }

@media screen and (-webkit-min-device-pixel-ratio:0){
.navstrip {height: 24px; }
}



body#tinymce { background:#FFF !important;  }



.esend { border:0px; width:55px; height:19px; margin-top:50px !important; *margin-top:135px !important; margin-left:0px; }


/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; z-index:100; font-size:14px; list-style: none; }
ul.dropdown li                      { float: right; zoom: 1; width:95px; }
ul.dropdown a:hover		            { color:#FFF; }
ul.dropdown a:active                { color: #FFF; }
ul.dropdown li a                    { display: block; padding: 5px 0px 0px 0px; height:19px !important;
	 								  color: #FFF; text-decoration:none; background:url(img/nav_tab.png) no-repeat 0 0; text-align:center;}
ul.dropdown li a:hover              { background:url(img/nav_tab.png) no-repeat 0 -24px; }
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #AAA; color:#FFF !important; position: relative; }
ul.dropdown li.hover a              { color: #FFF; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 190px; visibility: hidden; position: absolute; top: 100%; left: 0; font-size:14px; border-bottom:1px solid #FFF; color:#FFF;  }
ul.dropdown ul li 					{ font-weight: normal; background: #99ca3c; color: #FFF; border-top: 1px solid #FFF; float: none; width:190px;  padding-top:0px !important; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-left: 1px solid #FFF; border-bottom: none; width: 180px; *display: inline-block; padding-left:10px; padding-right:0px; margin-top:0px !important; color: #FFF !important; background:#99ca3c; text-align:left; height:19px !important;} 
ul.dropdown ul li a:hover			{ color: #FFF !important; background:#4cb145; } 
ul.dropdown ul li:hover a			{ color: #FFF !important;} 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: -1px; border-left:1px solid #FFF; font-size:13px; height:19px !important; overflow:hidden; }
ul.dropdown ul ul li a				{ background:#80324c; color:#FFF !important;}
ul.dropdown li:hover > ul 			{ visibility: visible; }





/* LEFT BLOCK  ========================================================================  */

.left_block { width:295px; float:right; margin-left:20px; margin-right:0px; border-left:1px solid #d1d2d4; padding-left:20px; }
.left_block a, .left_block a:link, .left_block a:visited { text-decoration:none; color:#cf2127; }
.left_block1 { width:270px; background-color:#80324c; color:#FFF; padding:0px; overflow:hidden;}
.red_top { background:url(img/purple_top_left.png) no-repeat 0 0; width:270px; height:3px; overflow:hidden; }
.red_base { background:url(img/purple_base_left.png) no-repeat 0 0; width:270px; height:3px; overflow:hidden;}
.left_block1 h3 { color:#FFF; margin:0 0 0 10px; font-size:1.4em; font-weight:normal; padding:5px 0; }
.smlh3 {font-size:60%; padding-left:10px; }
.calendar_icon { background:url(img/cal_icon.png) no-repeat 0 0; _background:url(img/cal_icon_ie.png) no-repeat 0 3px; width:40px; height:36px; _width:30px; _height:33px; float:right; margin-right:5px; }

.left_block2 { width:270px; background-color:#21327a; color:#FFF; margin-top:5px; _overflow:hidden;  }
.blue_top { background:url(img/blue_top_left.png) no-repeat 0 0; width:270px; padding:0; margin:0; height:3px !important; overflow:hidden;}
.blue_base { background:url(img/blue_base_left.png) no-repeat 0 0; width:270px; height:3px; overflow:hidden;}
.left_block2 h3 { color:#FFF; margin:0 0 0 10px; font-size:1.4em; font-weight:normal; padding:5px 0; margin-right:10px; }


.left_block2 table { margin:7px; }
.left_block2 td { padding:2px; }
.left_block input { border:none; border-left:1px solid #000; border-top:1px solid #000; }

.left_block3 { width:270px; background-color:#FFF; color:#000; margin-top:6px;  }
.black_top { background:url(img/black_top_left.png) no-repeat 0 0; width:270px; height:3px; }
.black_base { background:url(img/black_base_left.png) no-repeat 0 0; width:270px; height:3px; }
.left_block3 h2 { color:#80324c; margin:0px; margin-top:10px; }
.left_block3 h3 { color:#000; margin:0px; font-weight:normal; padding:5px 0 0 0; }
.left_block3 p { color:#000; }
.left_block3 .date { display:block; background-color:#521d2f; color:#FFF; text-align:center; font-size:1.4em; font-weight:normal; padding:3px 0; margin-top:5px; }

.left_block4 { width:270px; background-color:#000; color:#FFF; margin-top:5px; _overflow:hidden;  }
.left_block4 h3 { color:#FFF; margin:0 0 0 10px; font-size:1.4em; font-weight:normal; padding:5px 0; margin-right:10px; }


.sporty_news_header { width:100%; height:26px; background:url(img/sporty_news.png) no-repeat 0 0; margin-bottom:20px; }
.sporty_news_header h3 { display:none; }

.left_block h1 { font-size:1.5em; margin:0px 0 5px 0; line-height:1em !important; }
.left_block h2 { font-size:1.2em; color:#005aab; margin:0px 0 5px 0; }
.left_block .stars { width:100%; height:34px; background:url(img/yellow_stars.png) no-repeat 0 0; margin-top:10px; margin-bottom:5px; }


.left_block #tinymce h1 { font-size:1.5em !important; margin:0px 0 5px 0; line-height:1.1em !important; }
.left_block #tinymce h2 { font-size:1.2em; color:#005aab; margin:0px 0 5px 0; }




.breadcrumb { font-size:11px; padding-top:7px; color:#777; }
.breadcrumb a { color:#777; text-decoration:none; }
.breadcrumb a:hover { color:#777; text-decoration:underline; }

.footer { width:965px; margin:20px 0 0 -70px; padding:10px 0 10px 10px; background:#EEE; color:#888 !important; font-size:70%; }
.footer h1 { color:#666; font-weight:normal; }
.footer .col1 { float:left; margin-left:60px; width:180px; height:60px; display:block; }
.footer .col2 { float:left; margin-right:10px; width:530px; height:auto; display:block; border:1px none #000; }
.footer .col3 p { margin-top:0px; }
.footer a { color:#888; }

#nav1 { float:left; margin-right:20px; font-size:110%; border-left:1px solid #AAA; }
#nav1 li ul {margin-bottom:7px; }
#nav1 li { list-style: none; padding-left:10px; }
#nav1 li a { color:#888; text-decoration:none;} 
#nav1 li a:hover { color:#888; text-decoration:underline;} 
#nav1 li li { margin-left:10px; border:none; padding:0; }





table.sermons { border-left:1px solid #DDD; border-top:1px solid #BBB; width:100%; }
.sermons td { padding:4px 8px; border-right:1px solid #BBB; border-bottom:1px solid #BBB; }

.sml { font-size:90%; margin:5px 0 10px 0; }
.sml a {color:#666; }





/*  KGP ============================== */


ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:20px none #FFF;	
	height:24px;
}

ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
	width:14%;
	_width:13.9%;
	border:none;
	border-right:1px solid #FFF;
}

ul.tabs a { 
	background:#CCC;
	font-size:12px;
	display:block;
	height: 24px;  
	line-height:24px;
	width: 100%;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
	border-right:1px solid #FFF;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background:#999;	
	color:#fff;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-color:#c80000;
	color:#FFF;		
}

.panes { font-size:14px; width:596px; _width:595px; }
.panes h3 { font-size:16px; line-height:1em; }
.panes ul { margin-left:15px; font-size:14px; margin-bottom:10px; }




/* tab pane styling */
.panes div {
	display:none;		
	padding:15px 10px;
	border:1px solid #999;
	border-top:0;
	height:100%;
	font-size:14px;
	background-color:#fff;
	margin-right:2px;
}


.panes div.pane1 { display:block; }

.floatright { float:right; }


/* TIMETABLES ================================== */

.timetable table { border-top:1px solid #CCC; border-left:1px solid #CCC; width:100%; margin-bottom:-1px; }
.timetable td { border-bottom:1px solid #CCC; border-right:1px solid #CCC; text-align:center; font-size:1em; }
.timetable th { border-bottom:1px solid #CCC; border-right:1px solid #CCC; text-align:center; font-size:1em; }








/*   ACCESS    */

a#access_nav { font-size:11px; padding-top:3px; }

.access { position:fixed; _position:absolute; width:100%; height:100%; z-index:100; display:none; top:0; }
.accessbg { position:fixed; _position:absolute; width:100%; height:100%; z-index:11; background:#000; opacity:.6; filter:alpha(opacity=60); }
.accessbox { width:368px; height:158px; position:absolute; z-index:12; left:50%; margin-left:-184px; top:50%; margin-top:-110px; }
.access_head { width:348px; _width:347px; height:34px; background-color:#808285; padding:6px 0px 6px 20px; margin:0px !important; }
.access_block { background-color:#e4e4e4; width:368px; _width:368px; height:auto; }

.access_log { font-size:10px;; color:#444; }
.access_log .u { letter-spacing:2px; padding-right:15px;}
.access_log td { padding-top:5px; }
.access_log input { padding:2px 4px; font-size:12px; color:#666; width:170px; border-top:1px solid #CCC; border-left:1px solid #CCC; }
.access_login { margin-left:67px; height:auto; width:264px; padding-top:10px; padding-bottom:5px; color:#444; font-size:11px; }
.access_login .login_button { text-align:center; background:url(img/access_login.png) no-repeat 0 0; width:78px; height:19px; border:none; float:right; margin-top:4px; color:#FFF; font-size:9px; padding-top:0px; padding-top:2px\9; letter-spacing:1px; cursor:pointer;}
.access_login .login_button:hover { background:url(img/access_login.png) no-repeat 0 -19px;  }
.access_close { float:right; position:relative; top:-9px; cursor:pointer; width:17px; height:17px; background:url(img/access_close.png) no-repeat 0 0; margin-right:4px; _margin-right:2px; }
.access_close:hover { background:url(img/access_close.png) no-repeat 0 -17px;  }




/*    LOGOUT     */

.logout { float:right; }
.logout .login_button { text-align:center; background:url(img/access_login.png) no-repeat 0 0; width:78px; height:19px; border:none; float:right; margin-top:0px; color:#FFF; font-size:9px; padding-top:0px; padding-top:1px\9; letter-spacing:1px; cursor:pointer; }
.logout .login_button:hover { background:url(img/access_login.png) no-repeat 0 -19px;  }







/*      ADMIN       */

.navigation, .pages, .admin { cursor:pointer; }

.admin_navigation { }
.admin_pages, .admin_admin { display:none; }

span.delete  { background:url(img/delete.png) no-repeat 0 0; width:17px; height:17px; display:inline-block; position:relative; top:4px; }
a.delete  { background:url(img/delete.png) no-repeat 0 0; width:17px; height:17px; display:block; }
a.delete:hover { background:url(img/delete.png) no-repeat 0 -17px; }

span.edit  { background:url(img/edit.png) no-repeat 0 0; width:16px; height:16px; display:inline-block; position:relative; top:2px;  }
div.edit  { background:url(img/edit.png) no-repeat 0 0; width:16px; height:16px; display:block;  }
a.edit  { background:url(img/edit.png) no-repeat 0 0; width:16px; height:16px; display:block;  }
a.edit:hover { background:url(img/edit.png) no-repeat 0 -16px; }


/* MENU  ========================================================================  */

#admin_nav { margin: 0; padding: 0; width:370px; font-size:14px; border-top:1px solid #DDD; z-index:200; }
#admin_nav li {	list-style: none; padding:3px 0; border-bottom:1px solid #DDD; }
#admin_nav li a { text-decoration: none;  color: #000;  }
#admin_nav li a:hover { color:#cf2127; }
#admin_nav li ul { margin: 0; padding: 0; margin-top:5px; font-size:14px; border-left:1px solid #DDD; }
#admin_nav li ul li { float: none; padding-left:10px; padding-top:0px; border:none;}
#admin_nav li ul li a { border-bottom:1px solid #FFF; }
#admin_nav li ul li a:hover { color: #cf2127; }


.newnavs { float:right; width:470px;  }
.add_new_page { font-size:14px; }
.add_new_page td { padding:5px; border-bottom:1px solid #DDD; }
.add_new_page td td { border-bottom:1px none #DDD; }

table.logins { border-left:1px solid #DDD; border-top:1px solid #DDD; }
.logins td { padding:3px 5px; border-bottom:1px solid #DDD; border-right:1px solid #DDD; }



#input-upload { opacity:0; width:568px; width:450px\9; filter:alpha(opacity:0); position:absolute; z-index:200; height:22px; margin-top:0px; }
.upload_error {display:none; }


.close { float:right; position:relative; cursor:pointer; width:auto; height:17px; background:url(img/delete.png) no-repeat right 0; margin-right:0px; _margin-right:0px; padding-right:20px; cursor:pointer; }
.close:hover { background:url(img/delete.png) no-repeat right -17px;  }



#google_translate_element { position:absolute; top:223px; margin-left:776px; *margin-left:756px; width:190px; overflow:hidden; height:25px;  font-size:10px; }
#google_translate_element select { border:1px solid #DDD; font-size:12px; height:18px; }


@media screen and (-webkit-min-device-pixel-ratio:0){
#google_translate_element {margin-left: 752px; font-size:11px; }
}



.section ul { margin-left:15px; margin-bottom:20px; }
.section li { margin-bottom:5px; }

.im_text { font-size:32px; font-family:Helvetica, Arial, sans-serif; color:#FFF; position:absolute; bottom:5px; margin-left:15px; }
.im_text2 { font-size:48px; font-family:Helvetica, Arial, sans-serif; color:#FFF; position:absolute; bottom:0px; right:0px; margin-left:15px; opacity:.15; filter:alpha(opacity=15); line-height:.7em; text-transform:lowercase; }