/* common styling */
/* set up the overall width of the menu div, the font and the margins */
.menu {
	float:right;
	width:594px;
	height:37px;
}

/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul {
	padding:0; 
	margin:0;
	list-style-type: none;
}

/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.menu ul li {
	float:left; 
	position:relative; 
}

/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu ul li a, .menu ul li a:visited
{
	width:84px; 
	height:30px;
	padding:0;
	margin:0;
	/*
	text-align:center; 
	text-decoration:none; 
	color:#000; 
	border:1px solid #fff;
	border-width:1px 1px 0 0;
	background:#c9c9a7; 
	line-height:30px; 
	font-size:11px; */
	
}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
/*.menu ul li a:hover 
{
	color:#fff; 
	background:#b3ab79;
}*/

/* make the dropdown ul invisible */
.menu UL UL 
{
	POSITION: absolute; 
	display: none;
	TOP: 37px; 
	LEFT: 0px;
	line-height: 30px;
} 

/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li:hover ul {
	display:block; 
	width:84px;
	BACKGROUND-IMAGE: none; 
/*	BORDER-BOTTOM: #cd6708 1px solid; */
	LINE-HEIGHT: 30px; 
}

/*.menu UL LI UL LI {
	FONT-SIZE: 12px;
	line-height: 30px;
	text-align: center;
}

.menu UL LI UL LI A {
	BACKGROUND-IMAGE: none; 
	BORDER-BOTTOM: #cd6708 1px solid; 
	BACKGROUND-COLOR: #fc7b04; 
	MARGIN: 0px;
	PADDING:0px;
	WIDTH: 137px; 
	HEIGHT: 30px; 
	DISPLAY: block; 
	FONT-FAMILY: Tahoma; 
	FONT-SIZE: 12px;
	LINE-HEIGHT: 30px; 
}

.menu UL LI UL LI A:hover 
{
	BACKGROUND: #dfc184 ; /* #f2cdb0; /
	COLOR: #000
}*/



/* style the background and foreground color of the submenu links */
.menu ul li:hover ul li a {
	display:block; 
	background:#67AA8D; /*#faeec7*/
	BORDER-BOTTOM: #fff 1px solid; 
	color:#fff;
	text-align:center;
}


/* style the background and forground colors of the links on hover */
.menu ul li:hover ul li a:hover {
	background:#00522C; 
	color:#fff;
	text-align:center;
}