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

#container{
	margin:0;
	position:absolute;
		
}

#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:0px;
list-style:none;
	}

#menu ul .item{
display:none;
/*position:absolute; */
margin:-5px;
}
#menu ul:hover .item{
position:absolute; 
display:block;
background-image:url(../images/headers/buttons/drop_down_bg01.jpg);
}


#menu ul:hover .item a:link, #menu ul:hover .item a:visited {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10pt;
color:#FFFFFF;
font-weight:200;
text-decoration:none;
margin-left:12px;
margin-bottom:0;
margin-right:12px;
margin-top:-3px;
letter-spacing:1px;;

}

#menu ul:hover .item a:hover {

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


color:#cd9866;
}

.clear{clear:both;}