/* Drop Down Navigation Menu */

div#navigation {
        font-family: verdana, ariel, helvetica, tahoma, geneva, sans-serif;
	margin-top: 0px;
	margin-left: 138px;
	background: #242421;
	height: 25px;
        padding-left: 8px;
        padding-top: 0px;
        padding-bottom: 0px;
        font-size: 65%;
        text-align: left;
	font-weight: bold;
        color: #fff;    
		/* z-index:2; */
}

#main_navigation, #main_navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* This adds some background to the drop downs if you add width and it does the drop. */
/* FireFox needs this or it stacks all the links on top of each other */

#main_navigation li.drop_down ul {
	left: auto;
	background: transparent;
	margin-top: -1px;
	opacity: 1.0;
        filter: alpha(opacity=100);
		z-index:2;
}

#main_navigation li.drop_down ul#home {
	width: 12em;
	z-index:2;
}

#main_navigation li.drop_down ul#about {
	width: 22em;
	z-index:2;
}

#main_navigation li.drop_down ul#share {
	width: 23em;
	z-index:2;
}

#main_navigation li.drop_down ul#involved {
	width: 16em;
	z-index:2;
}

#main_navigation li.drop_down ul#grants {
	width: 20em;
	z-index:2;
}

#main_navigation li.drop_down ul#contact {
	width: 14em;
}

#main_navigation a {
	display: block;
	height: 20px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 1em;
	padding-left: 1em;
        background: url('/images/site/graphx/mini-rails.gif') right top no-repeat;
			z-index:2;
}


#main_navigation a:link {
	text-decoration: none;
	border-bottom: none;
}

#main_navigation a:visited {
	text-decoration: none;
	border-bottom: none;
}

#main_navigation a:hover {
	border-bottom: none;
	text-decoration: none;
	background: #8E1F1F url('/images/site/graphx/mini-rails.gif') right top no-repeat;
	color: #fff;
		z-index:2;
}

/* Sets the height of each line in the dropdown */
#main_navigation li {
	float: left;
	height: 20px;
}

/* Width of the Nav Row text and the spacing */

#main_navigation li.home {
	width: 80px;
}

#main_navigation li.about {
	width: 75px;
}

#main_navigation li.share {
	width: 160px;
}

#main_navigation li.involved {
	width: 115px;
}

#main_navigation li.grants {
	width: 75px;
}

#main_navigation li.contact {
	width: 80px;
}

#main_navigation li.search {
	width: 70px;
}

#main_navigation li ul {
	position: absolute;
	left: -9999px;
}

#main_navigation li ul a {
	display: block;
	font-size: 100%;
	width: 10em;
	background:#242421;
	color: #fff;
	text-align: left;
	z-index:2;
}

/* Drop Down menu widths */

#main_navigation li ul#home a {
	width: 12em;
}

#main_navigation li ul#about a {
	width: 22em;
}

#main_navigation li ul#share a {
	width: 17em;
}

#main_navigation li ul#involved a {
	width: 16em;
}

#main_navigation li ul#grants a {
	width: 20em;
}

#main_navigation li ul#contact a {
	width: 14em;
}

#main_navigation a {
	display: block;
	height: 20px;
	padding-top: 5px;
	padding-right: 1em;
	padding-left: 1em;
	color: #fff;
    opacity: .99;
    filter: alpha(opacity=99); 
		z-index:2;
}

#main_navigation li ul a:link {
	text-decoration: none;
	border-bottom: none;
}

#main_navigation li ul a:visited {
	text-decoration: none;
	border-bottom: none;
}

#main_navigation li ul a:hover {
	border-bottom: none;
	text-decoration: none;
	background: #8E1F1F;
        color: #fff;
}