/* 

	 AUTHOR:  Dan King
	neomuse1@gmail.com
					
*/

/*            Colors:
                Blue:           #1e2171
                Dark Blue:      #0a0b49
                Nav-Blue:	#6b99cd
                Mustard Yellow: #b0913a
                Black:		#020607
                Gray: 		#717171
                Light Gray:	#B7B7B7
                Light-Blue	#37a4ff
                Off-White	#f1efe2
                Tan:            #d5ccb3
                Brown:          #403b35
                
*/

/* RESETS AND PAGE SETUP */

* { margin: 0; padding: 0 }
html { overflow-y: scroll; }


ul {list-style: none;}
a {color: #0a0b49; text-decoration: none; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; letter-spacing: -0.05em;}
a:hover {color: #b0913a;}
p  {color:#000000; font-size: 14px; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; line-height: 1.5em;}
li {list-style-type: none;}
h1 {color:#000000; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; text-decoration: none; font-size: 30px; padding: 10px 0 0 0; letter-spacing: -0.05em; font-weight: 200;}
h2 {color:#000000; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; text-decoration: none; font-size: 26px; padding: 0 0 10px 0; letter-spacing: -0.05em; font-weight: 200;}
h3 {color: #957b32; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; text-decoration: none;font-size: 16px; padding: 10px 0 10px 0; letter-spacing: -0.05em; font-weight: 200;}
h4 {color: #000000; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; text-decoration: none;font-size: 24px; padding: 10px 0 10px 30px; letter-spacing: -0.05em; font-weight: 200;}

a img {border: none;}

h2 a {color: #000000; text-decoration: none; font-size: 22px;}

body { padding:0; background-color: #403b35; background-attachment: fixed; background-repeat: no-repeat;}

.page-wrap { width: 960px; margin: 0 auto;}




#header {width: 960px; height: 180px; background: url(img/flower-header.jpg); position: relative;}



#login-section {background: transparent; color: #b0913a; padding: 10px; width: 200px; float: right;}
#login-section a {color: #0a0b49; font-size: 11px; text-decoration: none; font-weight: 200;}
#login-section a:hover {color: #b0913a;}

.logo {position: absolute; top: 10px; left: 10px; background: transparent; ;}


#main-content { margin: 50px 0 20px 0; width: 960px; background: #ffffff;}


#slideshow-main {width: 660px; background-color: #ffffff; margin: 70px 0 20px 0; z-index: 1;}

#left-main {width: 660px; background-color: #ffffff; float: left;}

#text-main {width: 660px; background-color: #ffffff; padding: 20px 10px 20px 20px; border-bottom: 10px solid #ffffff; border-left: 10px solid #ffffff; float: left;}

#sub-text-main { width: 880px; background: #ffffff; padding: 20px;}

#contact-main { position: relative; width: 880px; height: 600px; background: #ffffff; padding: 20px;}

.announcement { font-style: italic; }
.announcement h2 {color: red; font-size: 1.0em; }


#sidebar {
        position: relative;
        background: url(img/sidebar-background.jpg);
        margin-top: 70px;
	width: 270px;
        height: 398px;
	float: right;
	background-color: #d5ccb3;	
	
}

#video { position: absolute; top: 158px; left: -1px; border: none; }

#blog-link1 { background: url(img/ministry-messages-off.jpg); height: 32px; width: 254px; position: absolute; top: 300px; left: 5px; text-indent: -9999px; border: none;}
#blog-link1:hover { background-image: url(img/ministry-messages-on1.jpg); height: 32px; width: 254px; border: none;}

#blog-link2 { background: url(img/Sermons-off.jpg); height: 32px; width: 254px; position: absolute; top: 330px; left: 5px; text-indent: -9999px; border: none;}
#blog-link2:hover { background-image: url(img/Sermons-on1.jpg); height: 32px; width: 254px; border: none;}

#sidebar-two {
	width: 250px;
        height: 130px;
	float: right;
	background-color: #ffffff;
	padding: 10px;
	margin-top: 15px;
        border-left: 1px solid #717171;
        border-right: 1px solid #717171;
	
	
}



/*SLIDESHOW */



#slideshow {
    position:relative;
    height:400px;
    width: 580px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}



#container {height: 270px; width: 360px;}

#ad-section {clear: both; height: 130px; width: 660px; padding: 30px 0 20px 0;}

#bottom-ad1 {padding: 0; margin: 0 30px 0 0; float: left;}
#bottom-ad2 {padding: 0; margin: 0 30px 0 0; float: left;}
#bottom-ad3 {padding: 0; margin: 0; float: left;}


#contact-address {
    position: absolute;
    top: 100px;
    right: 40px;
    width: 200px;
}

#googlemap {
    position: absolute;
    top: 100px;
    left: 20px;
    width: 540px;
    height: 540px;
}





/* FOOTER STYLES */

#footer {
        width: 960px;
        position: relative;
        height: 280px;
	color: #00a0c6;
        background: url(img/flower-footer.jpg);
	clear: both;       
}

#footer-left {
    position: absolute;  
    top: 20px;
    left: 20px;
    
}

#footer-address {
    position: absolute;
    top: 20px;
    left: 400px;
}


.footer-text {
    position: absolute;
    top: 20px;
    left: 40px;
}

.footer-text p {color: #020607; font-size: 12px;}



#footer-nav {
    position: absolute;
    top: 20px;
    right: 100px;
    display: inline;
    text-decoration: none;
}

#footer-nav li {
    color: #1e2171;
    display: block;
    font-size: 12px;
    padding: 5px 10px;
}

#footer-nav li a {
    color: #020607;
}

#footer-nav li a:hover {
    text-decoration: underline;
    color: #020607;
}





#navigation {
	
	height: 50px;
	width: 960px;
	background-color: #020607;
	position: absolute;
	z-index: 99;
}
	
	/* Head links */
#cssdropdown li.headlink {
	width: 191px;
	float: left;
	margin-left: -1px;
	border: 1px solid #403b35;
	background-color: #e9e9e9;
	text-align: center;
	
}

#cssdropdown li.headlink a {
	display: block;
	padding: 15px;
	
}
 
/* Child lists and links */
#cssdropdown li.headlink ul { display: none; border-top: 1px black solid; text-align: left;}
#cssdropdown li.headlink ul a {font-size: 12px;}

#cssdropdown li.headlink:hover ul { display: block; background-color: #6b99cd;}
#cssdropdown li.headlink ul li a { padding: 5px; height: 17px;}
#cssdropdown li.headlink ul li a:hover { background-color: #403b35;}
	
/* Pretty styling */
#cssdropdown a { color: white; }
#cssdropdown ul li a { color: white;}



#cssdropdown ul li a:hover { text-decoration: none;}
#cssdropdown li.headlink { background-color: #020607;}
#cssdropdown li.headlink:hover { background-color: #6b99cd; }

#cssdropdown li.headlink ul { padding-bottom: 10px;}




#reg-form { padding: 0 100px 0 120px; line-height: 175%; position: relative; }

#reg-confirmation { padding: 100px 0 100px 0; line-height: 150%; text-align: center;}

form label {
  
  display: inline-block;
  width: 450px;
  font-weight: bold;
  
}

.vbs-header { text-align: center; }

.submit-button { padding: 30px 0; }

.button { padding: 3px 5px;  border: 1px solid #0a0b49; background-color: #d5ccb3; }

.button:hover { background: #6b99cd; color: #ffffff; }

.text-box { width: 200px;}

.large-box { width: 400px; height: 100px; }

.reg-pic { margin:  20px 0 30px 180px; }


#advertisement { margin: 0 0 15px 0; }