/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
/* base.css, part of YUI's CSS Foundation */

@import url(base.css);

html
{
	padding: 0px;
	margin: 0px;
}

/*#site_wrapper, #banner, #main, #feature, body, #navbar, #navbar ul*/
*
{
	padding: 0px;
	margin: 0px;
}

body, #navbar
{
	min-width: 800px;
}

body
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	width: 100%;
}

img
{
	border: 0px;
	padding: 0px;
}

/*
#banner, #main, #footer 
{
	width: 100%;
}
/**/

#banner, #site_wrapper
{
	visibility:hidden;
}

#content_load
{
	visibility: hidden;
	background-color: Transparent;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 900px;
	z-index: 1000;
}

#content_load div
{
	font-size: 0.75em;
	color: Black;
}

#content_load h4
{
	position: absolute;
	left: 515px;
}

#content_load img
{
	position: absolute;
	left: 595px;
}

#loading
{
	visibility:visible;
	background: black;
	width: 100%;
	height: 100%;
	z-index: 1000;
	position: fixed;
	left: 0;
	top: 0;
}

#loading h1
{
	padding: 400px;
	color: White;
	font-family: Century Gothic, Arial;
	font-size: 2.0em;
}

#loading_text
{
	display: block;
	position: absolute;
	padding: 0;
	margin: 0;
	left: 400px;
	top: 500px;
	font-family: Centruy Gothic, Arial;
	color: white;
}

#loading_bar_container
{
	display: block;
	position: absolute;
	padding: 0;
	margin: 0;
	left: 450px;
	top: 500px;
	width: 200px;
	height: 20px;
}

#loading_bar
{
	height: 20px;
}

#banner
{
	position: absolute;
	height:112px;
	display: block;
	top: 0;
	left: 0;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: white;
	background-position: left;
	background-image: url(../images/am_logo_main.png);
	background-repeat: no-repeat;
	z-index:25;
}

#banner .am_name
{
	float: left;
	background-color: transparent;
	display: block;
	margin-top: 10px;
	margin-left:150px;
	font-weight: bold;
	font-size: 1.5em;
	text-decoration: none;
	color:#000000;
}

.facebook, .twitter, .rss, .connect, .giving
{
	float: none;
	position: absolute;
	display: block;
	text-align: left;
	width: 65px;
	height: 15px;
	margin-top: 17px;
	padding-left:16px;
	padding-top: 2px;
	background-repeat: no-repeat;
	color: Black;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.6em;
}

.facebook
{
	background-image: url(../images/facebook.png);
	left:620px;
	background-position:left;
}

.facebook:hover
{
	background-image: url(../images/facebook_hover.png);
}

.twitter
{
	left: 720px;
	background-image: url(../images/twitter.png);
	background-position:left;
}

.twitter:hover
{
	background-image: url(../images/twitter_hover.png);
}

.rss
{
	left: 810px;
	background-image: url(../images/rss.png);
	background-position:left;
}

.rss:hover
{
	background-image: url(../images/rss_hover.png);
}

.connect
{
	left: 970px;
	background-image: url(../images/connect.png);
	background-position:left;
}

.connect:hover
{
	background-image: url(../images/connect_hover.png);
}

.giving
{
	left: 890px;
	background-image: url(../images/giving.png);
	background-position:left;
}

.giving:hover
{
	background-image: url(../images/giving_hover.png);
}

#banner h2
{
	float: none;
	position: absolute;
	background-color: transparent;
	display: block;
	top: 30px;
	left:150px;
	font-weight: bold;
	font-style: italic;
	font-size: 0.8em;
	color:#FFFFFF;
}

#subnav
{
	height: 20px;
	width: 100%;
	/*background: transparent url(../images/bg/submenu_bg.png) repeat-x top;*/
	background: black;
	position: absolute;
	left: 0px;
	top: 112px;
	z-index: 25;
}

#site_wrapper
{
	clear:both;
	margin: 0;
	padding: 0;
	height: 780px;
	overflow: hidden;
	background: black;
}

#main, #content, #teaser, #contact_us, #calendar, #worship, #give
{
	clear: both;
	height: 660px;
}

#main
{
	overflow: hidden;
	position: absolute;
	top: 112px;
	left: 0;
}

#teaser
{
	width: 1200px;
	background-color: Black;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
}

#to_know_container
{
	/*width: 602px;
	  height: 255px;
	*/
	width: 400px;
	height: 653px;
	position: absolute;
	top: 0px;/*550px;*/
	left: 0px;
	z-index: 17;
	color: white;
	cursor: pointer;
	overflow: hidden;
	background-color: transparent;
	/*padding-top: 20px;*/
}

#to_know
{
	/*
	width: 602px;
	height: 245px;
	*/
	width: 400px;
	height: 528px;
	position: absolute;
	top:  0px;/*550px;*/
	left: 0px;
	z-index: 17;
	color: white;
	cursor: pointer;
	background-color: Black;
	/*padding-top: 20px;*/
}

#to_know h3, #the_month, #to_know p
{
	position: absolute;
	margin: 0;
	padding: 0;
	/*width: 300px;*/
	width: 400px;
	cursor: pointer;
}

#to_know h3
{
	top: 503px;
	/*
	width: 600px;
	*/
	width: 400px;
	height: 25px;
	font-weight: bold;
	font-size: 1.1em;
	text-align: center;
	background: transparent url(../images/teasers/the_month_header.png) repeat-x;
	padding: 0px 0px 0px 0px;
	border: 1px solid black;
}

#to_know #arrow
{
	position: absolute;
	/*top: 230px;*/
	top: 508px;
	left: 50px;
	width: 18px;
	height: 25px;
	background-color: Transparent;
	z-index: 100;
}

#to_know #the_month, #to_know p
{
	/*background: transparent url(../images/teasers/to_know_bg.png) repeat;*/
	background: black;
	border: 1px solid black;
}

#the_month
{
	position: absolute;
	top: 0px;
	background-color: Black;
	/*padding: 5px;*/
	padding: 0;
}

#promo
{
	width: 125px;
	height: 74px;
	top:400px;
}

#to_know p
{
	position: absolute;
	font-weight: normal;
	font-size: 0.75em;
	top: 0px;
	left: 310px;
	height: 180px;
	padding: 20px 5px 10px 5px;
	width: 280px;
}

#main
{
	/*background: transparent url(../images/teasers/worship_alone_adjusted.jpg);*/
	background-color:Black;
	background-repeat: no-repeat;
	background-position: left top;
}

#navbar
{
	margin-top: 95px;
	margin-left: 120px;
	height:40px;
	/*
	background-image: url(../images/menu_bg.png);
	background-repeat: repeat-x;
	background-position: top;
	/**/
	color:#FFFFFF;
}

#nav
{
	position: absolute;
	top: 78px;
}

#navbar ul
{
	display:block;
	background-color: transparent;
}

.menu_lev1
{
	margin-left: 25px;
	padding-top: 0px;
	margin-top: 0px;
	list-style: none;
	display: block;
	float: left;
}

.menu_lev1.first_
{
	margin-left: 0;
}

.menu_lev1 a
{
	/*width: 125px;*/
	height: 25px;
	display: block;
	color: #FFFFFF;
	font-size: 0.9em;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	z-index: 5;
}

.menu_lev1 a:hover
{
	color: Red;
}

/********************* START OF SUBMENU STYES **************************/
.menu_lev1 ul
{
	display: block;
	position: absolute;
	padding: 0;
	margin: 0;
	background: transparent;
	overflow: hidden;
	z-index: 30;
}

.menu_lev1 ul li
{
	float: left;
	display: block;
	padding: 0;
	margin: 0;
}

.menu_lev1 ul li a
{
	font-weight: normal;
	padding: 0;
	margin: 0;
	display: block;
	font-size: 0.7em;
	text-align: left;
	padding: 2px 10px 5px 10px;
	width: auto;
	border-right: solid 1px #FFFFFF;
	z-index: 30;
}

.menu_lev1 ul li a[class~="first"]
{
	padding: 2px 10px 5px 10px;
}

.menu_lev1 ul li a[class~="last"]
{
	border: 0px;
}

#feature
{
	color: rgb(255, 255, 255);
	display:block;
	padding: 0;
	position: absolute;
	left:600px;
	top:150px;
	width:250px;
	max-height:300px;

	background-image: url(../images/bg/feature.png) !important;  /* Mozilla only */
	background-color: transparent !important;			         /* Mozilla only */
	background-image: none;										 /* IE only */
	background-color: #ffffff;									 /* IE only */
	border: solid 1px #404040;
	z-index: 30;
}

#feature h1
{
	display: block;
	left: 0px;
	padding-top: 10px;
	margin-top: -5px;
	height: 30px;
	width: 250px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(../images/bg/feature_h1.png) !important;
	background-color: Transparent !important;
	background-image: none;										 /* IE only */
	background-color: #ffffff;									 /* IE only */
	font-size: 1.0em;
	text-align: center;
}

#feature ul
{
	clear: both;
	margin:0;
	margin-top: -10px;
	padding: 0;
}

#feature ul li
{
	list-style: none;
	display: block;
}

#feature ul li p
{
	display: inline;
	float: left;
	font-size:0.9em;
	padding-top: 10px;
	border-top: 1px dashed #404040;
}

#feature .first
{
	border-top: 0;
}

.event
{
	clear: both;
	font-weight: bold;
	font-style:italic;
	width: 175px;
	margin-left: 10px;
}

.date
{
	font-weight: normal;
	width: 50px;
	position: relative;
	padding-right: 10px;
}

.opaquetext
{
	color: #FFFFFF;
	font-weight: bold;
	background-color: transparent;   /* transparent background      */
	z-index: 31;
}

#content, #contact_us, #calendar, #worship, #give
{
	clear: both;
	float: none;
	position: absolute;
	width: 100%;
	position: absolute;
	margin: 0;
	padding: 0;
	z-index: 17;
}

#calendar, #give
{
	background-color:Black;
}

#contact_us
{
	background: transparent;
}

#content
{
	left: 0px;
	top: 112px;
	background: url(../images/bg/content_bg.png) repeat;
	overflow: hidden;
}

#actual_calendar
{
	/*
	margin: 0;
	/**/
	position: absolute;
	padding: 5px;
	left: 10px;
	top: 10px;
	display: block;
	z-index: 20;
}

#calendar #calendar_title, #calendar #calendar_denis, #calendar #calendar_photos
{
	position: absolute;
	z-index: 18;
}

.contact
{
	display:block;
	clear:both;
	width: 335px;
	height: 170px;
	position: absolute;
	background: transparent url(../images/bg/contact_bg.png);
	background-repeat: no-repeat;
	color: rgb(255,255,255);
	z-index: 18;
}

.contact img
{
	position: relative;
	width: 100px;
	height: 100px;
	padding: 0px;
	border: solid 2px rgb(255, 255, 255);
	float: left;
}

.contact h1, .contact h2, .contact h3, .contact h4, .contact p
{
	position: relative;
	display: inline-block;
	padding: 0;
	margin: 0 0 0 5px;
	width: 210px;
	text-align: left;
}

.contact h1
{
	clear: none;
	font-size: 0.9em;
	font-weight: bold;
}

.contact h2
{
	clear: none;
	font-size: 0.8em;
	font-weight: normal;
}

.contact h3
{
	clear: none;
	font-size: 0.7em;
	font-weight: normal;
}

.contact h4
{
	clear: none;
	font-size: 0.7em;
	color: Red;
	padding-right: 5px;
	font-weight: normal;
	/*border: solid 2px red;*/
}

.contact p
{
	clear: none;
	font-size: 0.6em;
	color: rgb(255, 255, 255);
	font-weight: normal;
	padding: 5px;
	margin: 0;
}

#history, #core_values, #believe, #funnel
{
	position: absolute;
	left: 5px;
	top: 150px;
	width: 800px;
	background-repeat: no-repeat;
}

#history
{
	height: 425px;
	background: transparent url(../images/bg/text_panel.png) left top;
}

#core_values
{
	height: 250px;
	background: transparent url(../images/bg/text_panel_250.png) left top;
}

#believe
{
	height: 275px;
	background: transparent url(../images/bg/text_panel_275.png) left top;
}

#history h2, #core_values h2, #believe h2, #funnel h2
{
	background: transparent url(../images/bg/history_bg.png) left top;
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-top: 10px;
	margin-left: -5px;
	height: 40px;
	font-size: 1.4em;
	color: #FFFFFF;
}

#about_us, #controls, h2.bg
{
	width: 277px;
	height: 609px;
	position: absolute;
	background: transparent;
	background-repeat: no-repeat;
}

#about_us
{
	left: 0px;
	top: 0px;
	height: 650px;
	width: 100%;
	background-color: Black;
}

#about_us #controls
{
	background: transparent url(../images/bg/about_nav.png) left top;
}

#about_us #controls h2, h2.bg
{
	position: absolute;
	left: 62px;
	width: 150px;
	height: 50px;
	text-align: center;
	background: transparent;
	background-repeat: no-repeat;
}

#controls h2
{
	font-size: 1.4em;
	font-weight: bold;
	padding: 0;
	margin: 0;
	height: 40px;
	cursor: pointer;
}

h2.bg
{
	background: transparent url(../images/bg/about_nav_bg.png) left top;
	background-repeat: no-repeat;
	left: 797px;
	width: 200px;
}

*.article-body, *.why-funnel
{
	clear:both;
	position:absolute;
	left: 150px;
	top: 0px;
	background: transparent left top; /*url(../images/bg/text_panel_top.png) left top;*/
	background-repeat: no-repeat;
	width: 400px;
}

*.article-body p, *.why-funnel p
{
	background: transparent; /* url(../images/bg/text_panel_bottom.png) left bottom; */
	background-repeat: no-repeat;
	padding: 0px 20px 20px 5px;
	margin: 10px 0px 0px 0px;
	color: rgb(200,200,200);
	font-size: 0.7em;
}

#funnel .article-body
{
	width: 315px;
}

#funnel .article-body p
{
	padding: 5px 10px 15px 5px;
	margin: 5px 0px 0px 0px;
	color: rgb(20, 20, 20);
	background-position: left bottom;
}

#about_us
{
	overflow: hidden;
}

#give
{
	background-repeat: no-repeat;
	background-image: url(../images/bg/give_bg.png);
}

#give_txt
{
	position: absolute;
	top: 240px;
	left: 22px;
	width: 424px;
	padding: 5px;
	padding-bottom: 60px;
	margin: 0;
	font-family: Century Gothic, Verdana, Arial; 
	font-size: 0.8em; 
	font-weight: normal;
	color: #FBD39A; 
	background: url(../images/bg/give_txt.png) repeat;
	border: 1px solid #FBD39A;
}

#give_form
{
	position: absolute;
	top: 525px;
	left: 0px;
	width: 550px;
}

#give_btn
{
	display: block;
	position: absolute;
	left: 350px;
	top: 50px;
	margin: 0px;
}

#verisign
{
	display: block;
	position: absolute;
	left: 250px;
	top: 50px;
	margin: 0px;
}

#footer 
{
	height:75px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 772px;
	background-color: rgb(0,0,0);
	color: White;
	padding-top: 10px;
	font-size: 0.8em;
	z-index: 60;
	/*background-image: url(../images/footer/main_footer_1.png);*/
}