/*New Hope Church CSS File
Created by Eric E Zanke
20100828*/

/*RESET*/

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, b, u, i, center, 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%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

#Grid_1 ul {
	font-size: 11px;
	margin-top: 10px;
}
#Grid_1 ul.left {
	margin-left: 15px;
}
#Grid_1 li {
	list-style-type: disc;
	list-style-position: inside;
	color:#043757;
	font-size:12px;
	line-height:16px;
	margin: 0 0 15px 0;
}
body#innerPage.gallery #Grid_1 li {
	list-style-type: none;
	display: inline;
	float: left;
}

blockquote, q {
	margin-left: 40px;
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}



/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*RESET END*/

/*GLOBAL STYLES*/

/*COLORS

color:#71aacc; (powder blue - footer nav)
color:#3e7fa9; (lighter blue - crumbnav)
color:#043757; (medium blue - para text)
color:#edde39; (yellow)

*/
/* img { behavior: url(/comps/media/css/js/iepngfix.htc) } */
body {
	background: url(/comps/media/images/bodyBack.gif) 50% 100px repeat-x #256d98;
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	/* -webkit-text-stroke: 1px transparent; */
}
#wrapper {/*site container*/
	display: block;
	width: 970px;
	margin: 0 auto;
}
#Grid_1, #Grid_2, #Grid_3 {/*content columns*/
	display: block;
	float: left;
	position: relative;
	padding:  5px 20px 20px 20px;
}

#Grid_1 {
width: 70%;
}
#Grid_1.sermons {
width: 100%;
}

#Grid_2 {
width: 20%;
padding:0;
float: right;
}
body#innerPage #Grid_1.contact {
width: 50%;
}
body#innerPage #Grid_2.contact {
width: 35%;
padding:0;
float: left;
margin-left: 30px;
}

body#innerPage #Grid_2.contact p {
margin: 0 0 7px 0;
}

body#innerPage #Grid_2.contact input#from, #Grid_2.contact input#subject {
width: 245px;
height: 20px;
border:1px solid #3e7fa9;
padding: 0 5px;
}
body#innerPage #Grid_2.contact textarea#message {
width: 255px;
height: 255px;
border:1px solid #3e7fa9;
}

#main, .page {/*content containers*/
	display: block;
	position: relative;
}



#pNav {/*primary navigation container*/
	display: block;
	width: 970px;
}
h1, h2, h3, h4, h4, h5, h6 {
	font-weight: normal;
}
h1 {
	color:#043757;
	font-size: 24px;
	margin: 0 0 8px 0;
}
h2 {
	color:#043757;
	font-size: 18px;
	margin: 20px 0 6px 0;
}

h3 {
	color:#043757;
	font-size: 16px;
	margin: 12px 0 4px 0;
}
h4 {
	color:#043757;
	font-size: 14px;
	margin: 8px 0 4px 0;
}
h5 {
	color:#043757;
	font-size: 12px;
	margin: 6px 0 4px 0;
}
h6 {
	color:#043757;
	font-size: 12px;
	margin: 2px 0 3px 0;
}
p {
	display: block;
	color: #043757;
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 10px 0px;
}
.right {
	float: right;
	margin: 0 0 20px 20px;

}
p a {
	text-decoration: none;
}
a {
	color: #043757;
	text-decoration: none;
}
a:hover {
	color: #3E7DA6;
	text-decoration: underline;
}
.clear {
	clear: both;
}
.clearright {
	clear: right;
}
/*GLOBAL STYLES END*/

/*PAGE STYLES*/

#wrapper .headerTop {
	display: block;
	width: 970px;
	height: 19px;
	background: url(/comps/media/images/siteSprite2.png) 5px -144px;
}
#header {
	display: block;
	width: 920px;
	height: 305px;
	background: url(/comps/media/images/pageBack.png) 5px 0 repeat-y;
	padding: 0 26px;
}
#logo {
	display: block;
	width: 920px;
	height: 305px;
	position: absolute;
	top: 0;
	left: 1px;
	background: transparent url(/media/images/white.png) 0 0;
	margin: 0 0 0 0;
	z-index: 400;
}
#header #main {/*slideshow container*/
	display: block;
	float: left;
	width: 920px;
	height: 305px;
}
#slideshow {
	display: block;
	position: absolute;
	width: 918px;
	height: 305px;
	margin: 0 auto;
	position: static;
	background: transparent url(/media/images/slides_overlay.png) top left no-repeat;
	z-index: 100;
}

#features {
	/* z-index: 300; */
}
/*
#features .slide {
	position: relative;
	z-index: 350;
}
*/
#features .slide img a {
	position: relative;
	z-index: 500;
}
#features .slide h4 {
	position: absolute;
	top: 140px;
	left: 40px;
	font-size: 36px;
	color: #043757;
	width: 400px;
	text-align: center;
	font-family: "Century Gothic";
}
#features .slide h4 span {
	color: #ebdc38;
	font-style: italic;
}

#header .page {/*site search / button*/
	display: block;
	/* height: 100px; */
	width: 300px;
	position: absolute;
	top:0;
	right:0;
	/* background: pink; */
	z-index: 300;
}
#search {
	display: block;
	float: right;
	width: 190px;
	height: 40px;
	margin-top: 20px;
}
#search form {
}
#search input {
	background:none;
	border:none;
}
#searchBack {
	float: left;
	background: url(/comps/media/images/searchFieldBack.png) 0 0 no-repeat;
}
input.invis {
	display: inline;
	width: 146px;
	height: 30px;
	color:#6189a2;
	text-align: center;
	font-size: 11px;
	padding-bottom: 5px;
	font-weight: normal;
}
input#button {
	border:0 none;
	display: inline;
	margin-left: -0px;
}
#newButton {
	display: block;
	float: right;
	width: 193px;
	height: 65px;
	margin-top: 20px;
}


/* PRIMARY NAV */

	#pNav {
	display: block;
	width: 950px;
	margin: 0 26px;
	/* float: left; */
	position: absolute;
}
#pNav ul {
	display: block;
	float: left;
/* 	margin-left: 26px; */
	}
#pNav li {
	display: inline;
	float: left;
	position: relative;
}
#pNav li a {
	display: inline-block;
	height: 46px;
	/* width: 115px; */
	/* padding: 0 25px; */
	text-align: center;
	color: #FFF;
	background: url(/comps/media/images/siteSprite2.png) -80px -288px;
}
#pNav li a span, #pNav li a em {
	display: block;
	height: 46px;
	line-height: 44px;
	color: #FFF;
	position: relative;
	float: left;
	font-style: normal;
}
#pNav li a span {
	padding-left: 30px;
}
#pNav li a em {
	padding-right: 30px;
}

#pNav li.pipe span {
	display: block;
	width: 2px;
	height: 46px;
	background: url(/comps/media/images/siteSprite2.png) -418px -288px;
}
#pNav li a:hover {
	background-position: -80px -342px;
	text-decoration:none;
}
#pNav li.first a {
	background: url(/comps/media/images/siteSprite2.png) -20px -288px;
}
#pNav li.first a:hover {
	background-position: -20px -342px;
}
#pNav li.last a {
	background: url(/comps/media/images/siteSprite2.png) -612px -288px;
}
#pNav li.last a:hover {
	background-position: -612px -342px;
}
#pNav li.first a em {
	background: none;
}
#pNav li.last a em {
	background: none;
	padding-right: 26px;
}

#pNav li.first a em, #pNav li.last a em {
padding-right: 28px;
}

#pNav li.first a span, #pNav li.last a span {
padding-left: 28px;
}

/* -------- SAFARI ADJUST FOR PNAV ------------ */

@media screen and (-webkit-min-device-pixel-ratio:0) {

#pNav li.first a em {
padding-right: 25px;
}

#pNav li.first a span {
padding-left: 25px;
}

}
/* -------------------------------------------- */

/* SUB NAV */

#nav-sub {
padding: 30px 10px;
}

#nav-sub li {

}

#nav-sub li a {
display: inline-block;
font-size: 12px;
line-height: 18px;
color: #4e83a8;
}

#nav-sub li a:hover {
color: #043757;
}

#nav-sub li li {
	margin-left: 15px;
}


#content {
	display: block;
	float: none;
	width: 970px;
	/* height: 405px; */
background: url(/comps/media/images/pageBack.png) 5px 0 repeat-y;
	padding-bottom: 20px;
	padding-top: 45px;
	margin: 0 auto;
}
#content .page {
	display: block;
	float: left;
	width: 920px;
	/* height: 450px; */
	margin: 0 26px;
	background: #d0dde5;
}

#pageBottom {/* rounded corner bottom for #content .page */
display: block;
height: 25px;
width: 920px;
background: url(/comps/media/images/pageBottom.gif) 0 0 no-repeat;
margin: 0 26px 0 26px;
}
#crumbNav, #crumbNav ul {
	display: block;
	float: left;
	position: relative;
	clear: both;
}
/*
#crumbNav ul {
	margin: 5px 0 10px 0;
}
#crumbNav li {
	display: inline;
	float: left;
	position: relative;
	padding: 0 5px;
}
#crumbNav li.first {
	padding: 0;
}
#crumbNav li a {
	display: block;
	font-size: 11px;
	color: #3e7da6;
}
#crumbNav li a:hover {
	color: #043757;
}
*/
p#crumbNav, p#crumbNav a {
	display: inline-block;
	font-size: 11px;
	color: #3e7da6;
}
p#crumbNav {
	color: #3e7da6;
}
p#crumbNav a:hover {
	color: #043757;
}
#welcome {
	display: block;
	float: left;
	height: 100px;
	padding: 15px 30px 0 30px;
}
#welcome p {
	font-size: 12px;
	line-height: 18px;
}
#featureWrap {
	display: block;
	width: 900px;
	/* height: 200px; */
margin: 0 auto;
}
body#innerPage #Grid_1 {
	width: 580px;
	padding: 0 25px;
}

/* SERMONS PAGE */

body#innerPage.sermons #Grid_1 {
	width: 870px;
	padding: 0 25px 25px;
	/* background: pink; */
}

#videoContainerLeft {
display: block;
float: left;
width: 388px;
height: auto;
background: #bcd4e4;
}
#videoContainerLeft video {
width: 342px;
}
#videoContainerLeft audio {
width: 342px;
}

#videoContainerLeft .top {
display: block;
width: 388px;
height: 10px;
background: url(/comps/media/images/videoLeftTop.png) 0 0 no-repeat;
margin-top: -10px;
}

#videoContainerLeft .middle {
display: block;
float: left;
width: 342px;
/* height: 342px; */
background: #bcd4e4;
padding: 0 24px 0 24px;
}

#videoContainerLeft .middle #video_1 {
/* display: block!important; */
}

#videoContainerLeft .caption {
background-color: #79A6C2;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;


padding: 10px;
margin-top: 10px;
}



#videoContainerLeft .middle .caption h2 {
margin: 0 0 3px 0;
color: #edf3f7;
}

#videoContainerLeft .middle .caption h3 {
margin: 0 0 0 0;
color: #edf3f7;
}

#videoContainerLeft .middle .caption p {
font-size: 14px;
color: #043757;
margin: 5px 0 5px 20px;
}

#mediaBox {
display: block;
width: 157px;
background-color: #79A6C2;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 5px;
}

#mediaBox.video {
float: left;
}

#mediaBox.audio {
float: right;
}

#mediaBox span {
display: block;
float: left;
width: 167px;
padding-bottom: 4px;
background: url(/comps/media/images/mediaBoxBottom.png) center bottom no-repeat;
}
#mediaBox em {
display: block;
float: left;
width: 147px;
/* height: 80px; */
padding: 0 10px 5px 10px;
background:#79a6c2;
}


#mediaBox p {

margin-bottom: 10px;
}
#mediaBox .wimpyplayer {
	margin-bottom: 5px;
	line-height: 24px;
	vertical-align: middle;
	height: 24px;
	display: block;
	color: #FFF;
}

#mediaBox p a {
display: block;
float: left;
padding-left: 25px;
margin-right: 3px;
color: #edf3f7;
}

#mediaBox li a:hover {
color: #c7e4f7;
}

#mediaBox li a.play {
background: url(/comps/media/images/playIcon.gif) left center no-repeat;
}

#mediaBox p a.download {
background: url(/comps/media/images/downloadIcon.gif) left center no-repeat;
height: 18px;
}


div.mediaIcon {
display: block;
width: 35px;
height: 35px;
float: left;
margin-right: 5px;
}

div.mediaIcon.video {
background: url(/comps/media/images/videoIcon.gif) center center no-repeat;
}

div.mediaIcon.audio {
background: url(/comps/media/images/audioIcon.gif) center center no-repeat;
}


#videoContainerLeft .bottom {
display: block;
float: left;
width: 388px;
height: 10px;
background: url(/comps/media/images/videoLeftBottom.png) 0 0 no-repeat;
margin-bottom: -10px;
}

#videoSelectRight {
display: block;
float: left;
width: 388px;
height: auto;
margin-left: 30px;
}

#videoSelectRight .top {
display: block;
float: right;
width: 388px;
height: 10px;
background: url(/comps/media/images/videoRightTop.png) 0 0 no-repeat;
margin-top: -10px;
}

#videoSelectRight .middle {
display: block;
float: right;
width: 340px;
/* height: 340px; */
position: relative;
background: #96bad1;
padding: 0 24px 0 24px;
}

#videoSelectRight .bottom {
display: block;
float: right;
width: 388px;
height: 10px;
background: url(/comps/media/images/videoRightBottom.png) 0 0 no-repeat;
margin-bottom: -10px;
}







.ipLeft {
	padding: 0 0;
}
.ipLeft ul {
	margin-right: 2%;
}
#Grid_1 .ipLeft li {
	margin-left: 15px;
}
#Grid_1 .ipLeft ul li {
	list-style-type: disc;
}
#Grid_1 .ipLeft ol li {
	list-style-type: decimal;
}
body#innerPage #Grid_2 {
	display: block;
	float: left;
	width: 280px;
	/* height: 650px; */
	background: url(/comps/media/images/pageRuleVert.png) center left no-repeat;
}

#innerPage.resources #Grid_1 {
	width: 620px;
}
#innerPage.resources #Grid_2 {
	width: 240px;
	font-size: 0.8em;
}


body#innerPage #Grid_2 #contact_form {
	margin-left: 25px;
}

body#innerPage #ipImage {
	display: block;
	width: 198px;
	margin: 50px auto 30px auto;
}
body#innerPage #ipImage.last {
	display: block;
	width: 198px;
	margin: 0 auto;
}
body#innerPage #ipImage h4 {
	font-size: 12px;
	line-height: 16px;
	color: #306282;
	font-weight: bold;
	margin: 3px 0 5px;
}
body#innerPage #ipImage p {
	display: block;
	font-size: 11px;
	line-height: 14px;
	color: #306282;
}
/* ipImage buttons */

body#innerPage #ipImage a.button {
	display: inline-block;
	width: auto;/* margin-left: 10px; */
}
body#innerPage #ipImage a.button span {
	background: transparent url(/comps/media/images/ipButtonSml.png) no-repeat scroll top left;
	color: #444;
	display: block;
	width: 10px;
	float: left;
	height: 22px;
	text-decoration: none;
}
body#innerPage #ipImage a.button b {
	background: transparent url(/comps/media/images/ipButtonSml.png) no-repeat scroll top right;
	display: inline-block;
	width: auto;
	height: 12px;
	font-size: 11px;
	font-weight: normal;
	padding: 4px 20px 6px 0;
	color:#306282;
}
body#innerPage #ipImage a.button em {
	display: block;
	width: 5px;
	height: 13px;
	float: right;
	position: relative;
	top:6px;
	right:15px;
	background: transparent url(/comps/media/images/siteSprite2.png) -400px -475px no-repeat;
}


/* inner page gallery */

#container {


}

#image{
/* border:4px #666 solid; */
/* height:480px; */
width:580px;
}

.thumb{
float:left;
margin-right:10px;
margin-top:10px;
}


body#innerPage #featureWrap {
	margin-left: -15px;
}
#homeFeature {
	display: block;
	width: 280px;
	height: 290px;
	float: left;
	position: relative;
	background: url(../images/homeTileBack.gif) right center no-repeat;
	margin: 30px 10px;
	}
body#innerPage #homeFeature {
	display: block;
	width: 275px;
	height: 280px;
	float: left;
	position: relative;
	}
body#innerPage #homeFeature span {
	display: block;
	width: 275px;
	height: 280px;
	float: left;
	position: relative;
	padding: 10px 0;
}
#homeFeature h2 {
	display: block;
	width: 270px;
	border-style: solid;
	border:0;
	background: transparent;
	font-family:Lucida Calligraphy, Times New Roman, Times, serif;
	font-size:22px;
	font-weight: normal;
	line-height: 40px;
	color:#FFF;
	text-align: center;
	text-shadow: #2d5269 3px 3px 4px;
	margin: 0;
}
body#innerPage #homeFeature h2 {
	display: block;
	width: 275px;
	border-style: none;
	border:0;
	background: transparent;
	font-family:Lucida Calligraphy, Times New Roman, Times, serif;
	font-size:22px;
	font-weight: normal;
	line-height: 40px;
	color: #306282;
	text-align: center;
	text-shadow: #b4c4cd 3px 3px 4px;
	margin: 0;
}
#homeFeature .content {
	display: block;
	width: 230px;
	padding: 10px 20px 20px 20px;
}
body#innerPage #homeFeature .content {
	display: block;
	width: 230px;
	margin-top: -10px;
	padding: 10px 20px 20px 20px;
}
#homeFeature .content .item {
	width: 230px;
	padding-bottom: 5px;
	border-bottom: 1px solid #f0f4f7;
	margin-bottom: 5px;
}
#homeFeature.generic .content .item {
	border: 0;
}
#homeFeature h3 {
	font-size:16px;
	font-weight: normal;
	color:#3d7da4;
	margin-bottom: 5px;
}
#homeFeature h3 a {
	display: block;
	color:#3d7da4;
	text-decoration: underline;
	margin-bottom: 10px;
}
#homeFeature h3 a:hover {
	color:#4c9ac9;
}
#homeFeature h5 {
	display: block;
	font-size:12px;
	font-weight: normal;
	color:#3d7da4;
}
#homeFeature h5 a {
	color:#03314E;
	text-decoration: underline;
}
#homeFeature p {
	font-size:11px;
	font-weight: normal;
	color:#3d7da4;
}
#homeFeature p a {
	color:#03314e;
	text-decoration: underline;
}
#homeFeature.services .content {/* scrollable content container (services) */
	height: 200px;
	overflow-y: hidden;
}
#homeFeature.services .content .item {
	width: 200px;
}
#homeFeature.calendar {
}
#homeFeature.location .content .item {
	border: 0;
}
#homeFeature.location h3 {
	margin-top: 15px;
}
/*---homeFeature buttons---*/

body#innerPage #homeFeature a.button {
	display: inline-block;
	width: auto;
	margin-top: 10px;
}
body#innerPage #homeFeature a.button span {
	background: transparent url(/comps/media/images/hfButton.png) no-repeat scroll top left;
	color: #444;
	display: block;
	width: 20px;
	float: left;
	height: 36px;
	text-decoration: none;
}
body#innerPage #homeFeature a.button b {
	background: transparent url(/comps/media/images/hfButton.png) no-repeat scroll top right;
	display: inline-block;
	width: auto;
	height: 20px;
	line-height: 17px;
	font-weight: normal;
	padding: 8px 30px 8px 0;
	color:#306282;
}
body#innerPage #homeFeature a.button em {
	display: block;
	width: 5px;
	height: 13px;
	float: right;
	position: relative;
	top:11px;
	right:22px;
	background: transparent url(/comps/media/images/siteSprite2.png) -400px -450px no-repeat;
}


/* scrollable content styles */

div#wn {
	position:relative;
	width:230px;
	height:330px;
	overflow:hidden;
}
div#scrollLinks {
	display: block;
	position: absolute;
	top: 5px;
	right: -5px;
	width: 30px;
	height: 180px;
}
div#scrollLinks a {
	display: block;
	width: 20px;
	height: 20px;
}
div#scrollLinks a.mouseover_down {
	margin-top: 285px;
}

/* scrollable sermons page (video content) styles */

body.sermons div#wn {
	position:relative;
	width:340px;
	height:275px;
	overflow:hidden;
}
body.sermons div#wn ul {
display: block;
width: 340px;
}
body.sermons div#wn li {
list-style-type: none;
display: block;
width: 330px;
}

body.sermons div#wn li.rule {
list-style-type: none;
display: block;
height: 4px;
margin: 5px 0px;
background: url(/comps/media/images/videoSelectLiBorder.png) center center no-repeat;
}

body.sermons div#wn li.rule:hover {
background-color: #96BAD1!important;

}
body.sermons div#wn li:hover {
background-color:#c5d9e6;
-moz-border-radius: 0 8px 8px 0;
-webkit-border-radius: 0 8px 8px 0;
}

body.sermons div#wn li a.vid_thumb {
display: block;
width: 75px;
height: 75px;
float: left;
}

body.sermons div#wn li a.vid_thumb img {
opacity:0.7;
filter:alpha(opacity=70);
}

body.sermons div#wn li:hover a.vid_thumb img {
opacity:1;
filter:alpha(opacity=100);
}

body.sermons div#wn li a.vid_thumb.active img {
opacity:0.9;
filter:alpha(opacity=90);
}

body.sermons div#wn li div.vid_caption {
display: block;
height: 75px;
/* width: 275px; */
}

body.sermons div#wn li div.vid_caption h4 {
font-size: 12px;
font-weight: bold;
color: #043757;
width: 255px;
margin: 0 0 -5px 85px;
/* margin-left: 85px; */
}
body.sermons div#wn li div.vid_caption p {
display: block;
width: 255px;
margin: 10px 0 0 85px;
color: #043757;
}

/* TABS STYLES */



ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	width: 100%;
	margin-bottom: -1px;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border-left: none;
	margin-bottom: -2px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #518aad;
	list-style: none;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
}

#Grid_1 ul, #Grid_1 li {
list-style: none;
}


#Grid_1.sermons li, #Grid_1.sermons li.rule {
margin:0;
}

#Grid_1.sermons li.rule {
height: 2px;
border-top: 1px solid #71aacc;
margin: 0 0 10px 0;
}

ul.tabs li a {
	text-decoration: none;
	color: #365f79;
	display: block;
	font-size: 1.2em;
	padding: 5px 20px 4px;
	outline: none;
}
ul.tabs li a:hover {
	color: #043757;
	background: #bcd3e3;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
}

ul.tabs li.active a {
color: #043757;
}

html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #bcd3e3;
	border-bottom: 1px solid #bcd3e3; /*--Makes the active tab look like it's connected with its content--*/
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
}

#Grid_1 .tab_container li {
line-height: 11px;
}

#Grid_1 .tab_container li.rule {
list-style-type: none;
display: block;
height: 4px;
margin: 5px 0px;
background: url(/comps/media/images/mediaRule.png) center center no-repeat;
}

.tab_container {
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left;
	width: 100%;
	background: #bcd3e3;
	-moz-border-radius: 0 8px 8px 8px;
	-webkit-border-radius: 8px;
}
.tab_content {
	float: left;
	padding:  15px 10px 20px 10px;
	font-size: 1.2em;
}

.tab_content h3 {
margin: 0 0 15px 10px;
}

.tab_content ul {
margin-left: 15px;
}

.tab_content li a {
color: #376b8e;
}

.tab_content li a:hover {
color: #043757;
}



/* TABS END */




div.linkedMedia {
display: block;
height: 50px;
width: 340px;
background: url(/comps/media/images/mediaRule.png) center top no-repeat;
margin-top: 20px;
}

div.linkedMedia ul {
display: block;
float: left;
position: relative;
margin-top: 10px;
margin: 10px 0 0 30px;
}

div.linkedMedia li {
display: block;
float: left;
position: relative;
margin-right: 15px;
}

div.linkedMedia li a {
display: block;
line-height: 30px;
float: left;
position: relative;
color: #3e515d;
}

div.linkedMedia li a em {
font-style: normal;
margin-left: 5px;

}

div.linkedMedia li a.facebook, div.linkedMedia li a.twitter, div.linkedMedia li a.linkedIn {
display: block;
float: left;
height: 30px;
padding-left: 30px;
margin-right: 5px;
background: url(/comps/media/images/facebookIcon.png) left center no-repeat;
}

div.linkedMedia li a.twitter {
background: url(/comps/media/images/twitterIcon.png) left center no-repeat;
}
div.linkedMedia li a.linkedIn {
background: url(/comps/media/images/linkedInIcon.png) left center no-repeat;
}

div.linkedMedia li a.email, div.linkedMedia li a.rss, div.linkedMedia li a.bookmark {
display: block;
float: left;
height: 30px;
padding-left: 30px;
margin-right: 5px;
background: url(/comps/media/images/emailIcon.png) left center no-repeat;
}

div.linkedMedia li a.rss {
background: url(/comps/media/images/rssIcon.png) left center no-repeat;
}
div.linkedMedia li a.bookmark {
background: url(/comps/media/images/bookmarkIcon.png) left center no-repeat;
}

div.linkedMedia li a:hover {
display: block;
float: left;
position: relative;
color:#043757;
}

div.linkedMedia li {
display: block;
float: left;
position: relative;
}




body.sermons div#scrollLinks {
	display: block;
	position: absolute;
	top: 10px;
	right: 0px;
	width: 30px;
	height: 180px;
}
body.sermons div#scrollLinks a {
	display: block;
	width: 20px;
	height: 20px;
}
body.sermons div#scrollLinks a.mouseover_down {
	margin-top: 225px;
}




#locationImage {
	display: table-cell;
	width: 220px;
	height: 120px;
	-moz-border-radius:10px;
	border-style: solid;
	border:0;
	background: #043757;
	text-align: center;
	vertical-align: middle;
	-moz-box-shadow: 3px 3px 4px #043757;
	-webkit-box-shadow: 3px 3px 4px #043757;
	box-shadow: 3px 3px 4px #043757;
	/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#043757')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#043757');
}
#locationImage span a {
	display: block;
	color: #8cb1c8;
}
#footer {
	display: block;
	width: 970px;
	height: 100px;
	/* background: #236c97; */
clear: both;
	margin: 0 auto;
}
#footer .top {
	display: block;
	width: 970px;
	height: 55px;
	background: url(/comps/media/images/siteSprite2.png) 5px -198px;
	clear: both;
}
#media {
margin-left: 30px;
padding-left: 160px;
margin-top: -20px;
height: 44px;
background: transparent url(/media/images/followus.png) 0 50% no-repeat;
}

#media a {
	float: left;
	display: block;
	width: 102px;
	height: 44px;
	text-indent: -9000px;
	background: url(/media/images/facebook.png) 0 50%;
	margin-right: 10px;
}

#media a.twitter {
	width: 112px;
	background: transparent url(/media/images/twitter.png) no-repeat 0 0;
}
#media a.youtube {
	width: 91px;
	background: transparent url(/media/images/youtube.png) no-repeat 0 50%;	
}


#giving a {
	display: block;
	float: right;
	width: 171px;
	height: 34px;
	position: relative;
	top:0;
	right:26px;
	text-indent: -9000px;
	background: url(/comps/media/images/siteSprite2.png) -755px -288px;
}
#footer .bottom {
	display: block;
	width: 970px;
	height: 55px;
	clear: both;
	text-align: center;
}
#footer .bottom ul, #footer .bottom li {
/*
float: left;
position: relative;
*/
}
#footer .bottom li {
	display: inline;
	height: 12px;
}
#footer .bottom li a {
	font-size: 11px;
	display: inline-block;
	padding: 0 10px;
	text-deoration: none;
	color: #7aaed1;
	border-right: 1px solid #7aaed1;
}
#footer .bottom li.last a {
	border: 0;
}
#footer .bottom li a:hover {
	color: #b9d5e9;
}
#footer .bottom ul.contact {
	margin-top: 5px;
}
#footer .bottom ul.contact li {
	padding: 0 10px;
	font-size: 11px;
	color: #7aaed1;
}

/*PAGE STYLES END*/



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

.gallery .photo {
	float: left;
	margin-right: 20px;
}
.gallery .photo.last {
	margin-right: 0;
}
.gallery .photo p {
	text-align: center;
}