html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1.5;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
	font-family: 'Open Sans', sans-serif; color:#383b47;
}
a img, :link img, :visited img {border: 0}
table {border-collapse: collapse; border-spacing: 0}
ol, ul {list-style: none}
q:before, q:after,
blockquote:before, blockquote:after {content: ""}
strong {font-weight:bold}

/*#######################
  Element Styles 
#######################*/

body {font-size:12px; font-family: 'Open Sans', sans-serif; color:#383b47;}
a {outline:none; color:#1c8ed1; text-decoration:none}
	a:hover {text-decoration:underline}
p {line-height:1.5; margin:12px 0}
small {font-size:.8em; font-weight:normal}
em {font-style:italic}

h3 {margin:15px 0; font-size:1.25em; font-weight:bold}
h4 {margin:15px 0; font-size:1.25em; font-weight:bold}
h5 {margin-top:15px; font-weight:bold}

ol {margin:15px 0 15px 25px; line-height:1.5em; list-style-type:decimal}
	ol li {margin:10px 0}

.no_space {margin:0}


/*@media (max-width: 400px) { body { background:lime } }*/
@media (max-width: 400px) { #visibledevice {display:block}}

#visibledevice {display:none;}

#wrapper {overflow:hidden; width:920px; margin:0 auto;}

#header {float:left; width:920px; margin:0px 0 5px 0; padding-top:30px; background-color:#555555;}
#header img {float:center; display:block; margin:auto auto 15px auto}
#header h1 {float:left; margin-top:15px; font-size:1.75em; font-weight:bold; color:#fff}
#header h1 small {color:#d5d5d5}
#header h1 verse {color:#ffffff; margin:0px; padding:0px}
#header h6 {clear:both; margin-top:4px; font-size:1em; font-weight:bold; color:#d5d5d5}


#header button {
		background-color: #FF4500; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

@media (min-device-width:500px) {
#header button {
					display:none;
					}
	}
	
#header_menu {float:left; width:918px; margin:0px 0px 0px 0px; background-color:#FFFFFF;}
#header_menu hr {
	display:block;
	color:#000000;
	margin-top: 0.0px;
	margin-bottom: 0.1px;
	margin-left: auto;
	margin-right: auto;
	border-style: inset;
	border-width: 1px;
}
			
#navigation {clear:both; width:920px}
#navigation li {
		float:left;
		display:inline;
   	margin-right:1px;
		width:152px;
		text-transform:lowercase;
		font-size:1em;
		background-position:left top;
		background-repeat:no-repeat;
}
#navigation li a {
	display:block;
	padding:3px 0;
	width:152px;
	text-align:center;
	color:#000;
	text-decoration:none;
}

#navigation li a:hover {
	background-position:left top;
	background-repeat:no-repeat;
  margin-left:10pt;
}


#navigation li .category_link {position:relative;}		
				
                              
				/* Drop-Down Category Menu */												
#navigation li:hover #group_list, #navigation li.sfhover #group_list {left:auto} 

#group_list {position:absolute; top:auto; left:-999em; width:153px; border-top:1px solid #dd692a; background-color:#ef712d; z-index:100}

#group_list li {width:140px; margin:0; padding:5px; font-size:.85em; text-transform:none; background:#ef712d; z-index:100}
#group_list li a {display:block; padding:5px 5px 5px 15px; text-align:left; text-decoration:none; z-index:100}
#group_list li a:hover {text-decoration:underline; background:none; z-index:100}


#group_list {position:absolute; top:auto; left:-999em; width:153px; border-top:1px solid #555555; background-color:#ffffff; z-index:100;}
#group_list li {width:140px; margin:0; padding:2.5px; font-size:.85em; text-transform:none; background:#FFFFFF; z-index:100}
#group_list li a {display:block; padding:5px 5px 5px 15px; text-align:left; text-decoration:none; z-index:100}
#group_list li a:hover {text-decoration:underline; background:none; z-index:100}

#slideshow div {display:block; font-family: 'Open Sans', sans-serif; width:875px;}
#slideshow table {margin:auto;}
#slideshow img {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

#frontpageSectionWelcome {display:block; font-family: 'Open Sans', sans-serif; width:875px; height:340px;
background-image: url("/images/mainpagebible.jpg"); float:center; margin:auto auto auto auto;}
#frontpageSectionWelcome img {float: right; display:inline; margin-right:0px}
#frontpageSectionWelcome h1 {font-size:2em; line-height:1.15em; color:#FFFFFF; padding-left:10px;}
#frontpageSectionWelcome p {color:#FFFFFF; padding-left:10px;}
#frontpageSectionWelcome table {background-color:#555555; width:300px; height:340px; opacity:0.9;float:center; }
#frontpageSectionWelcome hr {width:95%;}

#frontpageSectionValues {
	display:block;
	font-family: 'Open Sans', sans-serif;
	width:875px;
	color:#555555;
	float:center;
	margin:auto auto auto auto;
}
#frontpageSectionValues h4 {text-align:center; font-weight:bold;}
#frontpageSectionValues span {color:#FF4500;}
#frontpageSectionValues p {text-align:center; font-weight:bold;}
#frontpageSectionValues p.verse {color:#FF4500;}

#footer {
	width:875px;
	font-size:.85em;
	color:#ffffff;
	background-color:#000000;
	display:block;
	font-family: 'Open Sans', sans-serif;
	height:180px;float:center;
	margin:25px auto 25px auto;
	padding-left:14px;
	padding-top:5px;
}
#footer p.highlight {color:#FF4500;}
#footer p.softlight {color:#F2F2F2;}
#footer a {color:#F2F2F2;}
#footer a:hover {color:#FF4500;}

/* #content Used on all pages as the default formating*/				
#content {display:block; font-family: 'Open Sans', sans-serif; width:875px; float:center; margin:auto auto auto auto; background-color:#ffffff; }
#content h5.highlight {color:#FF4500;font-weight:bold;}
#content h1.highlight {color:#FF4500;}
#content ul {list-style-type:disc; margin:30px;}
#content span.highlight {color:#FF4500;}
#content input {
	display: inline-block;
	border: 2px solid #FF4500;
	border-radius: 4px;
	font-size:x-large;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
#content input.button1 {
	background-color: #FF4500;
	border: none;
	color: white;
	padding: 6px 6px;
	text-align: top;
	text-decoration: none;
	display: inline-block;
	font-size: large;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
#content input.button1:hover {box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);}
#content a {colour:#FF4500;}
#contect iframe {display:inline; float:center;}
#content img.event {padding-left: 5px;padding-right:5px;padding-top: 5px;padding-bottom:5px; width:70px;}
#content img.youth {
	float:right;
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);}
#content img.upload {margin:10px;}
#content table {width:875px;}
#content th.event {color:#FF4500;font-weight:bold;}
#content tr:nth-child(even) {background-color: #f2f2f2;}
#content td.event {vertical-align:middle;padding-bottom:5px;}
#content tr:hover {background-color: #FF8F66;}
#content tr.event {margin:20px;padding-bottom:5px;}
#content td.sermon {padding:5px;}

#imggallery div.img {
	display:inline-block;
	margin: 10px;
	border: 1px solid #ccc; 
	float: center;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#imggallery div.desc {
	padding: 15px;
	text-align: center;
}

#frontimggallery {
	display:block;
	font-family: 'Open Sans',sans-serif;
	width:875px;
	height:308px;
	margin-left:auto;
	margin-right:auto;
	color:#555555;
	position:relative;
}

#frontimggallery div.img {
	align-content:center;
	display:inline-block;
	margin:5px;
	border: 10px solid #ffffff; 
	float: center;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#frontimggallery div.desc {
	font-size:small;
	padding: 7px;
	text-align: center;
}

#frontimggallery .button {
    background-color: #FF4500;
    border: none;
    color: white;
    padding: 5px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
}

#frontimggallery .buttonsoft1 {
    background-color: #000000;
		opacity:.8;
    border: none;
    color: #ffffff;
    padding: 5px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
		position: absolute;
		top: 186px;
		left:15px;
		width:265px;
		font-weight:bold;
		letter-spacing:1px;
}

#frontimggallery .buttonsoft2 {
    background-color: #000000;
		opacity:.8;
    border: none;
    color: #ffffff;
    padding: 5px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
		position: absolute;
		top: 186px;
		left:310px;
		width:265px;
		font-weight:bold;
		letter-spacing:1px;
}

#frontimggallery .buttonsoft3 {
    background-color: #000000;
		opacity:.8;
    border: none;
    color: #ffffff;
    padding: 5px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
		position: absolute;
		top: 186px;
		left:605px;
		width:255px;
		font-weight:bold;
		letter-spacing:1px;
}

#frontimggallery tr:hover {background-color:#ffffff;}

/* Not sure I need this Form Styles */
input, textarea {width:350px}	
input#submit {width:auto; font-weight:bold}								


#rsslist  {padding-top: 6px}
#rsslist li {margin-top:18px; font-size:1.1em;}          

.carousel-inner img {
    width: 100%;
    height: 100%;
  }