/* CSS Document */

/*<div id="menu"> <ul id="item1"> <li class="top">menu item</li> <li class="item"><a href="#">menu item 1</a></li> <li class="item"><a href="#">menu item 2</a></li> <li class="item"><a href="#">menu item 3</a></li> </ul> </div>*/

body{margin:0;}



/* Image placement*/

.float_right {
float:right;
}

.float_left {
float:left;
}
.clear{
clear:both;
}


#menu{
	width:auto;
	margin-left:25px;
	margin-bottom:0;
	margin-right:0;
	margin-top:0;
	
	}

#menu ul{/*lines up in a horizontal row and sets padding and margin for the main items in the list*/
float:left;
margin:0;
padding-left:10px;
	padding-right:10px;
	padding-bottom: 10px;
list-style:none;
color:#000000;
	}


.mainmenulinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	font-weight:normal;
	padding-top:4px;
	padding-bottom: 4px;
	
}
a.mainmenulinks:link {
color: #FFFFFF;
text-decoration: none;
}


a.mainmenulinks:visited {
color: #FFFFFF;
text-decoration: none;
}

a.mainmenulinks:hover {
color:#999;
text-decoration: none;
}
a.mainmenulinks:active {
	color: #CCC;
text-decoration: none;
}






#menu ul .item{
	background-color:#474946;
	display:none;
	width:200px;
	margin-left:-10px;
	margin-top:7px;
	text-align: left;


}
#menu ul:hover .item{
position:absolute; 
display:block;

}


#menu ul:hover .item a:link, #menu ul:hover .item a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
line-height:16px;
	text-align: left;
	font-weight:normal;
	text-decoration:none;

}

#menu ul:hover .item a:hover {

color:#999;
}
#menu ul:hover .item a:active {


color:#FFFFFF;
}

.clear{clear:both;}