/* =================================================================== ANCHOR */
a {
	text-decoration:underline;
	color:#84b6de;
	}
a:hover {
	text-decoration:underline;
	color:#ffffff;	
	}
a.top{
	font-size:8px;
	}	
a.review:link { 
	color: blue;
	text-decoration:underline;	
	}
a.review:visited { 
	color: purple;
	text-decoration:underline;	
	}
a.review:hover { 
	color: black;
	text-decoration:underline;	
	}
/* =============================================================== BACKGROUND */
body.fill-right {
	margin:0px;
	padding:0px;
	background:url(images/px_top1-redo.jpg) top right repeat-x #014294;
	}	
div.background-image {
	width:769px;
	height:746px;
	background:url(images/background-redo.jpg) top no-repeat
}
/* ===================================================================== LOGO */
div.logo {
	position:absolute;
	top:0px;							/* places area vertically on page   */
	left:11px;						/* places area horizontally on page */
	width:400px;
	height:86px;
}

/* ================================================================ WEEKEND */
div.weekend {
	position:absolute;
	top:8px;							/* places area vertically on page   */
	left:555px;						/* places area horizontally on page */
	vertical-align:middle;
}

a.info{
	position:relative; /*this is the key*/
	z-index:24; background-color:#fff;
	color:#000;
	text-decoration:none
}
a.info:hover{
	z-index:100;
	background-color:#fff;
	text-decoration:none;
}
a.info span{
	display: none
}
a.info:hover span{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:0px; left:0px; width:434px;
	border:1px solid #000;
	padding:5px;	
	background-color:#fff; color:#000;
	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.5;	
}

/* ================================================================ CURRENT */
div.current-area {
	position:absolute;
	top:8px;							/* places area vertically on page from top of page  */
	left:703px;						/* places area horizontally on page */
	width:286px;
	height:255px;	
	background-color:#004f9e;
	border:1px solid #1665b0;
	text-decoration:none;
}
div.current-header {
	position:absolute;
	top:0px;
	left:-1px;
	width:286px;
	height:30px;
	background:url(images/header.jpg) bottom no-repeat;	
	text-decoration:none;	
}
div.current-header-text {
	position:absolute;
	top:5px;
	left:8px;
	width:286px;
	height:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:normal;
	color:#ffffff;	
	text-decoration:none;	
}
div.current-graphic {
	position:absolute;
	top:30px;
	width:263px;
	padding:10 10 10 10px;
	margin:10 10 10 10px;	
	background-color:#003A8B;
}
/* ================================================================ UPCOMING */
div.upcoming-area {
	position:absolute;
	top:272px;							/* places area vertically on page from top of page  */
	left:703px;						/* places area horizontally on page */
	width:286px;
	height:255px;	
	background-color:#004f9e;
	border:1px solid #1665b0;
	text-decoration:none;
}
div.upcoming-header {
	position:absolute;
	top:0px;
	left:-1px;
	width:286px;
	height:30px;
	background:url(images/header.jpg) bottom no-repeat;	
	text-decoration:none;	
}
div.upcoming-header-text {
	position:absolute;
	top:5px;
	left:8px;
	width:286px;
	height:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:normal;
	color:#ffffff;	
	text-decoration:none;	
}
div.upcoming-graphic {
	position:absolute;
	top:30px;
	width:263px;
	padding:10 10 10 10px;
	margin:10 10 10 10px;	
	background-color:#003A8B;
}
/* =============================================================== TEXT-POPUP */
a.text-popup{
	position:relative; /*this is the key*/
	z-index:24; background-color:#fff;
	color:#000;
	text-decoration:none
}
a.text-popup:hover{
	z-index:100;
	background-color:#fff;
	text-decoration:none;
}
a.text-popup span{
	display: none
}
a.text-popup:hover span{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:245px;
	height:183px;
	overflow:auto;
	border:1px solid #000;
	padding:5px;	
	background-color:#fff; color:#000;
	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.5;
	font-weight:normal;
}
/* ================================================================== WELCOME */
div.welcome-area {
	position:absolute;
	top:564px;							/* places area vertically on page from top of page  */
	left:703px;						/* places area horizontally on page */
	width:286px;
	height:315px;	
	background-color:#004f9e;
	border:1px solid #1665b0;
	text-decoration:none;
}
div.welcome-header {
	position:absolute;
	top:-29px;
	left:-1px;
	width:286px;
	height:30px;
	background:url(images/header.jpg) bottom no-repeat;	
	text-decoration:none;	
}
div.welcome-header-text {
	position:absolute;
	top:5px;
	left:8px;
	width:286px;
	height:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:normal;
	color:#ffffff;	
	text-decoration:none;	
}
div.welcome-text {
	position:absolute;
	top:30px;
	width:263px;
	padding:10 10 10 10px;
	margin:10 10 10 10px;	
	background-color:#003A8B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.5;
	color:#ffffff;	
	text-decoration:none;	
}
div.welcome-graphic {
	position:absolute;
	top:205px;
	left:127px;
}
/* ==================================================== SERVICE TIMES -- INDEX */
div.service-times-area--index {
	position:absolute;
	top:918px;							/* places area vertically on page - 0px aligns with top of news-area */
	left:703px;						  /* places area horizontally on page */
	width:286px;
	height:77px;	
	background-color:#004f9e;
	border:1px solid #1665b0;
}
div.service-times-header--index {
	position:absolute;
	top:-30px;
	left:0px;
	width:285px;
	height:32px;
	background:url(images/header.jpg) bottom no-repeat;	
}
div.service-times-header-text--index {
	position:absolute;
	top:5px;
	left:8px;
	width:286px;
	height:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:normal;
	color:#ffffff;	
}
div.service-times-text--index {
	position:absolute;
	top:30px; 
	width:260;
	padding:10 10 10 10px;
	margin:10 10 10 10px;
	background-color:#003A8B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.5;
	color:#ffffff;	
}

/* ==================================================== PHOTO LOOP - HOMEPAGE */
div.photo-loop-area {
	position:absolute;
	top:185px;							/* places area vertically on page   */
	left:25px;						  /* places area horizontally on page */
	width:650px;
	height:385px;	
	background-color:#004f9e;
	border:1px solid #1665b0;
}
div.photo-loop-header {
	position:absolute;
	top:-29px;
	left:0px;
	width:649px;
	height:30px;
	background:url(images/header.jpg) bottom no-repeat;	
}
div.photo-loop-header-text {
	position:absolute;
	top:5px;
	left:8px;
	width:430px;
	height:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:normal;
	color:#ffffff;	
	display:block;
}
div.photo-loop-container {
	position:absolute;
	top:30px;
	width:624px;
	height:363px;
	overflow:hidden;	
	padding:10 10 10 10px;
	margin-top:10px;
	margin-right:10px;
	margin-bottom:10px;
	margin-left:10px;
	background-color:#003A8B;
	display:block;	
}
div.photo-loop-object {
}

a.viewing-photo-loop {
	text-decoration:underline;
}

/* ========================================================= VIDEO - HOMEPAGE */
div.video-area {
	position:absolute;
	top:185px;							/* places area vertically on page   */
	left:25px;						  /* places area horizontally on page */
	width:650px;
	height:385px;	
	background-color:#004f9e;
	border:1px solid #1665b0;
}
div.video-header {
	position:absolute;
	top:-29px;
	left:0px;
	width:649px;
	height:30px;
	background:url(images/header.jpg) bottom no-repeat;	
}
div.video-header-text {
	position:absolute;
	top:5px;
	left:8px;
	width:430px;
	height:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:normal;
	color:#ffffff;	
	display:block;		
}
div.video-video {
	position:absolute;
	top:30px;
	width:624px;
	padding:10 10 10 10px;
	margin-top:10px;
	margin-right:10px;
	margin-bottom:10px;
	margin-left:10px;
	background-color:#003A8B;
	display:block;	
}
a.viewing-video {
	text-decoration:underline;
}

/* ========================================================== NEWS - HOMEPAGE */
div.news-area {
	position:absolute;
	top:610px;							/* places area vertically on page   */
	left:25px;						  /* places area horizontally on page */
	width:650px;
	height:385px;	
	background-color:#004f9e;
	border:1px solid #1665b0;
}
div.news-header {
	position:absolute;
	top:-29px;
	left:0px;
	width:649px;
	height:30px;
	background:url(images/header.jpg) bottom no-repeat;	
}
div.news-header-text {
	position:absolute;
	top:5px;
	left:8px;
	width:430px;
	height:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:normal;
	color:#ffffff;	
}
div.news-text {
	position:absolute;
	top:30px;
	width:624px;
	height:364px;	/* necessary for scrollbar */
	padding:10 10 10 10px;
	margin:10 10 10 10px;	
	overflow:auto;			
	background-color:#003A8B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:1.5;
	color:#ffffff;
}
td.news-text {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:1.5;
	color:#ffffff;
}

/* ============================================================== NEWS - WIDE */
div.news-wide-area {
	position:absolute;
	top:185px;							/* places area vertically on page   */
	left:25px;						  /* places area horizontally on page */
	width:720px;
	height:385px;	
	background-color:#004f9e;
	border:1px solid #1665b0;
	}	
div.news-wide-header {
	position:absolute;
	top:-29px;
	left:0px;
	width:719px;
	height:30px;
	background:url(images/header.jpg) bottom no-repeat;	
}
div.news-wide-header-text {
	position:absolute;
	top:5px;
	left:8px;
	width:720px;
	height:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:normal;
	color:#ffffff;	
}
div.news-wide-text {
	position:absolute;
	top:30px;
	width:694px;
	height:364px;
	padding:10 10 10 10px;
	margin:10 10 10 10px;	
	overflow:auto;		
	background-color:#003A8B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.5;
	color:#ffffff;
}
table.news-wide-text {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.5;
	color:#ffffff;
}
td.news-wide-staff-text {
	vertical-align:top;
	padding-right:50px;
	}
td.news-wide-videos {
	vertical-align:top;
	margin-left:auto;
	margin-right:auto;
	}	
	
/* ========================================================== CONTACTS - WIDE */
div.contacts-wide-area {
	position:absolute;
	top:185px;							/* places area vertically on page   */
	left:25px;						  /* places area horizontally on page */
	width:720px;
	height:385px;	
	background-color:#004f9e;
	border:1px solid #1665b0;
	}	
div.contacts-wide-header {
	position:absolute;
	top:-29px;
	left:0px;
	width:719px;
	height:30px;
	background:url(images/header.jpg) bottom no-repeat;	
}
div.contacts-wide-header-text {
	position:absolute;
	top:5px;
	left:8px;
	width:720px;
	height:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:normal;
	color:#ffffff;	
}
div.contacts-wide-text {
	position:absolute;
	top:30px;
	width:694px;
	height:364px;
	padding:10 10 10 10px;
	margin:10 10 10 10px;	
	overflow:auto;		
	background-color:#003A8B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.5;
	color:#ffffff;	
}
table.contacts-wide-text {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.5;
	color:#ffffff;
}
td.contacts-wide-staff-text {
	vertical-align:top;
	padding-right:40px;
	}	
	
/* ==================================================================== YOUTH */
div.youth {
	background-color:#ffffff;
	width:655px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	line-height:1.5;
}
div.youth-header {
	text-align:center;
	padding-top:20px;	
	padding-bottom:20px;
}
div.youth-top-left {
	float:left;
	text-align:left;
	padding-left:7px;
	padding-right:7px;
	padding-bottom:20px;
}
div.youth-top-right {
	float:right;
	text-align:center;
	padding-right:5px;
}
div.youth-day-time {
	font-weight:bold;
	font-size:16px;
	padding-bottom:10px;
}
div.youth-pastor {
	padding-bottom:20px;
}
div.below-youth-pastor {
}
div.youth-different-text {
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-bottom:20px;	
}
div.youth-photos {
	text-align:center;
	padding-bottom:20px;
}

/* ================================================================= ABOUT US */
div.about-us-area {
	position:absolute;
	top:185px;							/* places area vertically on page   */
	left:25px;						  /* places area horizontally on page */
	width:670px;
	height:385px;	
	background-color:#004f9e;
	border:1px solid #1665b0;
	}	
div.about-us-header {
	position:absolute;
	top:-29px;
	left:0px;
	width:669px;
	height:30px;
	background:url(images/header.jpg) bottom no-repeat;	
}
div.about-us-header-text {
	position:absolute;
	top:5px;
	left:8px;
	width:670px;
	height:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:normal;
	color:#ffffff;	
}
div.about-us-text {
	position:absolute;
	top:30px;
	width:644px;
	height:364px;
	padding:10 10 10 10px;
	margin:10 10 10 10px;	
	overflow:auto;		
	background-color:#003A8B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.5;
	color:#ffffff;
}
table.about-us-text {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.5;
	color:#ffffff;
}
td.about-us-staff-text {
	vertical-align:top;
	padding-right:50px;
	}
td.about-us-videos {
	vertical-align:top;
	margin-left:auto;
	margin-right:auto;
	}	
table.aboutus-bio {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.5;
	color:#ffffff;
	}
tr.aboutus-bio {
	vertical-align:top;
	}
td.aboutus-missing-photo {
	width:200px;
	height:211px;
	border:1px solid #1665b0;	
	}	
td.aboutus-bio {
	padding-left:5px;
	}	
/* ============================================================ SERVICE TIMES */
div.service-times-area {
	position:absolute;
	top:0px;							/* places area vertically on page - 0px aligns with top of news-area */
	left:690px;						  /* places area horizontally on page */
	width:276px;
	height:60px;	
	background-color:#004f9e;
	border:1px solid #1665b0;
}
div.service-times-header {
	position:absolute;
	top:-30px;
	left:0px;
	width:275px;
	height:32px;
	background:url(images/header.jpg) bottom no-repeat;	
}
div.service-times-header-text {
	position:absolute;
	top:5px;
	left:8px;
	width:276px;
	height:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:normal;
	color:#ffffff;	
}
div.service-times-text {
	position:absolute;
	top:30px; 
	width:250;
	padding:10 10 10 10px;
	margin:10 10 10 10px;
	background-color:#003A8B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.5;
	color:#ffffff;	
}
/* ====================================================================== MAP */
div.map-area {
	position:absolute;
	top:108px;							/* places area vertically on page */
	left:690px;						  /* places area horizontally on page */
	width:276px;
	height:275px;	
	background-color:#004f9e;
	border:1px solid #1665b0;
}
div.map-header {
	position:absolute;
	top:-30px;
	left:0px;
	width:275px;
	height:30px;
	background:url(images/header.jpg) bottom no-repeat;
}
div.map-header-text {
	position:absolute;
	top:5px;
	left:8px;
	width:276px;
	height:35px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:normal;
	color:#ffffff;	
}
div.map-text {
	position:absolute;
	top:30px;
	width:250px;
	padding:14 10 10 14px;
	margin:10 10 10 10px;	
	background-color:#003A8B;
}

/* ================================================================ PLAY GAME */
div.play-game-flash-area {
	position:absolute;
	top:34px;							/* places area vertically on page   */
	left:110px;						  /* places area horizontally on page */
	width:1px;
	}	

/* =================================================================== BOTTOM */
div.bottom-area {
	position:absolute;
	top:400px;							/* places area vertically on page   */
	left:-26px;					  		/* places area horizontally on page */
	width:988px;
}
div.copyright {
	position:absolute;
	top:0px;
	left:0px;
	width:988px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:normal;
	font-weight:bold;
	color:#84b6de;	
}
div.copyright a {
	text-decoration:underline;
	color:#84b6de;
}
div.copyright a:hover {
	text-decoration:none;
	color:#fff;
}
div.copyright a:visited {
	text-decoration:underline;
	color:#84b6de;
}
div.crnwebdev {
	position:absolute;
	top:45px;							/* places area vertically on page   */
	left:950px;					  		/* places area horizontally on page */
}
hr.bottom {
	color:#84b6de;
	width:988px;
	text-align:left;
}
/* =================================================================== FILLER */
img.transparent-filler {
	background:url(images/transparent.gif); 
}
/* ============================================================= GAME GRAPHIC	*/
img.gameGraphic {
	width:110px;
	height:81px;
}
/* ==================================================================== POPUP */
.popup {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	list-style:1.5;
	line-height:1.5;		
}
/* =================================================================== POPUP2 */
.popup2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	list-style:1.5;
	line-height:1.3;		
}
/* ==================================================================== AM-PM */
.ampm {
font-size:9px;
}
/* ================================================================ THUMBNAIL */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.thumbnail{
	position: relative;
	z-index: 0;
}
.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #000;
	padding: 0px;
	left: -1000px;
	visibility: hidden;
	text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: -405px; /*position where enlarged image should offset horizontally */
	/* The following lines in combination with the OnClick in the HTML were added to wllow the popup to be a link. */
	display: block;
	text-decoration: none;
	position: absolute;
	cursor:pointer;
}
/* =============================================================== THUMBNAIL2 */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.thumbnail2{
	position: relative;
	z-index: 20;
}
.thumbnail2:hover{
	background-color: transparent;
	z-index: 50;
}
.thumbnail2 span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #000;
	padding: 0px;
	left: -1000px;
	visibility: hidden;
	text-decoration: none;
}
.thumbnail2 span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}
.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -128;
	left: -405px; /*position where enlarged image should offset horizontally */
	/* The following lines in combination with the OnClick in the HTML were added to wllow the popup to be a link. */
	display: block;
	text-decoration: none;
	position: absolute;
	cursor:pointer;
}

/* =============================================================== THUMBNAIL2 */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.thumbnail3{
	position: relative;
	z-index: 20;
}
.thumbnail3:hover{
	background-color: transparent;
	z-index: 50;
}
.thumbnail3 span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #000;
	padding: 0px;
	left: -1000px;
	visibility: hidden;
	text-decoration: none;
}
.thumbnail3 span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}
.thumbnail3:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -256;
	left: -405px; /*position where enlarged image should offset horizontally */
	/* The following lines in combination with the OnClick in the HTML were added to wllow the popup to be a link. */
	display: block;
	text-decoration: none;
	position: absolute;
	cursor:pointer;
}

#slideshow {
	border-style:none;
}

/* ========================================================== COLOR REFERENCE
	#ffffff (RGB 255 255 255) white
	#84b6de (RGB 132 182 222) very light blue
	#1665b0 (RGB 22 101 176)  lighter blue than background
	#004f9e (RGB 0 79 158)    background blue
	#003a8b (RGB 0 58 139)    darker blue than background
	#025291	(RGB 2 82 145)    darkest blue
	#acd373 (RGB 172 211 115) light green
   ========================================================================== */