/************Variables****************/

@logo_red: #D40318;
@logo_blue: #00107E; 

/*****Header Section********/

body
	{
		background-image:url(../../images/gradient_bg.jpg);
		background-repeat:repeat-x;
		background-color: #FFF;
		
	}

#top_bar
	{
		width:100%;
		height:5px;
		background-color:#F7A818;
	}

header
	{
		width:100%;
		height:90px;
		margin:0;
		padding:0;
		color:#b2b2b2;
		background-color:#FFF;
	}

#header_wrapper
	{
		width:100%;
		/*height:75px;*/
		margin:0 auto;
	}

#logo
	{
		padding-top:2px;
		/*float:left;*/
	}
#members a
	{
		color:#FFF;
	}

#members a:hover
	{
		color:#CECECE;
	}

#social
	{
		/*float:right;
		width:80px;*/
		/*height:25px;*/
		margin:0;
		padding:5px;
		/*background:#ccc;*/
	}

#social ul
	{
		float:right;
		list-style-type:none;
		margin:0;
		padding:0;
	}

#social ul li
	{
		float:right;
		display:inline;
		padding-right:10px;
	}

#social img:hover
	{
		opacity: 0.5;
	}

#theme
	{
		padding-top:10px;
	}
	
a
	{
		text-decoration:none;
		color:inherit;
	}

#gallery_thumb img:hover
	{
		opacity:0.8;
		/*border:1px solid #060;*/		
	}
	
a:hover
	{
		text-decoration:underline;
		color: #737373;
	}

#content_right
	{
		text-align:justify;
		font-size:12px;
		color:#004891;
	}

#content_left
	{
		text-align:justify;	
	}

/*#content_left a
	{
		text-decoration:none;
		color:#0060BF;
	}
#content_left a:hover
	{
		text-decoration:underline;
		color: #8C4600;
	}*/
	
/*******nav begins********/	

nav
	{
		clear:both;
	}
	
nav ul
	{
		clear:both;
		background-color: #005DAA;
		overflow: hidden;
		color: #FFF;
		font-weight:bold;
		letter-spacing:1px;
		padding: 0;
		text-align: center;
		margin: 0;
		-webkit-transition: max-height 0.4s;
		-ms-transition: max-height 0.4s;
		-moz-transition: max-height 0.4s;
		-o-transition: max-height 0.4s;
		transition: max-height 0.4s;
	}
nav ul li
	{
		list-style-type: none;
		display: inline-block;
		padding: 10px 15px;
	}
	
nav ul li:hover
	{
		/*background-color: #17458F;*/
		background-color: #FFF;
		color: #F7A81B;
	}

nav ul li ul
	{
		width:220px;
		position:absolute;
		display:none;
		overflow: hidden;
		color: #FFF;
		background-color: #17458F;
		letter-spacing:1px;
		padding: 0;
		margin-top:-20px;
		text-align: left;
		margin: 0;
		-webkit-transition: max-height 0.4s;
		-ms-transition: max-height 0.4s;
		-moz-transition: max-height 0.4s;
		-o-transition: max-height 0.4s;
		transition: max-height 0.4s;
		z-index:9999999;			
	}

nav ul li ul li
	{
		float:none;
		width:220px;
		/*opacity:0.8;*/
	}

nav ul li ul li:hover
	{
		/*background-color: #005DAA;*/
		color: #17458F;
		text-decoration:none;
	}
	
nav ul li ul li a
	{
		display:block;
		padding:6px 9px;
		/*font-family:Arial, Helvetica, sans-serif;*/
		font-size:12px;
		color:#FFF;
		/*font-weight:bold;*/
		text-decoration:none;
	}

nav ul li:hover ul
	{
		display:block;
	}

nav li:hover
	{
		background-color:#004080;
		color:#000;
	}
	
/******End nav *********/

/*****handle******/

.handle
	{
		font-weight:bold;
		width: 100%;
		background-color: #005DAA;
		text-align:left;
		box-sizing: border-box;
		padding:15px 20px;
		color:#FFF;
		cursor: pointer;
		display:none; /*hides handle when in wider view*/
	}

/****handle ends*******/	


/*****Media query begins*********/

@media screen and (max-width: 768px)
	{
				
		nav ul
			{
				/* hides the nav in mobile view */
				max-height:0;
			}		
		.showing
			{
				max-height: 30em;
			}		
		nav ul li
			{
				box-sizing: border-box;
				width: 100%;
				padding: 15px;
				text-align:left;
			}		
		/*shows handle when in mobile view*/
		.handle
			{
				display:block;
			}
		
		header
			{
				height:150px;
			}
	}	

@media screen and (max-width: 992px)
	{
		header
			{
				height:160px;
			}
	}

/*@media screen and (max-width: 400px)
	{
		header
			{
				height:380px;
			}
	}	*/

/******Media query ends*******/

.sub_page_header
	{
		height:30px;
		background-color:#F7A818;
		color:#005DAA;
		text-align:center;
	}
	
#sub_page
	{
		margin-bottom:5px;
	}

#sub_page hover
	{
		text-decoration:none;
	}

#sub_page h4
	{
		margin:0px;
		padding:5px;
		size:12px;
		font-family: 'Open Sans', sans-serif;
		letter-spacing:1px;
		font-weight:500;
		
	}

.header1
	{
		height:30px;
		background-color: #FF7600;
		color:#FFF;
		text-align:center;
	}
	
#home_fellowship
	{
		margin-bottom:5px;
	}

#home_fellowship h4
	{
		margin:0px;
		padding:5px;
		size:14px;
		font-family: 'Open Sans', sans-serif;
		letter-spacing:1px;
		font-weight:600;
		
	}

#meeting_schedule
	{
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
	}

.logo_orange
	{
		color: #DF482C;
	}

#title
	{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		margin-top:15px;
		font-size:48px;
		color:#00356A;
		text-align:center;
	}


.hr
	{
		margin:10px 0 5px 0;
		padding:0;
		border:1px solid #004080;
	}

.img_padding_right
	{
		padding-right:5px;
	}
	
.box-shadow
	{
		box-shadow: 5px 5px 25px #000;
	}
.font-georgia
	{
		font-family:Georgia, "Times New Roman", Times, serif;
	}
.white_bg
	{
		background-color:#fff;
	}

.font_bree_serif
	{
		font-family: 'Bree Serif', serif;
	}

.font_merriweather_serif
	{
		font-family: 'Merriweather', serif;
	}

.color_blue
	{
		color:#0052A4;
	}

.color_red
	{
		color:#A60000;
	}

.font_bold
	{
		font-weight:bold;
	}

.no-margin
	{
		margin:0px;
	}

.no-padding
	{
		padding:0px;
	}

.font-18
	{
		font-size:18px;
	}

.text-center
	{
		text-align:center;
	}

.text-justify
	{
		text-align:justify
	}	

.text-gray
	{
		color:#666;
	}

.text-blue
	{
		color:#00376F;
	}

.text-gold
	{
		color: #F7A81B;
	}

.text-size10
	{
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		color:#9D0000;
	}

.right-img-padding
	{
		padding-top:20px;
	}
.img-padding
	{
		padding: 0 5px 0 0;
	}

.padding-top
	{
		padding-top: 10px;
	}

.padding-bottom
	{
		padding-bottom:10px;
	}
	
.site-footer
	{
		background-color:#EBEBEB;
		color:#737373;
		margin-top:10px;
		padding-top:10px;
	}

.text-bold
	{
		font-weight:bold;
	}

.text-color-blue
	{
		color:#0054A8;
	}

#address
	{
		font-size:14px;
	}

footer
	{
		/*background:url(../../images/footer_bg.jpg);*/
		height:200px;
		background-color:#E7E7E8;
	}

.bottom-footer
	{
		margin-top:0px;
		padding-top:10px;
		color:#fff;
		background-color:#005DAA;
	}

.footer-nav
	{
		list-style:none;
		text-align:left;
	}

.footer-nav li
	{
		display:inline;
	}

.footer-nav li:not(:first-child):before
	{
		content: '|';
		padding:0px 10px;
	}	

.footer-address
	{
		color:#000;
	}

.footer-nav a
	{
		color:#FFF;
	}

.footer-nav a:hover
	{
		color:#d92332;
		text-decoration:none;
	}

#lower-footer
	{
		height:80px;
		padding-top:10px;
		color: #FFF;
		background-color:#333333;
		letter-spacing:1px;
	}

#banner
	{
		width:73%;
		margin:0px auto;
	}
	
#outer_wrapper
	{
		width:100%;
		/*height:400px;*/
		background-color:#ccc;
	}

#wrapper
	{
		width:73%;
		/*height:400px;*/
		margin:0 auto;
		background-color:#9F9;
	}
	
#gallery_list
	{
		border:1px solid #909090;
		border-radius:5px;
		box-shadow:1px 1px 5px #000;
		padding: 0 10px;
		margin-bottom:10px;
		background-color:#006AB4;
		color:#FFF;
	}

#gallery_list a:hover
	{
		text-decoration:underline;
		color:#F3F3F3;
	}
	
.photo-shadow
	{
		box-shadow: 2px 2px 10px #000;
	}