/*1*/
#menu{
		position: relative;
		width: 95%; /*change 12/4/12 was 90%*/
		/*left: 0px;*/ /*change 12/4/12*/
		height: 42px;
		margin: 0 auto 0 auto;
	
}
/*2*/
#menu ul{
		margin: 0px;
		list-style-type: none;
}

/*Top level list items*/
#menu ul li{
		position: relative;
		float: left;
}

/*Top level menu link items style*/
#menu ul li a{
		display: block;
		font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size: 1.1em;
		font-weight: bold;
		padding: 7px 25px 7px 25px; /*CHANGE 12/4/12*/
		text-decoration: none;
		list-style-type: none;
		margin-bottom: 4px;
}
/*#menu li.parent >a,
#menu li.parent:hover > a 
{ 
		background-position: 98% 50%;
		background-repeat: no-repeat;
}*/


 /* The sub menu is hidden by default and its position is placed under the parent menu*/
#menu ul ul {
		display: none;
		position: absolute;
		top: 42px;
		left: 0;
		float: left;
		width: 180px;
		z-index: 99999;
}
/* The 2nd menu list element is given a minimum width */
#menu ul ul li {
		min-width: 180px;
}
/* When the mouse is over a list (li) element with unordered-list (ul) element inside then show it. The position when its shown is defined in the previous block of CSS*/
#menu ul li:hover > ul {
		display: block;
		width: 180px;
		font-size: .85em;
		text-align: left;
}
/*Styles 2nd level a tag*/
#menu ul ul a {
		margin: 0;
}