/* CSS Resets */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {border:0;margin:0;padding:0;font-family: Georgia;}

ul {list-style-type: none;}

article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}

a img{border:0}

figure{position:relative}

figure img{width:100%}

body {
	background: url('..//images/bodybg.png') repeat-x;
	}

.container {}
        
.row {
	width: 100%;
	max-width: 1080px;
	min-width: 755px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 5px;
	}

.row .onecol {
	width: 10%;
	float: left; 
	}

.row .twocol {
	width: 20.45%;
	float: right;
	background-color: #eee;	
	border-radius: 5px;
	border: 2px solid #ccc;
	}

.row .twocol p {
	font-size: 12px;
	text-align: center;
	}

.row .elevencol .twocol h3 {
	text-align: center;
	border: 0;
	margin: 0;
	}

.row .twocol h4 {
	text-align: center;
	}

.row .twocol a {
	text-align: center;
	color: #000099;
	margin: 0 auto;
	width: 150px;
	display: block;
	}

.row .ninecol {
	width: 74.05%;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	border: 2px solid #ccc;		
	background-color: #eee;
	border-radius: 5px;
	min-height: 650px;
	}

.row .ninecol p {
	padding: 5px;
	text-align: justify;
	}

.row .ninecol h1 {
	}

.row .elevencol {
	width: 80.35%;
	float: right; /*geo*/
	}

.row .elevencol h3 {
	text-align: center; 
	width: 75%;
	margin: 0 auto;
	}
/*
.row .elevencol .audiobox .h3 {
	text-align: center;
	}
*/
.last {
	margin-right: 0px;
	}

.banner {
	position: relative;
	}

.banner .banner_img_slider {
	float: left;
	}

.banner_text {
	position: absolute;
	top: 0px;
	left: 25px;
	background: #fff;
	width: 200px;
	height: 75px;
	z-index: 4;
	}

.bios img {
	float: left;
	margin-right:25px;
	margin-top: 25px;}

.sermon_header {
	text-align: center;
	}

.quote {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 50px; 
	padding-left: 15px; 
	border-left: 3px solid #ccc; 
	font-weight: bold; 
	font-style: italic;
	}

img, object, embed {
	max-width: 100%;
	}

img {
	height: auto;
	}

/*image styles for image page*/
.img_container {
	width: 600px;
	margin: 0 auto;
	}

.img_wrapper {
	width: 240px;
	height: 180px;
	position: relative;
	float: left;	
	margin-top: 15px;
	margin-left: 35px;
	border: 2px solid #ccc;
	}

.img_container img {
	border: 0;
	}

.pic_portal_caption {
	width: 100%;
	height: 25px;
	text-align: center;
	font-weight: bold;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-color: #ccc;
	border-top: 1px solid #c1c1c1;
	}
	
.img_wrap {
	float: right;
	margin-right: 5px;
	margin-left: 15px;
	border: 3px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

.horborder {
	width: 50%;
	border: 1px solid #c1c1c1;
	margin: 0 auto;
	}

.thirdcolimgs {
	margin-left: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
}

#footer {
	width: 100%; 
	height: 75px; 
	padding-top:11px; 
	margin-top: 15px; 
	position:relative; 
	background-color: #A10000;
}

#footernavcontainer {
	width: 450px;	
	margin: 0 auto;
	}

#footer ul {}

#footer ul li {
	float: left;
	}

#footer ul li a {
	text-decoration: none;
	color: #fff;
	padding-right: 25px;
	
	}
	
#footer ul li a:link, #footer ul li a:visited {}
#footer ul li a:hover {
	text-decoration: underline;
	}
#footer address {
	margin-top: 5px;
	
	}
	
/*side navigation*/
.navigation {
	margin-top: 5px;	
	}

.navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 180px;
	
	}

.navigation ul li {
	position: relative;
	font-variant:small-caps; 
	}
 
.navigation li ul {
	position: absolute;
	left: 181px;
	top: 0;
	display: none;
	}

.navigation ul li ul {
	postion: absolute; 
	left: 181px;
	top: 0;
	display: none;
	}

.navigation ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	background: #A10000;
	font-size: 16px;
	padding: 5px;
	border: 1px solid #810000;
	border-radius: 1px;
	margin-top: 1px;
	}

#sidenavtopborder {
		
	}


#greenLink {
	color: #000;
	font-weight: bold;
	}

.audiobox {
	margin-top: 25px;
	margin-left: 25px;
	border: 1px solid #ccc;
	padding: 5px;
	}
	
.navigation ul li a:link, ul li a:visited{}
	
.navigation ul li a:hover {
	background: #B43333;
	border: 1px solid #B43333;
	}

.navigation li:hover ul {
	display: block;
	}

.navigation .sm_cap {
	font-size: 0.8em;
	}

.break { clear:both; }

/*blog*/

.blog h1 {
	font-size: 1.3em;
	color: #000000;
	font-family: Garamond;
	}

.blog_heading {
	margin-top: 25px;
	background: #CCCCEB;
	padding-left: 15px;
	padding-right: 15px;
	
	/*border: 1px solid #6666C2;*/
	/*
	border-top: 1px dotted #6666C2;
	border-bottom: 1px dotted #6666C2;
	*/
}

.read_more {
	color: #990000;
	
	}
/*light box for images */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }
#overlay{ background-image: url(overlay.png); }
* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	
/* HEADER */
#header { height:450px; }
.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:600px; position:absolute; }

/* TOP NAVIGATION */
#nav-outer { width: 100%; height: 75px; padding-top:11px; position:relative; top:0px; background-image:url("../images/headerbg2.png"); }
#navigation { width:960px; margin:0 auto; /*background-image:url("../images/logo.png"); background-position:top left; background-repeat:no-repeat; */}
#logo {color: #fff; margin-bottom: 50px;}

/*TOP MENU */
#menu { position:relative; }
#menuholder {float: left; background-color: rgba(245, 245, 245, 0.9);}
#menu ul { list-style:none; }
#menu ul li { display:inline; font-variant:small-caps; font-size: 20px;}
#menu ul li a { color:#000; text-decoration:none; font-weight:bold; padding-right:20px; }
#menu ul li a:hover { text-decoration:underline; }

/* HEADER TEXT */
#headertxt { width:960px; margin:0 auto; clear:both; position:relative; top:74px; }
#firstline {background-image:url("../images/textbg.png"); color:#333; /*font-size:40px;*/ padding:4px 13px 7px; float:left; display:block; }
#secondline {background-image:url("../images/textbg.png"); color:#CD2B3A; text-decoration:none; /*font-size:60px;*/ padding:0 13px 10px; float:left; display:block; clear:both; }
#secondline:hover { text-decoration:underline; color:#7F000C; }

.pictured { border-radius: 5px; background-color:#338533; color:#FFF; font-size:12px; padding:9px 16px; text-transform:uppercase; float:left; display:block; clear:both; margin-top:10px; }
.pictured a { font-size:16px; font-style:italic; letter-spacing:0; text-transform:none; color:#FFF; text-decoration:none; }
.pictured a:hover { text-decoration:underline; }


/* Smaller screens */
@media only screen and (max-width: 1023px) {
	body {
	font-size: 0.8em;
	line-height: 1.5em;
	}
}
/* Mobile */
@media handheld, only screen and (max-width: 767px) {
	body {
	font-size: 16px;
	-webkit-text-size-adjust: none;
	}
.row, body, .container {
	width: 100%;
	min-width: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}
.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row 
.twelvecol {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	}
}