@charset "utf-8";
/* text and links */

body {
	margin-top: 0px;
	background-image: url("../images/main-background-gradient.png");
	background-repeat: repeat-x;
}

a:link {
	color: #0c9ed5; text-decoration: underline;
}

a:visited {
	color: #664a27; text-decoration: underline;
}

a:hover {
	color: #FFF; background: #0c9ed5; text-decoration: none;
}

a:active {
	color: #664a27;
}

h1 {
	font-size: 200%;
	color: #0c9ed5;
	font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: -0.5px;
	line-height: 100%;
	margin-top: 0px;
	margin-bottom: 6px;
}

h2 {
	font-size: 140%;
	color: #664a27;
	font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: -0.25px;
	line-height: 120%;
	margin-top: 0px;
	margin-bottom: 5px;
}

h3 {	
	font-size: 150%;
	color: #0c9ed5;
	font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
	font-weight: bold;
	line-height: 100%;
	margin-top: 0px;
	margin-bottom: 5px;
}

h4 {
	font-size: 140%;
	color: #664a27;
	font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: -0.25px;
	line-height: 120%;
	margin-top: 0px;
	margin-bottom: -5px;
}

h5 {
	font-size: 90%;
	color: #000;
	font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
	font-weight: normal;
	line-height: 110%;
}

/* presentation and main div containers */

#wrapper {
	width: 940px; 
	margin-left: auto;
	margin-right: auto;
}

#header {
	width: 940px; 
	height: 100px;
}

/* header containers (#home being parent, #logo, #lakeview and #info on left, #search on right */

#home {
	float: left;
	width: 546px;
	height: 100px;
}

#logo {
	float: left;
	width: 147px;
	height: 100px;
}

#lakeview {
	float: left;
	width: 399px;
	height: 57px;
}

#info {
	float: left;
	width: 399px; 
	height: 43px;
}

#search {
	float: right;
	width: 345px; 
	height: 80px;
	padding: 10px;
	text-align: right;
	vertical-align: top;
}

/* menu containers (#menu being parent, then #first container/#second container containing side borders and #left on left, #flash/#content in center, and #navcontainer parent to #nav on right */

#menu {
	width: 940px; 
	height: 40px;
}

#firstcontainer {
	float: left;
	width: 938px;
	background: #FFFFFF;
	border-left: solid 1px;
	border-left-color: #FFFFFF;
	border-right: solid 1px;
	border-right-color: #FFFFFF;
}

#secondcontainer {
	float: left;
	width: 934px;
	border-left: solid 2px;
	border-left-color: #9bc24f;
	border-right: solid 2px;
	border-right-color: #9bc24f;
}

#left {
	float: left;
	width: 217px;
	height: auto;
	background: #FFFFFF;
}
#social-links
{
	float: left;
	width: 217px;
	height: auto;
	background: #FFFFFF;
}

#flashholder {
	float: left;
	width: 500px;
	height: 250px;
	border-right: solid 1px;
	border-right-color: #9bc24f;
}
#flashcontent {
	float: left;
	width: 500px;
	height: 250px;
	z-index: 0;
}

#top-image-lrg {
	float: left;
	width: 717px;
	height: 300px;
	border-right: solid 1px;
	border-right-color: #9bc24f;
}

#top-image-med {
	float: left;
	width: 717px;
	height: 200px;
	border-right: solid 1px;
	border-right-color: #9bc24f;
}

#top-image-sml {
	float: left;
	width: 717px;
	height: 100px;
	border-right: solid 1px;
	border-right-color: #9bc24f;
}

#front-content {
	float: left;
	width: 470px;
	background:url("../images/front-content-background.png");
	background-repeat: no-repeat;
	padding: 15px;
	font-size: 100%;
	border-right: solid 1px;
	border-right-color: #9bc24f;
	color: #000000;
	font-family: Helvetica, Tahoma, Verdana, Arial, sans-serif;
	font-weight: normal;
	line-height: 130%;
}

#content {
	float: left;
	width: 687px;
	background:url("../images/main-content-background.png");
	background-repeat: no-repeat;
	padding: 15px;
	font-size: 100%;
	border-right: solid 1px;
	border-right-color: #9bc24f;
	color: #000000;
	font-family: Helvetica, Tahoma, Verdana, Arial, sans-serif;
	font-weight: normal;
	line-height: 130%;
}

#search-content {
	width: 904px;
	background:url("../images/search-content-background.png");
	background-repeat: no-repeat;
	padding: 15px;
	font-size: 90%;
	color: #000000;
	font-family: Helvetica, Tahoma, Verdana, Arial, sans-serif;
	font-weight: normal;
	line-height: 130%;
}

#map {
	float: left;
	background-repeat: no-repeat;
	border: solid 1px;
	border-color: #9bc24f;
}


#navcontainer {
	float: right;
	width: 216px;
	margin: 0px;
	padding: 0px;
	padding-top: 0px;
	background:url("../images/main-nav-background.png");
	background-repeat: no-repeat;
}

#front-nav {
	width: 196px;
	padding-top: 0px;
	padding: 10px;
	font-size: 75%;
	color: #000000;
	font-family: Helvetica, Tahoma, Verdana, Arial, sans-serif;
	font-weight: normal;
	list-style-type:none;
	list-style-position: inside;
}

#nav {
	width: 196px;
	padding-top: 0px;
	padding: 10px;
	font-size: 80%;
	color: #000000;
	font-family: Helvetica, Tahoma, Verdana, Arial, sans-serif;
	font-weight: normal;
	line-height: 160%;
	list-style-type: none;
}

/* footer on bottom */

#bottom {
	float: left;
	width: 918px;
	height: 10px;
	padding: 10px;
	background:url("../images/main-footer.png");
	border-left: solid 1px;
	border-left-color: #FFFFFF;
	border-right: solid 1px;
	border-right-color: #FFFFFF;
	border-bottom: solid 1px;
	border-bottom-color: #FFFFFF;
	font-family: Helvetica, Tahoma, Verdana, Arial, sans-serif;
	font-size: 75%;
	color: #FFFFFF;
}

#footer {
	float: left;
	width: 918px;
	height: 10px;
	padding: 10px;
	text-align: center;
	font-family: Helvetica, Tahoma, Verdana, Arial, sans-serif;
	font-size: 70%;
	vertical-align: middle;
}
#date {
	float: left;
	width: 305px;
}
#sitemap {
	float: left;
	width: 305px;
	text-align: center;
}
#contact {
	float: right;
	width: 305px;
	text-align: right;
}

/* following are the logo and address image replacements */

ul#logo {
	margin:0px;
	padding:0px;
}

ul#logo li {
	display:block;
	float:left;
	list-style-type:none;
}

ul#logo li a {
	display:block;
	outline:none;
	width:147px;
	height:100px;
	background:url("../images/main-logo.png");
	text-indent:-9009px;
}
ul#lakeview {
	margin:0px;
	padding:0px;
}
ul#lakeview li {
	display:block;
	float:left;
	list-style-type:none;
}
ul#lakeview li a {
	display:block;
	outline:none;
	width:399px;
	height:57px;
	background:url("../images/main-lakeviewchurch.png");
	text-indent:-9009px;
}
ul#info {
	margin:0px;
	padding:0px;
}
ul#info li {
	display:block;
	float:left;
	list-style-type:none;
}
ul#info li a {
	display:block;
	outline:none;
	width: 399px;
	height: 43px;
	background: url("../images/main-info.png");
	text-indent:-9009px;
}



/* If suffering builds character, then I'm better off after enduring this menu.  But after many struggles, we have to give many thanks to John Faulds and his tutorial at http://www.tyssendesign.com.au/articles/css/single-image-replacement-rollovers-with-suckerfish-dropdowns/ 

Following are the main navigational menu image replacements */


ul.IR li { 
	position: relative;
		/* The original method recommends setting this so that the text doesn't peak out if you resize the text.
		   But overflow also includes our dropdown list, so we need the overflow to be visible. */
		/*overflow: hidden; */
	font-size: 0.9em;
}
			
.IR em {
	display: block;
	position: absolute;
	top: 0; left: 0;
	z-index: 1;
}
	
/* For IE5.x mac only */

* html>body	.IR { 
	position: static;
	overflow: visible;
	font-size: 10px;
}

* html>body .IR em  { 
	position: static; 
}
	
/* image replacement specific properties */

.nav { 
	list-style: none;
	margin: 0;
	padding: 0; 
}

.nav li { 
	float: left; 
}
	
.aboutus a, .aboutus em {
	width: 220px;
	height: 40px;
}

.news a, .news em {
	width: 160px;
	height: 40px;
}

.connect a, .connect em {
	width: 106px;
	height: 40px;
}

.agelevel a, .agelevel em {
	width: 124px;
	height: 40px;
}

.learn a, .learn em {
	width: 96px;
	height: 40px;
}

.care a, .care em {
	width: 92px;
	height: 40px;
}

.generosity a, .generosity em {
	width: 142px;
	height: 40px;
}

/* for ie5.x/mac only */	
* html>body ul.nav li em { 
	margin-bottom: -40px; 
} 

	
.aboutus em, .news em, .connect em, .agelevel em, .learn em, .care em, .generosity em { 
	background: url("../images/main-menu.png") no-repeat; 
	cursor: pointer;
	/* IE5 requires cursor: hand; however this is not valid CSS2 */
}

.aboutus em { background-position: 0 0; }
.aboutus:hover em { background-position: 0 -40px; }
.news em { background-position: -220px 0; }
.news:hover em { background-position: -220px -40px; }
.connect em { background-position: -380px 0; }
.connect:hover em { background-position: -380px -40px; }
.agelevel em { background-position: -486px 0; }
.agelevel:hover em { background-position: -486px -40px; }
.learn em { background-position: -610px 0; }
.learn:hover em { background-position: -610px -40px; }
.care em { background-position: -706px 0; }
.care:hover em { background-position: -706px -40px; }
.generosity em { background-position: -798px 0; }
.generosity:hover em { background-position: -798px -40px; }
	
/* suckerfish styles */
.nav a { 
	display: block; font-weight: normal; 
}

* html .nav a { 
	height: 1%; 
}
	
.nav li ul, .nav a ul {
	position: absolute;
	z-index: 10; /* show the dropdowns above the images */
	top: 40px; /* position the dropdowns a set distance from the top of the image */
	left: -999em;
	list-style: none;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 100%;
	border: 2px solid #9bc24f;
	border-bottom: 1px solid #9bc24f;
	padding-left: 0px;
	margin-left: 0px;
}

.nav li:hover ul { 
	left: auto; 
}
	
.nav li li {
 	height: auto;
	float: none;
 	padding-bottom: 0; /* reset the height set on the IR list items */
	display: block;
  	border-bottom: 1px solid #9bc24f;
}

.nav li ul a {
	height: auto;
  	padding: 0.5em;
  	color: #0c9ed5;
  	background: #FFF;
	border-bottom: #0c9ed5;
}

.nav li ul a:hover {
 	color: #FFF;
  	background: #0c9ed5;
}

.nav li ul a:link {
	text-decoration: none;
}

.nav li ul a:visited {
	text-decoration: none;
}

li.aboutus ul a {width: 204px;}
li.news ul a {width: 144px;}
li.connect ul a {width: 90px;}
li.agelevel ul a {width: 108px;}
li.learn ul a {width: 80px;}
li.care ul a {width: 76px;}
li.generosity ul a {width: 126px;}

/* The following are the left side nav "welcome area" image replacements */

h3.welcome {
	width: 217px; height: 124px;
	margin:0px;
	padding:0px;
	background: url("../images/front-welcome.png") no-repeat;
	text-indent: -9999px;
}

ul#leftnav-links {
	margin:0px;
	padding:0px;
}

ul#leftnav-links li {
	display:block;
	float:left;
	list-style-type:none;
}

ul#leftnav-links li a {
	display:block;
	outline:none;
	width:217px;height:42px;
	background:transparent url("../images/front-new.png") no-repeat 0 0;
	text-indent:-9009px;
}

ul#leftnav-links li a:hover {
	background-position: 0 -126px;
}

ul#leftnav-links li#servicetimes a {
	display:block;
	width:217px;
	height: 27px;
	background-position: 0px -42px;
}

ul#leftnav-links li#servicetimes a:hover {
	background-position: 0px -166px;
}

ul#leftnav-links li#directions a {
	display:block;
	width: 217px;
	height: 24px;
	background-position: 0px -69px;
}

ul#leftnav-links li#directions a:hover {
	background-position: 0px -195px;
}

ul#leftnav-links li#contactus a {
	display:block;
	width:217px;
	height: 33px;
	background-position: 0px -93px;
}

ul#leftnav-links li#contactus a:hover {
	background-position: 0px -219px;
}


/* The following are the left side nav "popular links" image replacements */

ul#leftpopular-links {
	margin:0px;
	padding:0px;
}

ul#leftpopular-links li {
	display:block;
	float:left;
	list-style-type:none;
}

ul#leftpopular-links li#news a {
	display:block;
	outline:none;
	width:217px;height:75px;
	background:transparent url("../images/front-news.jpg") no-repeat 0 0;
	text-indent:-9009px;
}

ul#leftpopular-links li#news a:hover {
	background-position: 0 -75px;
}

ul#leftpopular-links li#calendar a {
	display:block;
	outline:none;
	width:217px;height:75px;
	background:transparent url("../images/front-calendar.jpg") no-repeat 0 0;
	text-indent:-9009px;
}

ul#leftpopular-links li#calendar a:hover {
	background-position: 0 -75px;
}

ul#leftpopular-links li#sermons a {
	display:block;
	outline:none;
	width:217px;height:75px;
	background:transparent url("../images/front-sermons.jpg") no-repeat 0 0;
	text-indent:-9009px;
}

ul#leftpopular-links li#sermons a:hover {
	background-position: 0 -75px;
}

ul#leftpopular-links li#graphics-library a {
	display:block;
	outline:none;
	width:217px;height:75px;
	background:transparent url("../images/front-graphics.jpg") no-repeat 0 0;
	text-indent:-9009px;
}

ul#leftpopular-links li#graphics-library a:hover {
	background-position: 0 -75px;
}

/* The following is the home logo image replacement */

ul#homelogo-list {
	margin:0px;
	padding:0px;
}

ul#homelogo-list li {
	display:block;
	float:left;
	list-style-type:none;
}

ul#homelogo-list li a {
	display:block;
	outline:none;
	width:217px;height:75px;
	background:transparent url("../images/home-logo.png") no-repeat 0 0;
	text-indent:-9009px;
}

ul#homelogo-list li a:hover {
	background-position: 0 -75px;
}

/* The following is the advent conspiracy image replacement */

ul#adventconspiracy-logo {
	margin:0px;
	padding:0px;
}

ul#adventconspiracy-logo li {
	display:block;
	float:left;
	list-style-type:none;
}

ul#adventconspiracy-logo li a {
	display:block;
	outline:none;
	width:217px;height:75px;
	background:transparent url("../images/front-adventconspiracy-logo.png") no-repeat 0 0;
	text-indent:-9009px;
}

ul#adventconspiracy-logo li a:hover {
	background-position: 0 -75px;
}

/* The following are the company logo replacements */

ul#picture-links {
	margin:0px;
	padding:0px;
}

ul#picture-links li {
	display:block;
	float:left;
	list-style-type:none;
}

ul#picture-links li a {
	display:block;
	outline:none;
	width:79px;height:75px;
	background:transparent url("../images/logos.png") no-repeat 0 0;
	text-indent:-9009px;
}

ul#picture-links li a:hover {
	background-position: 0 -75px;
}

ul#picture-links li#twitter a {
	display:block;
	width:68px;
	height: 75px;
	background-position: -79px 0px;
}

ul#picture-links li#twitter a:hover {
	background-position: -79px -75px;
}

ul#picture-links li#youtube a {
	display:block;
	width:70px;
	height: 75px;
	background-position: -147px 0px;
}

ul#picture-links li#youtube a:hover {
	background-position: -147px -75px;
}

form div.box input {
	background-image: url("../images/search-background.png");
	border: solid 1px;
	border-color: #FFF;
	font-size: 75%;
	color: #FFF;
	padding: 0.25em;
	font-family: Helvetica, Tahoma, Verdana, Arial, sans-serif;
	text-transform: uppercase;
}

form div.box input:hover {
	background-image: url("../images/search-background-hover.png");
	border-color: #FFF;
	color: #FFF;
}


/* site map CSS */
.OSM {
	font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
	font-weight: normal;
	line-height: 130%;
	width: 904px;
	margin-left: auto;
	margin-right: auto;	
	font-size: 100%;	

}
.OSMdir {
	background-color: #9bc24f;
	padding: 0.2em 0 0.2em .5em;
	color: #FFF;
	font-size: 120%;
		
}
.OSMfile {
	background: #fff;
	padding: .25em .25em .25em .5em;
	border: solid 0.5px;
	border-color: #9bc24f;	
}