@import url("style.css");
@import url("style_menu.css");





/************/
/*Page Reset*/
/************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-size: 100%; 
	}

	
body {
	text-align:left;
	font: normal 11px/18px "Lucida Sans unicode", Tahoma, sans-serif;
	background:url(../images/bg/bg_center.jpg) center repeat-y;
	background-color:#cccccc;
	color:#333333;	
	margin:0 auto;
	
}


.wrapper{
	overflow:hidden;
	margin:0px;
	padding:0px;
	width:100%;
}
div#content{
	overflow:hidden;
	margin:0px;
	padding:0px;
	width:100%;
}

/*.container_inside{
	width:915px;
	margin: 0 auto;
	background:url(../images/jpg/cont_bkgrnd.jpg) no-repeat;
	}*/

.center_div{
	margin: 0 auto;
	width:900px;
	}
	
#cont_bkrnd{
	background:url(../images/jpg/cont_bkgrnd.jpg) repeat-y;
	
	}

#logo{
	float:left;
	width:332px;
	height:111px;
	margin-top:2px;
	}

#nava{
	width:900px;
	height:111px;
	margin:0 auto;
	position:inherit;
	}
	
	
/*
=========================================================================

                          NAVAGATION

==========================================================================
*/

/*#nava {	
	height:47px;
	width:575px;
	float:right;
	margin-top:40px;
	}*/
	
#nav {
	margin:14px 0px 0px 0px;
	float:right;
	height: 33px;
	width: 490px;
	padding:0px;
	list-style: none;
}
#nav li {
	float: right;
	text-align:center;
	
}
#nav a{
	font-family: "Trebuchet MS",Tahoma, Arial, sans-serif;
	font-size:16px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	display:block;
	margin: 0px 0px 0px 0px; /*"-4" Margin - IE Hack */
	padding: 0px 8px 5px 8px;
}
#nav a:hover{
	font-weight:bold;
	
}



/*
=========================================================================

                  NAVA LOCATION INDECATION

==========================================================================
*/

body.home #nav #home a, body.home #nav #home a:hover {
	font-weight:bold;
	text-decoration: none;
	height:16px;
	
}
body.wmblog #nav #wmblog a, body.wmblog #nav #wmblog a:hover {
	font-weight:bold;
	text-decoration: none;
	height:16px;
	
}

body.about #nav #about a, body.about #nav #about a:hover {
	font-weight:bold;
	text-decoration: none;
	height:16px;
	
}

body.work #nav #work a, body.work #nav #work a:hover {
	font-weight:bold;
	text-decoration: none;
	height:16px;
	
}
body.serv #nav #serv a, body.serv #nav #serv a:hover {
	text-decoration: none;
	height:16px;
	font-weight:bold;
}

body.contact_us #nav #contact_us a, body.contact_us #nav #contact_us a:hover {
	text-decoration: none;
	height:16px;
	font-weight:bold;
}



/****************************
  COUNTER
****************************/ 

#ticker {
	width:208px;
	height:48px;
	margin:8px 8px 0 0;
	font-weight:bold;
  padding:2px 0 0 0;
  background:url(../images/png/live.png) no-repeat;
  text-align:left;
  letter-spacing:0 !important;
  float:right;
  color:#FFF;
}

.live{
	font-family:"Trebuchet MS";
	font-size:16px;
	color:#FFFFFF;
	float:left;
	width:60px;
	margin:4px 0 8px 8px;
	}
	
	
.time{
	font-family:"Trebuchet MS";
	font-size:16px;
	color:#FFFFFF;
	float:left;
	width:26px;
	margin:4px 0 2px 0;
	}
	
.time_number{
	font-family:"Trebuchet MS";
	font-size:18px;
	color:#FFFFFF;
	text-align:center;
	width:26px;
	margin:0 0 2px 0;

}
	
	
.time-day{
	font-family:"Trebuchet MS";
	font-size:10px;
	color:#FFFFFF;
	text-align:center;
	text-transform:uppercase;
	width:26px;
	}
	
.time_space{
	float:left;
	font-family:"Trebuchet MS";
	font-size:18px;
	color:#FFFFFF;
	text-align:center;
	width:9px;
	margin-top:4px;
	
	}
	
	

#countdown h2{
  width:110px;
  margin:0 0 0 5px;
  padding:0;
  font-size:12px;
  font-weight:bold;
  color:#c1c1c1;
  text-transform:uppercase;
  display:inline;
  float:left;
  }
  
#countdown-items ul{
	color:#FFFFFF;
	text-align:center;
	}


#countdown-items li {
  height:12px;
  width:410px;
  text-align:center;
  margin:0;
  font-size:12px;
  font-weight:bold;
  padding:0;
  color:#FFFFFF;
  list-style:none;
  float:left;
}

#ticker a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	font-size:20px;
	
}

#ticker a:hover{
	color:#d6d6d6;
	font-weight:bold;
	font-size:20px;
}

.its_time{
	width:208px;
	height:36px;
	text-align:center;
	padding-top:10px;
	line-height:20px;
	}

/*#ticker {
  width:380px;
  height:26px;
  padding:2px 26px 0;
  background:url(../images/png/ticker.png) no-repeat;
  letter-spacing:0 !important;
  color:#c1c1c1;
  position:relative;
  left:16px;
  float:right;
}

#ticker h1 {
  width:90px;
  margin:0;
  padding:0;
  font-size:12px;
  font-weight:normal;
  color:#FFF;
  text-transform:uppercase;
  display:inline;
  float:left;
}

#ticker-items li {
  width:256px;
  height:12px;
  margin:0;
  padding:0;
  color:#FFFFFF;
  list-style:url(../images/png/ticker.bullet.png);
  float:left;
}

#ticker-items li a{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	
}

#ticker-items li {display:none;}
#ticker-items li.alpha {display:list-item;}*/




.sf-menu li{
	background:none;
	text-transform:uppercase;
}
.sf-menu li a{
	color:#fff;
	border:none;
}

.sf-menu li a:hover{
	color:#ccc;
}
.sf-menu span{
	color:#777;
	border:none;
}
.sf-menu ul li{
	border-bottom: dotted 1px #00548a;

}
.sf-menu li ul a{

	color:#fff;
	background:url(../images/png/drp_dwn_color.png);
}

.sf-menu li ul a:hover{
	color:#FFF;
	background-color:#666666;
}

.sf-menu .current{
	border-bottom:solid 2px #98d8f3;
}
.sf-menu .current a, .sf-menu .current a span, .sf-menu .current a:hover, .sf-menu .current a:hover span{
	color:#98d8f3;
}
.sf-menu .current ul li a{
	color:#999;
}
.sf-menu .current ul li a:hover{
	color:#eee;
}
.sf-sub-indicator{
	background-image:url('../images/skin/sub_menu_arrow.png');
	background-position:-20px -100px;
	background-repeat:no-repeat;
}



#footer{
	border-top:#f4f4f4 solid 2px;
	width:900px;
	text-transform:uppercase;
	margin:0 auto 10px auto;
	background-color: #FFFFFF;
	height:60px;
	}
		#footer_txt{
			float:right;
			height:50px;
			width:400px;
			}
		
		#footer_txt P{
			padding-top:8px;
			text-align:right;
			color:#333333;
			}
			
		#footer_txt a{
			color:#333333;
			text-decoration:none;
			}
			
		#footer_txt a:hover{
			color:#00d6e0;
			text-decoration:underline;
			}
			
.social{
	float:left;
	height:50px;
	width:300px;
	}
			
			
	.social img{
		border:none;
		margin-right:8px;
		margin-top:8px;
		}
			
			
	

.col_med_header{
	float:left;
	width:580px;
	margin:10px 10px 10px 0;
	background-image:url(../images/png/col_med.png);
	background-position:top;
	background-repeat:no-repeat;

	}
		
		.col_med_header h3{
			text-align:left;
			text-indent:8px;
			font-size:20px;
			color:#004b7b;
			padding-bottom:8px;
			margin: 10px 0 2px 0;
			}
				
				
.col_med{
	
	}
	
		.col_med h4{
			font-size:16px;
			color:#333333;
			}
		
		.col_med p{
			text-align:left;
			margin:0 8px 0 8px;
			color:#333333;
			font-size:12px;
			margin-top:8px;
			}
			
.col_med_btm{
	margin:0 10px 0 0;
	float:left;
	width:580px;
	height:9px;
	background-image:url(../images/png/col_med_bottom.png);
	background-repeat:no-repeat;
	}
	
.col_sml_header{
	float:left;
	width:310px;
	margin:10px 0 0 0;
	background-image:url(../images/png/col_sml.png);
	background-position:top;
	background-repeat:no-repeat;
	}
	
		.col_sml_header h3{
			text-align:left;
			text-indent:8px;
			padding-bottom:8px;
			font-size:20px;
			color:#004b7b;
			margin: 10px 0 2px 0;
			}
			
.col_sml{

	}
	
		.col_sml p{
			text-align:left;
			margin:0 8px 0 8px;
			color:#333333;
			font-size:12px;
			margin-top:8px;
			}

.col_sml_btm{
	float:left;
	width:310px;
	height:9px;
	background-image:url(../images/png/col_sml_bottom.png);
	background-repeat:no-repeat;
	}


#quick-links {
  width:310px;
  height:243px;
  margin-top:10px;
  float:left;
}

#quick-links h1 {
  width:310px;
  padding:4px 0 6px 0;
  font-size:1.333em;
  float:left;
  text-align:right;
}

#quick-links ul {
  padding:0;
  width:310px;
  list-style:none;
}



#quick-links ul strong {display:none;}

#quick-links .sermon,#quick-links .blog,#quick-links .amen,#quick-links .giving {
  width:310px;
  height:81px;
  background:#262426 url(../images/quick-links.sermon.jpg) no-repeat top left;
  color:#333333;
  text-decoration:none;
  float:left;
}
#quick-links .blog {background-image:url(../images/quick-links.blog.jpg);}
#quick-links .amen {background-image:url(../images/quick-links.amen.jpg);}
#quick-links .giving {background-image:url(../images/quick-links.giving.jpg);}

#quick-links .sermon:hover,
#quick-links .blog:hover,
#quick-links .amen:hover,
#quick-links .giving:hover {background-position:left bottom;}

#quick-links .sermon span,
#quick-links .blog span,
#quick-links .amen span,
#quick-links .giving span {
  width:304px;
  height:1.8em;
  margin:50px 0 0 6px;
  padding:0 0 0 4px;
  border-left:dotted 1px #FFF;
  font-size:0.867em;
  overflow:hidden;
  float:left;
}

#quick-links .blog span {border-color:#13a7d7;}
#quick-links .amen span {border-color:#ff9b22;}
#quick-links .giving span {border-color:#ff9b22;}

#quick-links p {font-style:normal;}
#quick-links em {font-style:normal;}
#quick-links .blog em {color:#13a7d7;}
#quick-links .amen em {color:#ff9b22;}
#quick-links .giving em {color:#ff9b22;}




/*Spanish Quick Links*/

#quick-links-spanish {
  width:310px;
  height:243px;
  margin-top:10px;
  float:left;
}

#quick-links-spanish h1 {
  width:310px;
  padding:4px 0 6px 0;
  font-size:1.333em;
  float:left;
  text-align:right;
}

#quick-links-spanish ul {
  padding:0;
  width:310px;
  list-style:none;
}



#quick-links-spanish ul strong {display:none;}

#quick-links-spanish .sermon,#quick-links-spanish .blog,#quick-links-spanish .amen,#quick-links-spanish .giving {
  width:310px;
  height:81px;
  background:#262426 url(../spanish/images/quick-current.jpg) no-repeat top left;
  color:#333333;
  text-decoration:none;
  float:left;
}
#quick-links-spanish .blog { background-image: url(../spanish/images/quick-blog.jpg);}
#quick-links-spanish .amen {background-image:url(../images/quick-links.amen.jpg);}
#quick-links-spanish .giving { background-image:url(../spanish/images/quick-give.jpg);}

#quick-links-spanish .sermon:hover,
#quick-links-spanish .blog:hover,
#quick-links-spanish .amen:hover,
#quick-links-spanish .giving:hover {background-position:left bottom;}

#quick-links-spanish .sermon span,
#quick-links-spanish .blog span,
#quick-links-spanish .amen span,
#quick-links-spanish .giving span {
  width:304px;
  height:1.8em;
  margin:50px 0 0 6px;
  padding:0 0 0 4px;
  border-left:dotted 1px #FFF;
  font-size:0.867em;
  overflow:hidden;
  float:left;
}

#quick-links-spanish .blog span {border-color:#13a7d7;}
#quick-links-spanish .amen span {border-color:#ff9b22;}
#quick-links-spanish .giving span {border-color:#ff9b22;}

#quick-links-spanish p {font-style:normal;}
#quick-links-spanish em {font-style:normal;}
#quick-links-spanish .blog em {color:#13a7d7;}
#quick-links-spanish .amen em {color:#ff9b22;}
#quick-links-spanish .giving em {color:#ff9b22;}

.clear{
	clear: both;
	font-size: 1px;
}