#Menu
{
	/* size and position */
	width: 100%;
	float: left;
}

#Menu table
{
	background-color: #185F9C; /* blue */
	width: 100%;
}

#Menu table table
{
	width: 100%;
}

#Menu td.MenuItem
{
	/* size and position */
	width: 220px;
	height: 25px; 
	
	/* border */
	border-style: outset;
	border-color: #C6C6C6; /* gray */
	border-width: 1px;
}

#Menu td.MenuItem:hover
{
	/* size and position */
	width: 220px;
	height: 25px; 
	
	/* border */
	border-style: inset;
	
	/* text color and decoration */
	color: #FFFFFF;
	text-decoration: none;
}

#Menu td.MenuItem a
{
	/* this is necessary in order to make the hyper link having the same size as the cell surrounding it */
	display: table-cell; 
	
	/* sizing */
	width: 220px;
	height: 25px; 
	
	/* text color */
	color: #FFFFFF;
	vertical-align: middle;
	font-weight: bold;
	
	/* margin and padding */
	padding: 0px 0px 0px 7px;
}

#Menu td.MenuItem a:hover
{
	/* text decoration */
	text-decoration: none;
}

#Menu td.MenuItemRoot
{
	/* background color */
	background-color: #185F9C; /* blue */
}

#Menu td.MenuItemLeaf
{
	/* background color */
	/* background-color: #477399; */ /* lightblue */
	background-color: #3980CC;
	
	/* sizing */
	width: 205px;
}

#Menu td.MenuItemSelected
{
 	/* border */
	border-width: 1px;
	border-style: inset;
	border-color: #C6C6C6; /* gray */

	/* sizing */
	width: 205px;	
}

#Menu td.MenuItemSelected a
{
	/* text color */
	color: #FFFFFF;
}

#Menu td.MenuItemSelected a:hover
{
	/* text decoration */
	text-decoration: none;
}

#Menu h1
{
	/* text color */
	color: #185F9C; /* blue */
	
	/* margin and padding */
	margin: 0px 0px 2px 0px;
	padding: 0px;
}