/*	-------------------------------------------------------------
	CSS - MAIN : 	Good News Church New York City
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		gncnyc_main.css
	Date:			Oct 08, 2010
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/

/*	--------------------------------------------------------------------------------------------------------------------------
	body/global/reset Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	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;
	}
	ol, ul {
		list-style:none;
	}
	blockquote, q {
		quotes:none;
	}
	blockquote:before, blockquote:after, q:before, q:after {
		content:''; content:none;
	}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse:collapse; border-spacing:0;
	}
	.altText {
		width:0; height:0; display:block; overflow:hidden;
	}
	.cleaner {
		border:none; margin:0; padding:0; height:0px; background:transparent; overflow:hidden; font-size:1px; clear:both;
	}
	.clearfix:after {
		content: "."; height:0; display: block; clear:both; visibility:hidden; line-height:0;
	}
	.clearfix {
		display:inline-block;
	}	
	html[xmlns] .clearfix {
		display:block;
	}
	* html .clearfix {
		height:1%;
	}
	body {
		margin:0;
		background:#e9e9e9 url(../images/html_bg0.jpg) center top repeat-x; line-height:1; font:normal 14px "Lucida Grande", Tahoma, Verdana, Arial, sans-serif; color:#5e5e5e;
	}
	@font-face {
		font-family:Headline;
		src: url('../lib/fonts/HEADOH__.eot');
	}
	@font-face {
		font-family:Bebas;
		src: url('../lib/fonts/BEBAS___.eot');
	}
	@font-face {
		font-family:Headline;
		src: url('../lib/fonts/HEADOH__.TTF');
	}
	@font-face {
		font-family:Bebas;
		src: url('../lib/fonts/BEBAS___.TTF');
	}
	#main {
		width:900px; margin:0 auto;
	}

	a:link, a:active, a:visited {
		text-decoration:none;
		color:#1d6195;
	}
		a:hover {
			text-decoration:underline;
		}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#mastHead Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mastHead {
		padding:20px 0 0 0; height:56px;
	}
		#mastHead h1#hdrBrand {
			width:142px; height:35px; float:left; padding:0 15px 0 0; border-right:1px solid #77ccf0;
		}
			#mastHead h1#hdrBrand a {
				width:142px; height:35px; display:block; background:url(../images/sprites.png) 0 0 no-repeat;
			}
				#mastHead h1#hdrBrand a:hover {
					background-position:0 -35px;
				}
				#mastHead h1#hdrBrand a:active {
					background-position:0 -70px;
				}
		#mastHead h2#hdrTag {
			width:234px; height:29px; float:left; margin:5px 0 0 15px; background:url(../images/sprites.png) -142px 0 no-repeat;
		}
		#searchBox {
			width:230px; height:22px; background:#ececec url(../images/sprites.png) -336px -35px no-repeat; border:2px solid #000; float:right;
		}
			#searchBox .inputBox {
				width:140px; height:20px; padding:2px 0 0 25px; float:left;
			}
				#searchBox .inputBox input {
					width:140px; height:16px; background:none; border:0; font-size:12px;
				}
			#searchBox .btnBox {
				width:59px; height:22px; float:right;
			}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	#nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#nav {
		height:31px; width:898px; padding:0 0 0 2px; background: url(../images/faded_white75.png); font:normal 15px Bebas, Arial, Helvetica, sans-serif; line-height:15px; word-spacing:3px; border-bottom:3px solid black; float:left; z-index:350; position:relative;
	}
		#nav li {
			display:inline; float:left; padding:0 1px; position:relative;
		}
			#nav li a {
				padding:7px 11px 0px 10px; color:#5e5e5e; height:24px; display:block;
			}
				#nav li a:hover {
					background:black; color:#00aeff; text-decoration:none;
				}
				#nav li a:active {
					color:#ffa200;
				}
			#nav li a.dropArrow {
				background:url(../images/navDropArrow.gif) right 15px no-repeat; padding:7px 16px 0px 11px; color:#5e5e5e; height:24px; display:block;
			}
				#nav li:hover a.dropArrow, #nav li a.dropArrow:hover {
					background-color:black; background-position:right -35px; color:#00aeff; text-decoration:none;
				}
				#nav li a.dropArrow:active {
					color:#ffa200;
				}
			#nav li .sub {
				width:350px; font:normal 11px "Lucida Grande", Tahoma, Verdana, Arial, sans-serif; color:#ababab; line-height:16px; position: absolute; display: none; top: 34px;  z-index:300; background:#303030 url(../images/bevelBorder_dark.gif) 169px 0 repeat-y;  border:solid 1px black;
			}
				#nav li .sub ul {
					width:140px; padding:6px 15px; float:left;
				}
					#nav li .sub ul li {
						display:block; float:none; margin:8px 0;
					}
					#nav li .sub ul li a {
						font:bold 12px "Lucida Grande", Tahoma, Verdana, Arial, sans-serif; color:#cccccc; padding:0; margin:0; height:auto; display:inline; background:none;
					}
						#nav li .sub ul li a:hover {
							color:#ffa200;
						}
				#nav li .sub .info {
					width:150px; float:left; padding:14px 15px; 
				}
					#nav li .sub .info h4 {
						font:normal 14px Bebas, Arial, Helvetica, sans-serif; color:#e9e9e9; word-spacing:3px;
					}
						#nav li .sub .info h4 a {
							color:#e9e9e9;
						}
					#nav li .sub .info p {
						margin:8px 0;
					}
					#nav li .sub .info a {
						display:inline; color:#00aeff; padding:0; margin:0; background:none; float:none;
					}
						#nav li .sub .info a:hover {
							color:#ffa200;
						}
			


/*	--------------------------------------------------------------------------------------------------------------------------
	#slides Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#slides {
		width:900px; margin:0 0 25px 0; float: left; position: relative; clear:both; background:#fff;
	}
		#slides .window {
			width:900px; overflow:hidden; position:relative;
		}
			#slides .window .holder {
				position:absolute; top:0; left:0;
			}
				#slides .window .holder .slide {
					width:900px; float:left;
				}
		#slides .paging {
			width:886px; height:23px; padding:0 10px; background:url(../images/featurePager_bg.png) 0 0 no-repeat; position: absolute; left:7px; top:237px; z-index: 100; display: none;
		}
			#slides .paging a {
				text-decoration: none; font-size:25px; line-height:20px; color: #bce0ff;
			}
			#slides .paging a.active {
				color:#ffc600;
			}
			#slides .paging a:hover {
				color:#fff;
			}


/*	--------------------------------------------------------------------------------------------------------------------------
	#miniFeatures Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#miniFeatures {
		width:900px; height:123px; overflow:hidden;
	}
		#miniFeatures li {
			width:210px; height:90px; background: url(../images/sprites.png) 0 -20px no-repeat; padding:0 0 33px 0; margin:0 20px 0 0; display:block; float:left;
		}
		#miniFeatures li.last {
			margin:0;
		}
			#miniFeatures li a {
				width:210px; height:90px; display:block; background-color:black;
			}

/*	--------------------------------------------------------------------------------------------------------------------------
	#mainCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainCol {
		float:left; width:587px;
	}
	#mainCol .menu {
		background:url(../images/bevelBorder.gif) 0 0 repeat-x;	padding:22px 0 0 0; margin:20px 0;
	}
		#mainCol .menu a {
			display:block; height:24px; background:#1d6195 url(../images/rounded24L.png) 0 0 no-repeat; float:left; font:bold 10px "Lucida Grande", Tahoma, Verdana, Arial, sans-serif; color:#fff;
		}
			#mainCol .menu a .inner {
				background:url(../images/rounded24R.png) right 0 no-repeat; padding:5px 10px 0 10px; height:19px; display:block;
			}
			#mainCol .menu a .icon {
				color:#abe4ff;
			}
			#mainCol .menu a:hover {
				background-color:#ffa200; color:#000; text-decoration:none;
			}
			#mainCol .menu a:hover .icon {
				color:#815200;
			}
			#mainCol .menu a.goNext {
				float:right;
			}
		#mainCol .menu .info {
			text-align:center;
		}
		#mainCol > h1 {
			font:normal 21px Bebas, Arial, Helvetica, sans-serif; word-spacing:5px; letter-spacing:-1px; line-height:21px; margin:0 0 15px 0; color:#b8b8b8;
		}

/*	--------------------------------------------------------------------------------------------------------------------------
	#altCol components Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#altCol {
		width:260px; float:right; font-size:12px; line-height:16px;
	}
		#altCol h3 {
			font:normal 18px Bebas, Arial, Helvetica, sans-serif; line-height:18px; word-spacing:3px; margin:0 0 12px 0;
		}
		#altCol span.detail {
			font-size:11px; color:#868686;
		}
		#altCol p {
			margin:8px 0;
		}
		#altCol strong {
			font-size:14px;
		}
		#altCol .box {
			padding:0 0 30px 0; background:url(../images/sprites.png) 0 bottom no-repeat;
		}
			#altCol .box .inner {
				border:3px solid #fff; background:#c7edff; padding: 14px 14px 10px 14px;
			}
	#altCol #btnMap {
		margin:16px 0 0 0;
	}
		#altCol #btnMap a {
			width:254px; height:134px; display:block; background:url(../images/miniFeatures/map.jpg) 0 0 no-repeat; border:3px solid #fff;
		}
			#altCol #btnMap a:hover {
				background-position: 0 -134px; border-color:#ffa200;
			}
			#altCol #btnMap a:active {
				background-position: 0 -268px;
			}
	#altCol #categories {
		margin:0 0 26px 0;
	}


/*	--------------------------------------------------------------------------------------------------------------------------
	#footer components Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer {
		background:#4e4e4e url(/images/footer_bg.jpg) 0 0 repeat-x; padding:0 0 28px 0; margin:48px 0 0 0; color:#a0a0a0; font:normal 10px "Lucida Grande", Tahoma, Verdana, Arial, sans-serif; line-height:12px;
	}
		#footer a {
			color:#a0a0a0;
		}
			#footer a:hover {
				color:#fff;
			}
		#footer .inner {
			width:900px; margin:0 auto; padding:34px 0 0 0;
		}
		#footer .col1 {
			width:210px; padding:0 30px 0 0; float:left;
		}
		#footer .col {
			width:170px; padding:0 30px 0 0; float:left;
		}
		#footer #credits {
			margin:24px 0 18px 0; line-height:14px;
		}
			#footer #credits #halo {
				width:50px; height:17px; margin:3px 0 0 0; display:block; background:url(/images/halo.png) 0 0 no-repeat;
			}
				#footer #credits #halo:hover {
					background-position:0 -17px;
				}
				
		#footer a.expEngine {
			width:130px; height:24px; display:block; background:url(/images/expressionEngine.png) 0 0 no-repeat;
		}
			#footer a.expEngine:hover {
				background-position:0 -24px;
			}
		#footer .menu {
			margin:-8px 0 0 0;
		}
			#footer .menu li {
				margin:8px 0;
			}
			#footer .menu .subMenu {
				margin:8px 0 8px 10px;
			}
				#footer .menu .subMenu li {
					margin:4px 0;
				}
		#footer #brandInfo {
			width:260px; float:right;
		}
			#brandInfo #ftrBrand a {
				width:130px; height:27px; display:block; background:url(/images/sprites.png) -142px -29px no-repeat;
			}
				#brandInfo #ftrBrand a:hover {
					background-position: -142px -56px;
				}
				#brandInfo #ftrBrand a:active {
					background-position: -142px -83px;
				}
			#footer #brandInfo h4 {
				font-size:12px; line-height:14px; margin:8px 0;
			}
			#footer #brandInfo p {
				margin:8px 0;
			}
			#footer #brandInfo a {
				color:#00aeff;
			}
				#footer #brandInfo a:hover {
					color:#ffa200;
				}
				#footer #brandInfo a:active {
					color:#fff;
				}