@charset "ISO-8859-1";


html, body {
   padding: 0 !important; 
   margin: 0 !important;}
   
  
  
body {
	font-size: 13px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	background: #fff;
	text-align: left;
	line-height: 17px;
	color: #333;
	
}
.holder {
	display: block;
	margin: 0;
	text-align: center;
	clip: rect(auto,auto,auto,auto);
	padding: 0px;
}


.top_border{
	background: url(../media/background.png) no-repeat center top;
	margin:0px !important;
	padding:0px;
}

.blockmiddle {	
	text-align: left;
	display: block;
	margin: auto;
	padding:0px;
	clear: both;
	width: 1000px;
	background: transparent ;
	position: relative;
	
}

.terms {
	max-width: 980px;
	margin: 0 auto;
}

.terms h1, .terms h2 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: bold;
}

.terms ul {
	padding-left: 46px;
}

.navigation {
	position:relative;
	top: 52px;
	float:right;
	z-index: 10;
	text-align: right;
	padding:0px;
	margin:0px;
			
}

a:link, a:hover, a:visited{

	color: #555 !important;
	text-decoration: none;
}


input 
{ 
   background-color: #5b1838 !important; 
   font-family: arial; 
   font-size: 13pt; 
   color: #ddd !important; 
   border-style:none; 
   padding:  10px;
   
    
}	

label{

	color: #fff !important;
}

#contact_form input{
	
	margin-bottom:10px;
  width: 250px;
  padding:10px 5px 10px 5px;
  background: #fff;
  border: 1px solid #999;
  

}

textarea 
{ 
   background-color: #5b1838 !important; 
   font-family: arial; 
   font-size: 13pt; 
   color: #ddd !important; 
   border-style:none; 
   padding:5px;
  border: 1px solid #999;
   width: 250px !important;
   
    
}	
.button 
{ 
	 float:right;
   background-color: #fff; 
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 14pt; 
   font-weight: 300;
   color: #5b1838; 
   border-style:none; 
   padding:5px;
   padding-left:  20px;
   padding-right: 20px;
   
    
}
select 
{ 
   background-color: #222; 
   font-family: arial; 
   font-size: 10pt; 
   color: #fff; 
   border-style:none; 
   padding-left:  10px;
 
    
}
.button:hover 
{ 
   background-color: #fff; 
   color: #444; 
   border-style:none; 

   
    
}	

#alert{

border-color: #b2cb0a;
border-width: 1px;
border-style: dashed;
width: 400px;
color: #cb2b92;
background-color: #fcffa9;
display:block;
padding:5px;

}

#logo_block{
position:relative;
float:left;
top:10px;
left:20px;
z-index: 10;

}
#logo_block img{
position:absolute;


}
.absolute_header{

	height:120px;
	clear:left;

}


.maroonArea{

background-color: #9D1F5F;
padding: 10px 0px 0px 0px;
color: #fff !important;

}

.maroonArea .column{

	width:45% !important;
	margin:2%;
	float:left;

}

.maroonArea p{

	color: #ddd;
	font-size: 16px;
	margin-top: 30px;
	position: relative;
	top:-10px;
	line-height: 20px;
	font-weight: 300;


}

.recentSeries{


	width:100%;
	height:250px;
	background: #222;


}

#searchBox input 
{ 
   font-family: Georgia, "Times New Roman", Times, serif; 
   background-color: #eee !important; 
   font-size: 13pt; 
   color: #666 !important; 
   border-style:none; 
   padding:  10px;
   width:70%;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border: 1px solid #ddd;
   
    
}	
#searchBox button 
{ 
   font-family: Georgia, "Times New Roman", Times, serif; 
   background-color: #ccc !important; 
   font-size: 13pt; 
   color: #555 !important; 
   border-style:none; 
   padding:  10px;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border: 1px solid #ddd;
   
    
}	


.content_area{

background-color: transparent;
color: #333 ;
overflow: hidden;
padding-bottom: 20px;


}

.logo_style{

position:relative;
left:0px;
top:35px;

}


#body_lower_block{
background-color: #b3142a;
width:1030px;
padding:10px;
min-height: 140px;
text-align: center;


}

#footer_block{
list-style-position: outside;
background-position: left bottom;
background-repeat: no-repeat;
color:#777;
background-color: #000;
width:950px;
padding:10px;
min-height: 120px;



}

.logos_footer{

	width:600px;
	position: relative;
	top:20px;

}



.adbox_home{
display:block;
border-color: #dedede;
border-style: dashed;
border-width: 1px;
float:left;
width:245.5px;
margin-left:10px;
margin-right:10px;
height: 90px;
background-color: white;
background-position: right bottom;
background-repeat: no-repeat;}



.footer_box{
background-color: #000;
width:335px;
float:left;
margin:5px;
margin-bottom: 0px;	
min-height: 120px;


}



/*** set the width and height to match your images **/
.relative{
		position: relative;
}

#slideshow_container{
		position:absolute;
}

#slideshow {
    width:950px;
    background: transparent;
    height:400px;
    float:left;
    overflow: hidden;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    width:950px;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}




.images{

position: absolute;
width:100%;
height:300px;
overflow: hidden;
	
}
.images #slideshow IMG{


width:100%;

	
}


.footer_container{

padding:10px;

}


#centre_home{

background: #fff;
width:100%;
padding:10px;
min-height:250px;}



.ad_box{
color: #444;
display:block;
width:280px;
padding:10px;
margin-right:10px;
float:left;
background: transparent;

}



.ad_box p{
color: #999 !important;
font-size: 12px !important;}


.footer_box{
width:150px;
}

.footer_text{
text-align: right;
color: #3f3f3f;
font-size: 10px;
}


.header_background{

position:absolute;
}

.clear{

clear:both;
}

.content_holder{

padding:20px;
background: transparent ;
color: #555;
position:relative;

}

.text_area{

	float:left;
	width:550px;
	color: #333;
	
}

.left_navigation{

	float:left;
	width:250px;
	margin-right:20px;
	overflow-x: hidden;

}

.text_area p{

	position:relative;
	top:-10px;
}

.highlight{

	font-weight: bold;
	color: #333;
}

.footer_bg{

	background: url(../media/footer_bg.png) repeat-x bottom;
	z-index: 10 !important;
}
.footer_container a:link, .footer_container a:hover, .footer_container a:visited{

	color: #eee;
	text-decoration: none;
}

.staff_box{

	width:200px;
	padding:10px;
	float: left;
}

li{
margin-left: 0px;
position: relative;
left:-30px;
	}
	
	
table, table tr{

	border-collapse: collapse !important;
	border-bottom: 1px #999 solid !important;
	border-spacing: 0px !important;
}
table tr td{

	padding-bottom: 10px !important;
	padding-top: 10px !important;

}


.project{

	width:200px;
	float:left;
	margin-right:10px;
	background: #000;
	height: 190px;
	margin-bottom: 10px;
	position: relative;

}

.project .overlay{

	width:100%;
	height:100%;
	background: transparent url(../media/80_grey.png) repeat;
	z-index: 10;
	position: absolute;

}

.project .image{

	width:100%;
	height:100%;
	z-index: 1;
	position: absolute;

}
.project .text{

	width:100%;
	z-index: 20;
	position: absolute;
	top:100px;
	padding:20px;;
	background: transparent;
	color: #eee;

}

.project_viewer{

	width:675px;
	height:420px;
	overflow: hidden;
	background: transparent;
	float:left;
	margin-right: 15px;

}
.project_viewer .image{

	width:100%;
	height:100%;

}
.project_summary{

	float:left;
	width:200px;
	color: #000;
	margin-right:20px;

}
.project_summary p{

	color: #333;
	margin: 0px;

}

.controls{

	float:left;
	width:200px;
	color: #000;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	padding: 5px 0px 5px 0px;
	margin-right:20px;

}
.controls a:link, .controls a:visited{
	color: #000;
}
.controls a:hover{
	color: #777;
}

#contact_form{

	float:left;
	margin-right: 15px;

}

.text_area h4 b{

	color: #777 !important;

}

.copyright{

	color: #505050;
	font-size: smaller;
	text-align: right;
	position: relative;
	top: -20px;
	
}







.products_window {
	float:left;
	width:300px;	
	color: #2ca4e2 !important;
	background: transparent /* url(../media/repeating_blue.jpg) */ repeat;
	padding:17px 0px 0px 0px;
	height:340px;
	position: absolute;
	left: 640px;}

#products a:link, #products a:visited{
	border-bottom-color: #c5d4fc;
	display: block;
	clear:left;
	width:260px;	
	cursor:pointer;	
	background:transparent /* url(../media/product_bg.jpg) */ repeat-x bottom;
	color: #2ca4e2 !important;
	padding: 1px 5px 1px 0px;
}

#products a.current{
	
	background:transparent url(../media/arrow.png) no-repeat top left;
	color: #2ca4e2 !important;
	position: relative;
	padding-left: 50px;
	padding-right:70px;
	left:-50px;
}

#products div h2, #products div p{

	color: #2ca4e2 !important;

}

#products div p{

	position: relative;
	margin-top:-15px;
}



.carousel_window{

	background-color:transparent;	
	height:250px;

}

.carousel_window div{

	width:100%;
	height: 100%;

}


.carousel{

	overflow: visible;
	margin: 0px;
	padding: 0px;
	float:left;
	position: relative;
	left:-10px;
	width:100%;


}
.carousel.expand{

	height: auto !important;

}

.description {

	float:left;
	width:540px;
	height:340px;
	display:none;
	color: #2ca4e2 !important;
}

.tagline{
color: white;
display: inline;
font-size: 22px;

}
.tagline b{
color: #752705;
font-weight: 400;
}






.welcome{

	width:580px;
	background: transparent;
	padding:10px;

}



.welcome h5{

	color: #fff;
	font-size: 22px;
	margin-top: 20px;
	margin-bottom: 0px;
	padding-bottom:0px;


}

.welcome p{

	color: #ddd;
	font-size: 16px;
	margin-top: 30px;
	position: relative;
	top:-10px;
	line-height: 20px;


}

.welcome hr{

	border-top: 1px solid #fff;
	border-bottom: 1px solid #aaa;
}

.welcome a:link, .blog a:visited, .blog a:hover{

	font-size: 12px;
	color: #666;
	font-weight: bold;

}


.news{

	width:280px;
	padding:10px;
}


.sermons{

	width:280px !important;
	padding:10px;
	margin-right:20px !important;

}

.shadow{


	-moz-box-shadow: 0px 0px 20px #35061f;
  -webkit-box-shadow: 0px 0px 20px #35061f;
  box-shadow: 0px 0px 20px #35061f;
  height:300px;
  width:1px;
  margin: 0px 10px 0px 10px;
  float:left;
  background: #641b3e;

}

.column_1{

	float:left !important;
	margin-right:20px;
}
.column_2{

	float:left;
	margin-right:20px;
}
.column_3{

	float:left !important;
}





.links{

	width:213px;
	padding: 0px 10px 0px 10px;
	border-right: 1px solid  #26577f;
}

.page_data{

	width:100%;


}



#side_navigation{

		list-style: none;
		font-style: italic;
		font-weight: 400;
		font-family: Georgia, "Times New Roman", Times, serif;
		display: block;
		font-size: 19px;
		color: #26577f;
		position:relative;
		left:40px;
		padding: 10px 0px 10px 0px;

}

#side_navigation li{

	clear:left;
	padding: 7px 0px 7px 0px;
	border-bottom: 1px solid #aaa;

}

#side_navigation li ul{

	list-style: none;

}

#side_navigation li ul li{

	padding-left: 10px;
	font-size: 15px;
	border:none;

}
#side_navigation a:link, #side_navigation a:visited{

	color: #26577f;

}

#side_navigation a:hover{
	
	text-decoration: underline;

}



.text_area h3{

		font-weight: 300;
		line-height: 19px;
		color: #666;
}
.text_area p{

		color: #333;
}




.calendar{
	background-color:transparent !important;
	width: 540px !important;
	
	 	
}


table.calendar {
 	font-family: sans-serif; 
	border: none !important;
  table-layout: fixed;
  -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}



table.calendar tr td {
        width: 20px;
		height: 28px;
	text-align: center;
	border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border: 1px #aaa solid !important;

	
}
.busy {
        background-color: #ff4545;
        color: white;
		text-align: center;
	
}
.today {
         color: #444 !important; 
        font-weight: bold;
		text-align: center;
		background: #C7E6FA !important; 
	
	
}

caption.calendar-month {
 
 
  background: #fff; 
}

span.text{
	font-family: sans-serif;
	font-size:10px;
}
.topbg{
text-align: center;
color:#ff454;

}

span.calendar-title{
	text-align: center;
	font-family: sans-serif;
	font-size: medium;
	font-weight: bold;
	padding: 0.3cm;
}


/* ================================== Gallery styling ================================== */ 

.galleryimage {
	margin-right: 10px;
	margin-top:10px;
	border: thin solid #FFF;	
}
.galleryimage a:link{
	margin-right: 10px;
	border: thick solid #cc0000;	
}


	.album{
		display:block;
		float: left;
		padding: 10px;
		clear:auto;
	}





/* Jquery Tool */

/* root element for single scroll */
	.scroll {
		position:relative;
		overflow:hidden;
		width:100%;
		height: 350px;
		float:left;
	}
	
	/* root element for the scroll pics */
	.scroll .pics {
		width:20000em;
		position:absolute;
		clear:both;
	}
	
	/* single scroll item */
	.pics div {
		float:left;
		cursor:pointer;
		width:280px !important;
		height:350px;
		margin:0px;
	}
	
	/* possible settings for the active scroll */
	.scroll.active {
	
	}

/* position and dimensions of the navigator */
.navi {
	position:absolute;
	z-index:50;
	width:200px;
	height:20px;
	top:330px;
	left:400px;
	background: #333;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	display: none;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../media/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
}

.arrows .prev{

	height:60px;
	width:60px;
	background: transparent url(../media/arrow_left.png) no-repeat;
	float: left;
	border:0px;

}
.arrows .next{

	height:60px;
	width:60px;
	background: transparent url(../media/arrow_right.png) no-repeat;
	float: right;
	border:0px;

}
.arrows{

	position: absolute;
	top:100px;
	left:-75px;
	z-index: 100;
	width:1100px;
}

#map_canvas{

	width:98%;
	height:150px;
	border: 5px solid #333;

}
a.decoratedLink{

	border-bottom: 1px dotted;
}



.sermonImage{

	width:100% !important;
	height:180px !important;
	display: block;
	background: #111;

}

#ribbon{
	
	position:relative;
	top:-30px;
	z-index: 100;
	left:-30px;

}
#ribbon .container{

	position:absolute;
	width:100%;
	text-align: center;
	background: #480829 url(../media/ribbon_bg.png);
	padding:20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 1px solid #480829;

}
#ribbon .container a{

	color: #eee !important;
	border-bottom: 1px dotted #fff;
	

}


/* pagination style */
.pagin {
padding: 2px 0;
margin: 0;
font-family: "Verdana", sans-serif;
font-size: 15px;
font-weight: bold;
}
.pagin * {
padding: 2px 6px;
margin: 0;
}
.pagin a {
border: solid 1px #666666;
background-color: #EFEFEF;
color: #666666;
text-decoration: none;
}
.pagin a:visited {
border: solid 1px #666666;
background-color: #EFEFEF;
color: #60606F;
text-decoration: none;
}
.pagin a:hover, .pagin a:active {
border: solid 1px #CC0000;
background-color: white;
color: #CC0000;
text-decoration: none;
}
.pagin span {
cursor: default;
border: solid 1px #808080;
background-color: #F0F0F0;
color: #B0B0B0;
}
.pagin span.current {
border: solid 1px #666666;
background-color: #666666;
color: white;
}