*{
margin:0px;
padding:0px;

}



#menu {
	font-family: Arial, Helvetica, sans-serif;	
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	
}

#menu a {
	text-align: center;
}


#menu ul {
list-style-type:none;
}

#menu li {
	float:left;
	position:relative;
	/*allows submenu items to stack propertly*/
	width:154px;
	background-color:#FFCC33;
	border-left: thin solid gray;
	border-top: thin solid gray;
	border-bottom: thin solid gray;

}

#menu li ul{
display:none;
position:absolute;
}
/*find every list item in an unorderled list hide it  is display:none - */
/*prevents submenu from affecting content when displayed*/

#menu li:hover ul,li.over ul{
display:block;
}
/*for every unordered list  when user hovers over list item in an unordered list, display the submenu*/
/*added 2nd part, li.over ul as it is a 2nd part and it lets IE6 know that when you over the list, change the color, as IE6 only 
recognizes hover on a link, not a hover on a list item - so this is really here to work in IE6 version.*/

/*li:hover ul{
display:block;
}
/*for every unordered list  when user hovers over list item in an unordered list, display the submenu*/

#menu a, #menu a:visited{
	display:block;
	width:155px;
	color: #1573b5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;	
}

#menu a:hover{
/*background-color: #5e6544;*/
background-color: #FFFFFF;

}

#line {
	border-right: thin solid gray;
}

#sitehugger #menu #nav #line {
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: 000000;
}