/* 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;}



#menu{
	margin: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:2px;
list-style:none;
	}

#menu ul .item{
display:none;
/*position:absolute; */
margin:0px;

}

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


#menu ul:hover .item a:link, #menu ul:hover .item a:visited {
margin-left:3px;
margin-bottom:0;
margin-right:12px;
margin-top:0px;


}

#menu ul:hover .item a:hover {


}
#menu ul:hover .item a:active {


}

.clear{clear:both;}