/* CSS Document */

#navBar {
	width: 900px;
	top: 100px;
	height: 25px;
	padding-left: 5px;
	visibility: visible;
	z-index: 100;

}

#navBar ul {
	position: absolute; /* Important - this is what makes the drop line instead of drop column */
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	background-color:#cccccc;

}


#navBar li {
	width: 100px; /*this determines spacing for menu items*/
	float: left;
	
}

#navBar li ul li a{
	width: auto; /* this keeps drop line from extending off page */
	overflow: auto;
	background-color:#660000;
	color: #ffffff;

}

#navBar li ul li a:link {
	text-decoration: none;
	background-color:#660000;
	color: #ffffff;
}

#navBar li ul li a:hover {
	text-decoration: none;
	background-color:#cccccc;
	color: #660000;
	font-weight: bold;
				
}

#navBar li ul li a:visited {
	text-decoration: none;
	background-color:#660000;
	color: #ffffff;
}

#navBar li ul li a:active {
	text-decoration: none;
	background-color:#660000;
	color: #ffffff;
	
}

/* These styles are used in conjunction with PHP scripts to highlight the currently active page in the menu. If menu items are changed, these classes need to be adjusted */
body.home div#navBar ul li#home a,
body.about div#navBar ul li#about a,
body.program div#navBar ul li#program a,
body.give div#navBar ul li#give a,
body.volunteer div#navBar ul li#volunteer a,
body.host div#navBar ul li#host a,
body.workshops div#navBar ul li#events a,
body.links div#navBar ul li#links a,
body.shop div#navBar ul li#shop a {

	text-decoration: none;
	background-color: #660000;
	color: #ffffff;
	font-weight: bold;
	border: 0px;
}

#navBar a  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	display: block; /* makes menu items flow together in a long strip */
	padding: 5px 5px;
	margin: 0;
	border: 0px solid #cccccc; /* divider and border around menu items */
}


#navBar a:link {
	color: #000000;
	text-decoration: none;
	background-color: #cccccc;

}

#navBar a:visited {
	color: #000000;
	text-decoration: none;

}

#navBar a:hover {
	color: #ffffff;
	background-color: #660000;
	text-decoration: none;

}


#navBar a:active {
	color: #ffffff;
	background-color: #660000;
	text-decoration: none;
}

div#navBar ul ul,
div#navBar ul li:hover ul ul,
div#navBar ul ul li:hover ul ul {
	display: none; /* makes sub-menu items stick */
}


div#navBar ul li:hover ul,
div#navBar ul ul li:hover ul,
div#navBar ul ul ul li:hover ul

{
	display: block;
}

/* submenu when menu'd */
div#navBar ul ul li:hover
{
	background-color:#cccccc;
}


/* End of non-anchor hover selectors */

/* Styling for Expand */

#navBar a.x, #navBar a.x:visited{
font-weight:bold;
color:#000;
background:#eee url(/css/images/expand3.gif) no-repeat 100% 100%;
}

#navBar a.x:hover{
color:#fff;
background:#000;
}

#navBar a.x:active{
color:#060;
background:#ccc;
}

#navBar ul li ul li  {
	text-decoration: none;
	background-color:#440000;
	color: #ffffff;
}