/*** Menu ***/
#menu
{	
	clear: both;
	position: relative;
	float: left;
	width: 98%;
	margin: 10px auto 2em auto;
	padding: 0;
	font-size: 1.1em;
	font-weight: bold;
	font-family: Arial, sans-serif;
	font-variant: small-caps;
	line-height: 2em;
	list-style: none;
	text-align: center;
	/*background:purple;*/
}
#menu ul
{
	margin: 0;
	padding-left: 0;
	position: relative;
	float: right;
	right: 49%;
	list-style: none;
	/*border: solid 3px blue;*/
}
#menu ul li
{
	width: 150px;
	min-width: 150px;
	padding: 0px 5px 0px 0px;
	position: relative;
	float: left;
	left: 50%;
	/*border: solid 2px green;*/
}
#menu ul li a
{
	/* menu links' properties */
	display: block;
	background: rgb(180,180,180);
	color: rgb(20,20,20);
	border: solid 1px rgb(20,20,20);
	text-decoration: none;
	/*border: solid 2px purple;*/
}
#menu ul li a:hover
{
	/* top menu items' properties when on menu item */
	background: rgb(0,60,140);
	color: #fff;
}
#menu ul li:hover a,
#menu ul li.hover a /* for IE <= 6 compatibility */
{
	/* top menu items' properties when on menu sub-items */
	background: rgb(0,60,140);
	color: #fff;
}
#menu ul ul
{
	width: 11em; /* width of the drop-down menus*/	
	display: none; /* Submenus hidden by default */
	position: absolute;
	top: 2em;
	left: 0%;
	right: auto;
	margin-top: 2px;
	/*border: solid 2px yellow;*/
}
#menu ul ul li
{
	/*border: solid 2px black;*/
	left: auto;
	clear: left;
	width: 100%; /* of the width of the drop-down menus */
	font-size: 0.9em;
	/*font-weight: normal;*/
	font-variant: normal;
	text-align: left;
}
#menu ul ul li a
{
	width: 100%;
	padding-left: 20px;
	border-top: none;
}
#menu ul ul li:first-child a
{
	margin-top: -1px;
	border-top: solid 1px rgb(20,20,20);
}
#menu ul li:hover ul li a,
#menu ul li.hover ul li a /* for IE <= 6 compatibility */
{
	/* menu sub-items' properties when on menu */
	background: rgb(180,180,180);
	color: rgb(20,20,20);
	/*border-top: solid 2px rgb(100,100,100);*/
}
#menu ul li:hover ul li a:hover,
#menu ul li.hover ul li a:hover /* for IE <= 6 compatibility */
{
	/* menu sub-item's properties when on item */
	background: rgb(0,60,140);
	color: #fff;
}
/* Hovering over the menu makes submenus show up */
#menu ul li:hover ul,
#menu ul li.hover ul /* for IE <=6 compatibility */
{
	display: block;
}