@charset "utf-8";
/* CSS Document */
a:link {
	color: #EFCD5B;
	text-decoration: none;
}
a:visited {
	color: #EFCD5B;
	text-decoration: none;
}
a:hover {
	color: #DDA92E;
	text-decoration: none;
}
a:active {
	color: #DDA92E;
	text-decoration: none;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(images/background.png);
	background-repeat:repeat
}
.header {
	height: 220px;
	width: 100%;
	background-color: #163C68;
}
.line {
	background-color: #9F6D14;
	height: 2px;
	width: 100%;
	margin-bottom: 10px;
}

.logo {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
}



#top {
	height:36px;
	width:100%;
	float: right;
	vertical-align: middle;
	background-color:#EFCB5B; 
	border:solid; 
	border-color:#DDA92D; 
	border-width:thin ;
	color: #163C68

}
#btop {height:20px ; }

/*Top Navigation*/
ul.topnav {width: 945px;overflow:hidden;margin:0 auto; position: static; display:block; color:#163C68 }
ul.topnav li{float:right;overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size: 11px; letter-spacing: 0.5px; display: block; border:solid; border-color:#DDA92D; border-width:thin; color: #163C68 }
ul.topnav li.header{ background-image:url(buttons/parent-background.png);}
ul.topnav li.header a{color:#163C68;}
ul.topnav li a{padding:0 12px;line-height:35px;font-size:95%;font-weight:bold;color: #163C68;text-decoration:none;display:block; font:Arial, Helvetica, sans-serif}
ul.topnav li a:hover{color: #163C68; display: block; background-color:#DDA92D}
ul.topnav li:hover a{display: block; }



/*Parent Navigation*/
.navigation {
	float: left;
	height: 40px;
	margin-top: 60px;
}
ul.parentnav {width: 100%;overflow:hidden;margin:0 auto; position: inherit; background-repeat:repeat-x; }
ul.parentnav li{
	float: left;
	overflow:hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
	color:#EFCB5B;
	letter-spacing: 0.65px;
	
	
	
}
ul.parentnav li.header a{
	color:#EFCB5B;
	background:transparent url(backgrounds/menu-active-arrow.png) no-repeat bottom center;
}
ul.parentnav li a{
	padding:0 10px;
	font-weight: normal;
	color:#EFCB5B;
	text-decoration:none;
	display:block;
	line-height:16px;
	padding-bottom:10px;
	padding-top:10px;
}
ul.parentnav li a:hover{
	color: #0096D7;
	background-color: #00112F;
	display: block;
}
ul.parentnav li:hover a{
	display: block;
	line-height: 16px;
	padding-bottom:10px;
	padding-top: 10px;

	
	
}
ul.parentnav li:hover ul.childnav{
	display:block;
	position:absolute;
	;
	background-color: #00112F;
}
ul.parentnav li ul{
	z-index:1000;
	min-width:140px;
	padding:0 0 10px 0;
	display:none;
	overflow:hidden;
	background-color:#0E2641;
	-moz-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
}
ul.parentnav li.item0 a{text-indent:-9999px;width:15px;background:transparent url(buttons/icon.png) no-repeat center center; font-family: Arial, Helvetica, sans-serif}
ul.parentnav li ul li{float:left;clear:left; font-family: Arial, Helvetica, sans-serif}
ul.parentnav li ul li.headline{line-height:inherit;max-width:300px;padding-bottom:10px;}
ul.parentnav li ul li a{white-space:nowrap;}
ul.parentnav li ul li.headline a{white-space:normal;margin-left:10px;line-height:inherit;}
ul.parentnav li ul li.header{background-color:transparent;}
ul.parentnav li ul li.header a{background-image:none;color:#232163;}
ul.parentnav li ul li.arrow{height:13px;width:25px;background:transparent url(images/menu-child-arrow.png) no-repeat 10px 0;}


div.bgcarousel{ /* CSS for main carousel container */
	background: black url(ajaxload.gif) center center no-repeat; /* loading gif while caoursel is loading */
	width:960px; /* default dimensions of carousel */
	height:360px;
	margin-left: auto;
	margin-right: auto;
	-moz-border-radius:0 0 30px 30px;
	border-radius:0 0 30px 30px;
	-webkit-border-radius:0 0 30px 30px;

}

img.navbutton{ /* CSS for the nav buttons */
margin:0px;
opacity:0.6;
}




div.slide{ /* CSS for each image's DIV container within main container */
background-color: black;
background-position: center center; /* center image within carousel */
background-repeat: no-repeat;
background-size: cover; /* CSS3 property to scale image within container? "cover" or "contain" */
color: black;
}

div.selectedslide{ /* CSS for currently selected slide */
}

div.slide div.desc{ /* DIV that contains the textual description inside .slide */
	position: absolute;
	color: #1A578F;
	margin-left:50px;
	height: 320px;
	width: 300px;
	text-align:left;
	padding: 10px;
	padding-top: 20px;
	font: normal 15px Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 28px;
	text-shadow:  #000000;  /* CSS3 text shadow */
	z-index:5;
	background-image: url(images/slider.png)
}

div.selectedslide div.desc{ /* CSS for currently selected slide's desc div */
}

div.slide div.desc h2{
	font-size: 30px;
	margin:0;
	color: #163C68;
	line-height:30px
}

div.slide div.desc a{
color:yellow;
text-decoration:none;
}
 /* End of the slide show content */
 
.wrapper {
	height: auto;
	width: 960px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}





ul.flatflipbuttons{
margin:0;
padding:0;
list-style:none;
-webkit-perspective: 10000px; /* larger the value, the less pronounced the 3D effect */
-moz-perspective: 10000px;
perspective: 10000px;
}

ul.flatflipbuttons li{
margin:0;
display: inline-block;
width: 100px; /* dimensions of buttons. */
height: 100px;
margin-right: 15px; /* spacing between buttons */
text-transform: uppercase;
text-align: center;
}

ul.flatflipbuttons li a{
display:table;
font: bold 36px Arial; /* font size, pertains to icon fonts specifically */
width: 100%;
height: 100%;
margin-bottom: 4px;
color: black;
text-decoration: none;
outline: none;
-webkit-transition:all 300ms ease-out; /* CSS3 transition. Last value is pause before transition play */
-moz-transition:all 300ms ease-out;
transition:all 300ms ease-out;
}
.pastor {
	width: 210px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	float: left;
	margin-bottom: 10px;
}
.dotline {
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #123D69;
	clear: both;
	height: auto;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 10px;
}




ul.flatflipbuttons li a span{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
-webkit-transition: all 300ms ease-out; /* CSS3 transition. */
-moz-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}

ul.flatflipbuttons li b{ /* CSS for text beneath button */
display: block;
position: relative;
width: 100%;
opacity: 0;
-webkit-transition: all 300ms ease-out 0.2s; /* CSS3 transition. 0.2s delay */
-moz-transition: all 300ms ease-out 0.2s;
transition: all 300ms ease-out 0.2s;
}


ul.flatflipbuttons li a img{ /* CSS for image if defined inside button */
border-width: 0;
vertical-align: middle;
}


ul.flatflipbuttons li:hover a{
	-webkit-transform: rotateY(180deg); /* flip horizontally 180deg*/
	-moz-transform: rotateY(180deg);
	transform: rotateY(180deg); /* bgcolor of button onMouseover*/
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

ul.flatflipbuttons li:hover a span{
color: black; /* color of icon font onMouseover */
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg); /* flip horizontally 180deg*/
transform: rotateY(180deg);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
transition-delay: 0.2s;
}


ul.flatflipbuttons li:hover b{
opacity: 1;
}

/* CSS for 2nd menu below specifically */

ul.second li a{

}

ul.second li a:hover{

}
.imgbutton {
	height: 86px;
	width: 89px;
	float: left;
}
.title .subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #031329;
}
.descrip {
	width: 300px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #05172E;
	line-height: 21px;
	font-weight: bold;
}


.title {
	width: 215px;
	float: left;
	height: 66px;
	padding-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #163D68;
	font-weight: bold;
	font-size: 18px;
	padding-top: 20px;
}
.footer {
	clear: both;
	height: auto;
	width: 100%;
	background-color: #163C68;
	border-top: 5px;
	border-top-style: solid;
	border-top-color: #011332;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 21px;
	color: #EFCB5B;
}
.morebutton {
	background-color: #00112F;
	height: auto;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0397D6;
	font-size: 14px;
	float: left;
	-moz-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	display: block;
}
.morebutton:hover {
	background-color: #163C68;
	height: auto;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #E9C14C;
	font-size: 14px;
	float: left;
	-moz-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	display: block;
}
.footertext {
	height: auto;
	width: 960px;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
}
.address {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #DDA92E;
	text-align: center;
}
.ministryareas {
	height: auto;
	width: 940px;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bolder;
	color: #00112F;
	letter-spacing: 2px;
	padding-left: 20px;
	clear: both;
	padding-top: 15px;
}

#facebook {
	background-image:url(images/facebook.png);
	background-repeat:no-repeat;
	background-position: center center;
	display:block
}
#facebook:hover {
	background-image:url(images/facebook-hover.png);
	background-repeat:no-repeat;
	background-position: center center;
	display:block

}

#youtube {
	background-image:url(images/youtube.png);
	background-repeat:no-repeat;
	background-position: center center;
	display:block
}
#youtube:hover {
	background-image:url(images/youtube-hover.png);
	background-repeat:no-repeat;
	background-position: center center;
	display:block

}

#sermon {
	background-image:url(images/sermon.png);
	background-repeat:no-repeat;
	background-position: center center;
	display:block
}
#sermon:hover {
	background-image:url(images/sermon-hover.png);
	background-repeat:no-repeat;
	background-position: center center;
	display:block
}
.content {
	height: auto;
	width: 920px;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #071C30;
	line-height: 21px;
	-moz-border-radius:0px 0px 20px 20px;
	border-radius:0px 0px 20px 20px;
	-webkit-border-radius:0px 0px 20px 20px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.location {
	width: 200px;
	height: auto;
	float: left;
}
.locationchurch {
	width: 360px;
	height: auto;
	float: left;
}
.form {
	width: 515px;
	float: left;
	height: 400px;
	padding-top: 0px;
	margin-top: auto;
	text-align: left;
	vertical-align: top;
}
.map {
	width: 400px;
	float: left;
	height: auto;
	text-align: left;
}
.about {
	width: 100%;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 26px;
}


.img-rounded {
  -webkit-border-radius: 6px;
  border-radius: 6px; }

.img-circle {
  -webkit-border-radius: 1000px;
  border-radius: 1000px; }



a.blog-image {
	-webkit-border-radius: 1000px;
	border-radius: 1000px;
	display: inline-block;
	border: 5px solid #F36F21;
	margin-bottom: 0.625rem;
	margin-left: 30px;
	margin-right: 10px;
	float:left;
	margin-top: 10px;
}

 a.blog-image .blog-image-text {
    display: none;
    position: absolute;
    top: 27%;
    text-align: center;
    width: 150px;
    color: #000; }

a.blog-image:hover {
background-color: $warning-color;
	border-color: #123D69;
}
.headers {
	height: auto;
	width: 98%;
	padding-top: 7px;
	padding-bottom: 5px;
	padding-left: 10px;
	float: left;
	padding-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #E2B33C;
	background-color: #123D69;
	margin-top: 10px;
	-moz-border-radius:10px 10px 0 0;
	border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
	text-transform: uppercase;
}
.subheader {
	font-size: 14px;
	text-transform: none;
}



a.blog-image:hover .blog-image-text {
      display: block;
      opacity: 1; }

a.blog-image:hover img {
      opacity: 1; }
.Hline {
	background-color: #163C68;
	height: 2px;
	width: 100%;
	margin-top: -19px;
}
.staff {
	width: 208px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	float: left;
	margin-bottom: 10px;
	border-left-width: thin;
	border-left-style: dotted;
	border-left-color: #071C30;
}
.titlestaff {
	width: 210px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	float: left;
	margin-bottom: 10px;
	background-color: #071C30;
	color: #E7C169;
	padding-top: 13px;
	padding-bottom: 13px;
	font-size: 16px;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	letter-spacing: 1px;
}
.dotline2 {
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #967118;
	clear: both;
	height: auto;
	width: 100%;
}
.gallery {
	float: left;
	height: 85px;
	width: 150px;
	margin-top: 20px;
	margin-left: 30px;
	margin-bottom: 5px;
}
.clock {
	width: 40px;
	float: left;
	margin-bottom: 10px;
}
.meetings {
	float: left;
	height: auto;
	width: auto;
	margin-bottom: 10px;
}
.sm-txt {
	font-size: 11px;
	line-height: 18px;
}
.give-img {
	height: 400px;
	width: 100%;
	background-image: url(images/give-online.png);
	background-repeat: repeat;
	background-position: center top;
}
.give-button {
	float: left;
	height: auto;
	width: auto;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	background-color: #FFFFFF;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 24px;
	-moz-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	display:block;
	border: thin solid #E6E6E6;
	color: #062549;
	margin-top: 5px;
}

.give-button:hover {
	float: left;
	height: auto;
	width: auto;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	background-color: #E2B238;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 24px;
	-moz-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	display:block;
	border: thin solid #D5A320;
	color: #062549;
	margin-top: 5px;
}
.give {
	float: right;
	height: auto;
	width:290px;
	margin-top: 290px;
	margin-right: 120px;
	color:#FFFFFF;
	
	font-weight: bold;
	font-size: 20px;

}