/*CSS for Button Menu Drop Downs*/

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	width:800px;
	background-color:#000000;
	z-index:10;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
}

#nav a {
	display: block;
	width: 160px;
    background:#B6DAFF;
	/*border:0px solid #000000;*/
}

#nav li {
	float: left;
	width: 160px;
}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#nav li ul a {
 width:160px;
 color:#990000;
 background-color:#EDEDED;
 padding:3px;
 z-index:10;
 }

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	width:160px;
}

#nav li ul a:link {
	color:#990000;
	text-decoration: none;
}

#nav li ul a:visited {
	color:#990000;
	text-decoration: none;
}

#nav li ul a:hover {
  background-color:#990000;
	color:#FFFFCC;
	text-decoration: none;
}

#nav li ul a:active {
	background-color:#990000;
	color:#FFE373;
	text-decoration: none;
}

/*image rollovers*/

#nav a.home { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 160px; /* width of reactive image */
     height: 30px; /* height of reactive image */
		 background: url(images/home_off.gif) 0 0 no-repeat; /* source for start image */
     }

#nav a.home:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(images/home_on.gif); /* source for target image */
     }

#nav a.info { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 160px; /* width of reactive image */
     height: 30px; /* height of reactive image */
		 background: url(images/information_off.gif) 0 0 no-repeat; /* source for start image */
     }

#nav a.info:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(images/information_on.gif); /* source for target image */
     }

#nav a.ministry { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 160px; /* width of reactive image */
     height: 30px; /* height of reactive image */
     background-image: url(images/ministries_off.gif); /* source for start image */
     background-repeat: no-repeat;
     }

#nav a.ministry:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(images/ministries_on.gif); /* source for target image */
     }

#nav a.bible { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 160px; /* width of reactive image */
     height: 30px; /* height of reactive image */
     background-image: url(images/bibletools_off.gif); /* source for start image */
     background-repeat: no-repeat;
     }

#nav a.bible:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(images/bibletools_on.gif); /* source for target image */
     }

#nav a.contact { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 160px; /* width of reactive image */
     height: 30px; /* height of reactive image */
     background-image: url(images/contact_off.gif); /* source for start image */
     background-repeat: no-repeat;
     }

#nav a.contact:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(images/contact_on.gif); /* source for target image */
     }
