@charset "utf-8";
/* CSS Document */
#centerme{
	text-align:center;
	margin: 0 auto;	
}

#homepagebuttonvadiv{	
	position: relative;
	width: 100%;
	text-align: center;
	margin:0px auto 0px auto;
}
#homepagebuttonva{
	position: absolute;
	left: 827px;
	top: -455px;
	

}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */
#homepagebuttonva { 
	left: 815px;
	top: -455px;
	}
}
html
{
	overflow-y: scroll;
	background-color:#fffdf8;
}

body
{
	margin:0px;
	padding:0px;
	background-color:#fffdf8;
	font-family:arial;
	color:#292008;
}

h1, h2, h3
{
	margin:0px;
	padding:0px;
	font-weight:normal;
	color:#e4961b;
}

#serveheading{
	margin:0px;
	padding:0px;
	font-weight:normal;
	color:#e4961b;
	font-size:16px;
}

#headeronchildrenspage a{
	margin:0px;
	padding:0px;
	font-weight:normal;
	color:#e4961b;	
}

h4{
	margin: -10px 0 -10px 0;
	padding: 0px;
	text-align:center;
	font-weight:normal;
	color:#e4961b;
	font-size: 1.5em;
}
.deafservices{
	margin: -10px 0 -10px 0;
	padding: 0px;
	text-align:center;
	font-weight:normal;
	color:#e4961b;
	font-size: 1.2em;	
}
/*#vapic{
	padding: 0 0 0px 0;	
}
#vas{
	margin: -375px 0 0 0;
	padding: 0 0 75px 0;	
}*/
#ipromiseorangebkrnd{
	background-color: #fff;
	margin: -10px 0 0 -13px;
	padding: 5px 5px;
	height:auto;
	width: 566px;
	border-top: #f89d3c 3px dotted; 
	border-bottom: #f89d3c 3px dotted;
	/*font-family: "Century Gothic", arial;-->
	font-weight: normal;
	text-align:center;	
	font-size: 1.5em;	*/
}
#ipromiseorangebkrnd img{
	background-color: #fff;
	margin: 18px 15px -9px 20px;
	padding: 5px 0 2px 0px;
}
.ipromiselinkdisable{
	color:#e4961b;	
}
.ipromiseregistration{
	margin: auto 0;
	padding: 0 0 12px 0px;
	width: 556px
	text-align:center;
	font-weight:normal;
	font-size: 1.2em;	
}
.ipromiseregistrationtxt{
	margin: 0 0 0px 0;
	padding: 0 20px;
	width: 556px
	/*font-family: "Century Gothic", arial;
	font-size: 1.5	*/
}
.ipromisetxt{
	margin: 0;
	padding: 10px 20px 10px 20px;
	text-align:left;
	/*font-family: "Century Gothic", arial;
	font-weight:normal;
	font-size: 1.1em;	*/
}

#ipromiseorangesplash{
	padding: 0px 0px 0px 0px;
	margin: 0 0 0 -13px;
	width: 577px;
	background-color: #51a2d9;

}
#ipromiseorangesplash img{
	padding: 0px 5px 0px 0px;
	margin: 0 0 -7px 0;
}
#ipromisesplashborder{
	margin: -1px 0 10px 0px;
	padding: 10px 0 10px 0;
	border-top: #f89d3c 3px dotted; 
	border-bottom: #f89d3c 3px dotted;			
}
#ipromisesplashbox{
	z-index: 10;
	padding: 40px 20px 40px 20px;
	margin: 40px 0 0 113px;
	background-color: #efb78b;
	border: #ffffff 10px solid;
	/*font-family: "Century Gothic", arial;
	font-weight: normal;
	font-size: 1.5em;
	text-align: center; */
	color: ffffff;
	width: 290px;
}
#ipromisebluesplash{
	
	padding: 0;
		
}

.ipromiseguesttxt{	
	margin: 0;
	padding: 10px 20px 10px 20px;
	text-align:left;
	/*font-family: "Century Gothic", arial;
	font-weight:normal;
	font-size: 1.1em; */
}
#smpromobtn{
	margin: 0 0 0 6px;
}
table, tr, td
{
	margin:-4px 0px;
	padding:0px;
	border:0px;
	vertical-align:top;
}

h1
{
	font-size:30px;
	margin:0px 0px 20px 0px;
}

h2
{
	font-size:20px;
}

h3
{
	font-size:16px;
}

p
{
	margin:0px 0px 10px 0px;
}

label
{
	width:150px;
	float:left;
}

a
{
	color:#3197c1;
	outline:none;
}

img
{
	border:0px;
	outline:none;
}

#container
{
	width:100%;
	background-image:url(../images/body-background-parchment.jpg);
	background-image:url(../images/body-background-spring.jpg);
	background-image:url(../images/body-background-summer-2010.png);
	background-attachment: scroll;
	background-repeat:repeat-x;
	background-position:top center;	
	background-color:#fffdf8;
	
	position:relative;
}

#header
{
	height:85px;
	width:960px;
	margin:auto;
	position:relative;
}

#homelink
{
	height:30px;
	width:300px;
	position:absolute;
	top:27px;
	padding-left:20px;
	margin:auto;
}
	#homelink a
	{
		height:30px;
		width:300px;
		position:absolute;
	}

#flashlogo
{
	width:50px;
	height:41px;
	position:absolute;
	left: 12px;
	top: 22px;
}

#quicklinkstoggle
{
	position:absolute;
	height:34px;
	width:179px;
	left: 747px;
	top: 1px;
	cursor:pointer;
}


#content
{
	width:980px;
	
	background-image:url(../images/header-noah23.png);
	background-image:url(../images/header.png); 
	background-image:url(../images/header2010.png);
	background-repeat:no-repeat;
	margin:auto;
	padding:0px;
	overflow:hidden;
}

#controlpanel 
{
	width:950px;
	height:33px;
	margin:auto;
	margin-top:5px;
	margin: 5px auto -5px auto;
	position:relative;
}

#servicetimes-button{
	width:201px;
	height:33px;
	float:right;
	margin-right:5px;
	display:inline;
}
#servicetimes-button a.info {position:relative; /*this is the key*/ z-index:24; background-color:#ccc; color:#000; text-decoration:none;}
#servicetimes-button a.info:hover{z-index:25; background-color:#ff0}
#servicetimes-button a.info span{display: none}
#servicetimes-button a.info:hover span{ /*the span will display just on :hover state*/ 
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center
}

#registration-button{
	width:144px;
	height:33px;
	margin-right:5px;
	float:right;
	display:inline;
}
#homepagebuttonva{
	z-index:99;	
}
#photogallery-button
{
	width:111px;
	height:33px;
	float:right;
	display:inline;
}

/* Banners */
#bannercontrol
{
	width:470px;
	float:left;
}

#bannercontrol img
{
	float:left;
	display:inline;
}

.minibanner
{
	width:72px;
	height:29px;
	margin:1px 5px 0px 5px;
	float:left;
	background-color:#000000;
	display:inline;
	cursor:pointer;
}
	
	.minibanner img
	{
		width:72px;
		height:29px;
	}

#bannercontainer
{
	position:relative;
	width:960px;
	height:399px;
	margin:auto;
	padding:0px;
}

.banner
{
	width:960px;
	height:399px;
	position:absolute;
	top:0px;
	left:0px;
}
.internalbanner
{
	position:absolute;
	top:-8px;
	left:-12px;
}
.invisible
{
	display:none;
	filter:alpha(opacity=0);   
	-moz-opacity: .0;   
	opacity: .0;
}

/*internal buttons */
#internalbuttons
{
	width:100%;
}

#internalbutton1, #internalbutton2, #internalbutton3, #internalbutton4, #internalbutton5, #internalbutton6
	{
		height:76px;
		width:154px;
		margin:5px auto 0px auto;
		background-repeat:no-repeat;
		
	}
/* homepage buttons */
#buttons
{
	width:960px;
	padding-left:5px;
	margin:20px auto 0px auto;
}
	.buttonlink
	{
		height:76px;
		width:154px;
		position:relative;
	}
	.buttonlink a
	{
		position:absolute;
		height:76px;
		width:154px;
	}
	.button1, .button2, .button3, .button4, .button5, .button6
	{
		float:left;
		display:inline;
		margin-right:6px;
		height:76px;
		width:154px;
		background-repeat:no-repeat;
	}
	
	.button1,#internalbutton1
	{
		background-image:url(../images/watchandlisten-button.png);
	}
	
	.button2,#internalbutton2
	{
		background-image:url(../images/newtochurch-button.png);
	}
	
	.button3,#internalbutton3
	{
		background-image:url(../images/knowgod-button.png);
	}
	
	.button4,#internalbutton4
	{
		background-image:url(../images/legacy-button.png);
	}
	
	/*.button5,#internalbutton5
	{
		background-image:url(../images/servolution-button.png);
	}*/	
	
	.button5,#internalbutton5
	{
		background-image:url(../images/mykids-button.png);
	}
	
	.button6,#internalbutton6
	{
		background-image:url(../images/onlinegiving-button.png);
	}

/* interior divs */
#interiortopcap
{
	width: 952px;
	height:8px;
	overflow:hidden;
	margin:5px auto 0px auto;
	background-image:url(../images/interior-top.png);
	background-repeat:no-repeat;
}
#interiorbottomcap
{
	width: 952px;
	height:11px;
	overflow:hidden;
	margin:auto;
	background-image:url(../images/interior-bottom.png);
	background-repeat:no-repeat;
	clear:both;
}
#interiorbottomcap-black
{
	width: 952px;
	height:11px;
	overflow:hidden;
	margin:auto;
	background-image:url(../images/interior-bottom-black.png);
	background-repeat:no-repeat;
	clear:both;
}
#interior
{
	width:952px;
	margin:auto;	
	background-image:url(../images/interior-body-noah23.png);
	background-image:url(../images/interior-body.png);
	background-image:url(../images/interior-body-summer-2010.png);
	background-repeat:repeat-y;
}
#columnleft
{
	float:left;
	width:160px;
	margin-left:6px;
	font-size:12px;
	line-height:1.7em;
}

#columnleft a
{
	color:#ffffff;
	text-decoration:none;
}

#columnright
{
	float:right;
	width:160px;
	margin-right:9px;
}
#columncenter
{
	width:555px;
	padding-left:2px;
	padding-bottom: 10px;
	margin:auto;
	position:relative;
	line-height:1.8em;
	font-size:12px;
}
/* footer */
#footer
{
	clear:both;
	width:960px;
	height: 50px;
	margin: 0 0 10px 5px;
	padding:10px 0 0 0;
	text-align:center;
	color:#8d8770;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#footer a{
	clear:both;
	width:960px;
	margin:auto;
	padding-top:10px;
	text-align:center;
	color:#8d8770;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;	
}	
/*drop nav menu*/
#nav {
 background-color: #5ab1d5;
 margin: 0;
 padding: 0;
 display:none;
}
#nav2 {
 background: #fff url(../images/nav_bg.jpg) repeat-x left top;
 padding: 0 240px 0 0;
 margin: 0;
 text-align: right;
}
#nav_inner {
 background-color: transparent;
 padding: 8px 12px 0 20px;
 margin: 0px auto;
 width:980px;
 font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size: 11px;
}

#nav_inner h3 {
 font-size: 12px;
 color: #fff;
 margin: 0;
 padding: 0;
}

#nav_inner .td_sep {
 background: transparent url(../images/nav_separator.jpg) repeat-y left top;
 width: 25%;
 padding: 0 0 0 20px;
}
#nav_inner .td {
 width: 25%;
}
#nav_inner p {
 color: #eee;
 background-color: transparent;
 padding:0;
 margin: 0 0 10px 0;
}
#nav_inner ul {
 list-style-image: url(../images/arrow.gif);
 padding: 0 0 0 18px;
 margin: 8px 0 12px 0;
}
#nav_inner li {
 padding: 0;
 margin: 0 0 4px 0;
}

#nav_inner a {
 color: #eee;
 background-color: transparent;
 text-decoration: none;
 font-weight: normal;
}

#nav_inner a:visited {
 color: #eee;
 background-color: transparent;
 text-decoration: none;
}

#nav_inner a:hover {
 color: #ccc;
 text-decoration: none;
 background-color: transparent;
}



/* drop menu css*/
#header_menu
{
	width:940px;
	margin:auto;
	font-size:12px;
	color:#f0fbff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	top:65px;
	padding-left:30px;
	z-index: 30;
}
	#center_menu
	{
		margin:auto;
		width:750px;
	}
		#header_menu ul
		{
			margin:auto;
			padding:0px;
		}
		
			#header_menu ul li
			{
				padding:0px 38px 0px 0px;
				list-style:none;
				position:relative;
				float:left;
			}
	
			#header_menu ul li a, #header_menu ul li a:visited 
			{
				color: #ffffff;
				text-decoration:none;
			}
					
			#header_menu ul li ul
			{
				position:absolute;
				top:10px;
				left:-5px;
				padding-top:5px;
				z-index:30;
				display:none;
				text-transform:none;
				background-image:url(../images/ulbackground.png);
				background-repeat:no-repeat;
			}
				#header_menu ul li ul li
				{
					display:block;
					padding:3px;
					width:150px;
					color: #ffffff;
					text-decoration:none;
					background-color:#31250a;
					-moz-opacity: 0.9;
					opacity:.90;
					filter: alpha(opacity=90);
				}
					#header_menu ul li ul li a
					{
						border:0px;
						width:150px;
						float:left;
						color:#ffffff;
					}
			#header_menu ul li ul .dropmenubottom
			{
				display:block;
				height:8px;
				overflow:hidden;
				width:156px;
				text-decoration:none;
				background-color:transparent;
				background-image:url(../images/dropmenubottom.png);
				background-repeat:no-repeat;
			}


/*
This is for the watch and listen page
*/
#series_menu
{
	position:absolute;
	right:5px;
	top:5px;
}
#video
{
	width:320px;
	height:285px;
	float:right;
}

#mvwvideo
{
	margin:0 auto; 
	padding: 0 0 0 0px;
	text-align: center;
}	

#seriesdescription
{
	width:220px;
	float:left;
	text-align:justify;
}
#multipartseries
{
	float:right;
	margin-top:0px;
	width:320px;
}
.week {
	float:right;
	height:30px;
	width:30px;
	margin:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	text-align:center;
	border:1px solid #05486c;
	color:#05486c;
	vertical-align:middle;
	margin-right:3px;
	background-color:#FFFFFF;
	overflow:hidden;
}
.selected {
	background-color:#c6e2f0;
}
.week a {
	width:30px;
	height:30px;
	float:left;
	padding-top:5px;
	text-decoration:none;
	color:#05486c;
}
.week a:hover {
	background-color:#c6e2f0;
}
label {
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
form {
	padding:0px;
	margin:0px;
}

#contactForm
{
	padding:20px;
	width:420px;
	margin:auto;
}

#contactFormSuccess
{
	padding:20px;
	width:420px;
	margin:auto;
	line-height:1.7em;
	font-size:14px;
	text-align:justify;
}
/*Testimony Page Form*/
.testimonies{
	margin-top: -120px;
}
.email{
	margin: 8px 0 0 2px;
}
input{
	color:#000000;
	background-color: #FFFFFF; 
}
textarea{
	color:#000000;
	background-color: #FFFFFF;
}
.button{
	color:#FFFFFF;
	background-color: #48899d;
	margin: 4px 0 0 0;
}
iframe {
	border: 0px;

}
#iframebkgd{
	width:100%;
	background-image:url(../images/body-background-parchment.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	background-color: none;
	position:relative;
}

#section_banner{
	
}

/*------------------------------SOCIAL NETWORK FOOTER LINKS------------------------------*/
/*------------------------------SOCIAL NETWORK FOOTER LINKS------------------------------*/
#socnetnav {
margin: 0 0 -6px 228px;
padding: 0px 0;
list-style-image: none;
list-style-type: none;
height: 20px;
width: 740px;
text-align:center;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */
#socnetnav { 
	margin: 0px 0px -7px 200px; 
	padding: 0px 0px 0px 0px; 
	width: 740px;
	position: relative;
	left: 116px;
	top: 0px;
	}
}

/*------------------------------FACEBOOK------------------------------*/
#facebook {
float: left;
display: block;
width: 65px;
height: 13px;
margin: -1px 20px 0 0px;
background-image: url(http://churchoftheking.com/images/socnet/facebook-hover.jpg);
background-repeat: repeat-y;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */
#facebook { 
	margin: -1px 0px 0 0px;
	}
}
#facebook a:link, #facebook a:visited, #facebook a:active {
text-decoration: none;
display: block;
width: 65px;
height: 3px;
margin: 0 5px 0 0px;
background-repeat: repeat-y;
background-image: url(http://churchoftheking.com/images/socnet/facebook-active.jpg);
}
#facebook a:hover {
text-decoration: none;
background-image: none;
}

/*------------------------------iTUNES------------------------------*/
#itunes {
float: left;
display: block;
width: 65px;
height: 13px;
margin: -1px 0px 0 25px;
background-image: url(http://churchoftheking.com/images/socnet/itunes-hover.jpg);
background-repeat: repeat-y;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */
#itunes { 
	margin: -1px 0px 0 45px;
	}
}
#itunes a:link, #itunes a:visited, #itunes a:active {
text-decoration: none;
display: block;
width: 65px;
height: 3px;
margin: 0 5px 0 0px;
background-repeat: repeat-y;
background-image: url(http://churchoftheking.com/images/socnet/itunes-active.jpg);
}
#itunes a:hover {
text-decoration: none;
background-image: none;
}

/*------------------------------VIMEO------------------------------*/
#vimeo {
float: left;
display: block;
width: 44px;
height: 13px;
margin: -1px 7px 0 45px;
background-image: url(http://churchoftheking.com/images/socnet/vimeo-hover.jpg);
background-repeat: repeat-y;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */
#vimeo { 
	margin: -1px 7px 0 45px;
	}
}
#vimeo a:link, #vimeo a:visited, #vimeo a:active {
text-decoration: none;
display: block;
width: 44px;
height: 2px;
margin: 0px 5px 0 0px;
background-repeat: none;
background-image: url(http://churchoftheking.com/images/socnet/vimeo-active.jpg);
}
#vimeo a:hover {
text-decoration: none;
background-image: none;
}

/*------------------------------TWITTER------------------------------*/
#twitter {
float: left;
display: block;
width: 65px;
height: 13px;
margin: 0px 0px 0 45px;
background-image: url(http://churchoftheking.com/images/socnet/twitter-hover.jpg);
background-repeat: repeat-y;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */
#twitter { 
	margin: -1px 0px 0 45px;
	}
}
.twtr-hd h3{
	text-shadow: 0px -1px #000;
	color:#59adbb;
}
.twtr-hd h4{
	text-shadow: 0px -1px #000;
	color:#59adbb;
}
.twtr-join-conv{
	text-shadow: 0px -1px #000;
	color:#59adbb;
}
#twitter a:link, #twitter a:visited, #twitter a:active {
text-decoration: none;
display: block;
width: 65px;
height: 3px;
margin: 0 5px 0 0px;
background-repeat: repeat-y;
background-image: url(http://churchoftheking.com/images/socnet/twitter-active.jpg);
}
#twitter a:hover {
text-decoration: none;
background-image: none;
}
#addressinfo{
	width: 500px;	
}

/*------------------------------LIFEJOURNAL------------------------------*/
#lifejournal {
float: left;
display: block;
width: 91px;
height: 20px;
margin: -3px 0px 0 35px;
background-image: url(http://churchoftheking.com/images/socnet/lifejournal-hover.jpg);
background-repeat: repeat-y;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */
#lifejournal { 
	margin: -3px 0px 0 35px;
	}
}
#lifejournal a:link, #lifejournal a:visited, #lifejournal a:active {
text-decoration: none;
display: block;
width: 91px;
height: 10px;
margin: 0 5px 0 0px;
background-repeat: repeat-y;
background-image: url(http://churchoftheking.com/images/socnet/lifejournal-active.jpg);
}
#lifejournal a:hover {
text-decoration: none;
background-image: none;
}

hr{
	color: #808080;	
	background-color: #808080;	
	height: 1px;
	border: 1px solid #808080;
}
#tdborder{
	border: none;
	padding: 0px;	
	margin: 0 auto;
}
#tdborder td{
	border: none;	
	padding: 0px 5px;
}
</style>