/* =========================================================================
For any free or commercial usage please keep this credits text intact.
Author : Femi Hasani www.vision.to ,test idea and CSS code.
The original version of this stylesheet and the associated (x)html
is available at http://www.vision.to/simple-css-one-level-dropdown-menu.php
A link to www.vision.to would be apperciated but not mandatory.
=============================================================================== */
#navigation ul#nav {
	z-index: 1000;
	background: #555 ;
	position: relative;
	top:-57px;
	left:56px;
	
}

#navigation ul#nav li {
    list-style:none;
	position: relative;
	float: left;
	text-align: left;
	line-height: 35px;
	font-size: 12px; 
	width:133px;
	margin-right:2px;
	
}

#navigation ul#nav li a {
	display: block;
	padding: 4px;
	color: #475377; 
	text-decoration: none;
	border-right: 0px solid #B4B4B4;
	text-align: center;
	background-image: url(../navimages/menushadow.png);

}

#navigation ul#nav li a span {
	padding: 0 5px 0 5px;
   /*	background: url(arrow.gif) no-repeat 100% 50%;  optional */
}

#navigation ul#nav  li div {
    display: block;
    position: absolute;
/* hidding submenus based on: http://css-class.com/articles/ursidae/  */
    left: -999em;/* this makes it more accessible than display:none; */
    width: 133px;
    padding: 4px 4px 4px 4px;
    background:#1c3ea2;/*dropdown menue color*/
	filter:alpha (opacity=85);
	-moz-opacity:.85;
	opacity:.85;
	-khtml-opacity: 0.85;
}

#navigation ul#nav  li:hover div,
#navigation ul#nav  li.over div /* This is for Internet Explorer 6  */
{
    display: block;
    left: 0;
    top: 100%;
    position: absolute;
    z-index: 4000;
    width: 125px;
}

#navigation ul#nav  li div a {
    width: 61px;
    height: auto;
    background: transparent;
    text-indent: 0;
    padding: 0;
}

#navigation ul#nav  li:hover div a,
#navigation ul#nav  li.over div a {
    display: block;
    width: 115px;/*this is to adjust if used some background image for dropdown */
    background: transparent;
    padding: 5px;
    text-decoration: none;
    margin: 0;
    color: #eeeeee;
    text-indent: 0;
    text-align: left;
    border: 0;
    white-space: nowrap;
}

#navigation ul#nav li div a:hover {
    color: #fff;
    background: #339900;/*submenue mouseover color*/
}

#navigation ul#nav li.active a,
#navigation ul#nav li a:hover,
#navigation ul#nav li:hover a,
#navigation ul#nav li.over a {
    	/*background-image: url(../navimages/menushadowON.png);/*main menue mouseover color*/
	background-color: #339900;
	color:#ffffff;
}