/* CSS for HISWORSHIP.org 

King of Kings Worship Center
106 Mine Brook Road
Bernardsville, NJ 07924
info@hisworship.org

Website by Elmar Beckmann / http://elmarbeckmann.com
(c)2007 Elmarbeckmann.com

*/

body, html{
	margin: 0 auto;
	padding: 0;
	color: #000;
}
body{
	font: 14px "Trebuchet MS", "Microsoft Sans Serif", verdana, geneva, helvetica, sans-serif;
	background: #000;
}

#container{
	text-align: left;
}

.innercnt{
	width: 835px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}

h1, h2, h3, h4, h5{
	margin: 0;
}


/* HEADER
------------------------------------------------------------------------------------- */

#header{
	background: #7b96c1 url(../../static/img/header.jpg) no-repeat 50% 0;
	height: 171px;
	position: relative;
	z-index: 0;
	text-align: center;
}

#header h1, #header h2, #header ul{
	display: none;
}

#header #topimage img{
    position: relative;
    top: 0;
    left: 430px;
    z-index: 200;
}

/* MENU
------------------------------------------------------------------------------------- */

#menu{
	background: #fff url(../../static/img/menu_bg.jpg) repeat-x;
	height: 30px;
	position: relative;
	z-index: 0;
	text-align: center;	
	z-index: 300;

}


 



/* NAVIGATION
------------------------------------------------------------------------------------- */

#nav { position: absolute; top: 0; right: 33px; width: 651px; height: 30px; margin:0; padding: 0;}
#nav li { float: left; position: relative; height: 30px; list-style: none; }
#nav li a { cursor: pointer; }
#nav li a, #nav li div { position: relative; display: block; height: 30px; text-decoration: none; font-size: 14px; }
#nav li strong { position: absolute; top: 0px; left: 0px; display: block; height: 30px; }
#nav li, #nav li a, #nav li strong, #nav li div { background-image: url(../../static/img/nav.jpg); }
#nav a:active, #nav a:visited { outline: none; }

#nav li.home, #nav li.home a, #nav li.home a strong	{ background-position: 651px 0px; width: 78px; }
#nav li.events, #nav li.events a, #nav li.events a strong { background-position: 573px 0px; width: 86px; }
#nav li.thechurch, #nav li.thechurch a, #nav li.thechurch a strong { background-position: 487px 0px; width: 137px; }
#nav li.ministries, #nav li.ministries a, #nav li.ministries a strong { background-position: 350px 0px; width: 122px; }
#nav li.resources, #nav li.resources a, #nav li.resources a strong { background-position: 228px 0px; width: 119px; }
#nav li.contact, #nav li.contact a, #nav li.contact a strong { background-position: 109px 0px; width: 109px; }

/* HOVER STATE */
#nav li.home:hover a, #nav li.home:hover a strong, #nav li.home a:hover, #nav li.home a:hover strong { background-position: 651px 60px; width: 78px; }
#nav li.events:hover a, #nav li.events:hover a strong, #nav li.events a:hover, #nav li.events a:hover strong { background-position: 573px 60px; width: 86px; }
#nav li.thechurch:hover a, #nav li.thechurch:hover a strong, #nav li.thechurch a:hover, #nav li.thechurch a:hover strong { background-position: 487px 60px; width: 137px; }
#nav li.ministries:hover a, #nav li.ministries:hover a strong, #nav li.ministries a:hover, #nav li.ministries a:hover strong { background-position: 350px 60px; width: 122px; }
#nav li.resources:hover a, #nav li.resources:hover a strong, #nav li.resources a:hover, #nav li.resources a:hover strong { background-position: 228px 60px; width: 119px; }
#nav li.contact:hover a, #nav li.contact:hover a strong, #nav li.contact a:hover, #nav li.contact a:hover strong { background-position: 109px 60px; width: 109px; }

/* ON STATE */
#nav li.homeon, #nav li.homeon strong, #nav li.homeon { background-position: 651px 30px; width: 78px; }
#nav li.eventson, #nav li.eventson strong, #nav li.eventson { background-position: 573px 30px; width: 86px; }
#nav li.thechurchon, #nav li.thechurchon strong, #nav li.thechurchon { background-position: 487px 30px; width: 137px; }
#nav li.ministrieson, #nav li.ministrieson strong, #nav li.ministrieson { background-position: 350px 30px; width: 122px; }
#nav li.resourceson, #nav li.resourceson strong, #nav li.resourceson { background-position: 228px 30px; width: 119px; }
#nav li.contacton, #nav li.contacton strong, #nav li.contacton { background-position: 109px 30px; width: 109px; }


/* NAVIGATION DROPDOWNS
------------------------------------------------------------------------------------- */
      
  ul#nav li ul.menu_dropper{
  margin: 0;
  display: none;
  padding: .5em;
  list-style-type: none;
  position: absolute;
  left: 0;
  width: 175px;
  background: none;
  background-color: #484848;
  border: 1px solid #444;
  z-index: 400;
  }
  
  ul#nav li.hovered ul.menu_dropper{
  display: block;
  }
  
  ul#nav li:hover ul.menu_dropper{
  display: block; 
  }
  
	ul#nav li ul.menu_dropper li{
	float: none;
	font-size: 1.1em;
	border-bottom: 1px dotted #3B3B3B;
	margin: 0;
	background: none;
	background-color: #484848;
		  height: 27px;
	}
	
	  ul#nav li ul.menu_dropper li a.sublink{
	  background: none;
	  background-color: #484848;
	  text-decoration: none;
	  color: white;
	  padding-top: 5px;
	  padding-left: 5px;
	  width: 170px;
	  font-size: 12px;
	  height: 22px;
	  }
	  
	  ul#nav li ul.menu_dropper li a.sublink:hover{
	  background-color: #585858;
	  color: #CFE0FF;
	  width: 170px;
	  }
	
  /* contact dropdown */
  ul#nav li.contact ul.menu_dropper{
  left: -82px;
  }
  
  ul#nav li.contacton ul.menu_dropper{
  left: -82px;
  }


/* FOOTER
------------------------------------------------------------------------------------- */

#footer{
	background: #000 url(../../static/img/footer.jpg) repeat-x;
	height: 62px;
	text-align: center;
}

#footer_content {
	padding: 32px 0 0 220px;
	color: #a6a376;
	font-size: 12px;
}

	#footer_content a {
		color: #a6a376;
		text-decoration: none;
		border-bottom: 1px #a6a376 dotted;
		height: 18px;
	}
	
	#footer_content a:hover {
		color: #fff;
		border-bottom: 1px #fff solid;
	}