body {
	margin: 0;
	padding: 0;
}

/* Temporary container for the menu (a similar is present in the design layout) */
/*
.Pagemenu {
	background-color: #f7e1dc;
	height: 23px;
}
*/

.MyMenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

.MyMenu li {
	list-style-type: none;
	float: left;
}

.Level1 {
	float: left;
	position: relative; /* Drop down should be positioned relative to horizontal menu items */
	z-index: 99; /* The menu should display above any other content (and relatively positioned object) */
}

li.Level1:hover ul.MenuDropDown {
	display: block; /* This will reveal the drop-down menu */
}

ul.MyMenu ul.CSStoShow { /* This is the IE version of menu drop-down */
	display: block;
}

.MyMenu .Level1 a {
	display: block; /* Links should fill up the whole available place */
	text-decoration: none;
	padding: 5px 7px;
}

.MenuDropDown {
	margin: 0;
	padding: 1px 0 0 1px;
	border-right: 1px solid;
	border-bottom: 1px solid;
	position: absolute;
	top: 23px;
	left: 0;
	width: 131px; /* 130 */
	display: none;
	z-index: 1; /* This fixes the disapperaing menu problem in Firefox on index page */
}

.Level2 {
	float: left;
}

.Level2 a {	
	display: block;
	width: 117px; /* Mozilla and Opera need to have given width */ /* 116 */
	float: left;
}

.ie-only.Level2 a { /* IE-only: handles well 100% width */
	width: 100%;
}
 
.MyMenu img {
	border: 0;
}
.ie-only.Haziko { /* IE-only: positioning the picture needs a bit tweaking. */
	padding-top: 1px;
	padding-bottom: 2px;
} 

/*** Colors *************************************************/

/* All menu items should have the same color (#80312c) as
 * the hands of the little man in the logo. This includes all link colors.
 */
.MyMenu li, .MyMenu a {
	color: #80312c;
}
/* The ".MyMenu" has a given background color (#f7e1dc). 
 * The same color is applied to unselected menu items in 
 * ".Level1" menu and ".Level2" selected items. 
 */
.MyMenu, 
.MyMenu li.Level1, 
.MyMenu li.Level2 a:hover
{
	background-color: #f7e1dc;
}
/* ".Level2" menu items have white background. */
li.Level2 {
	background-color: #fff;
}
/* ".Level1" selected menu items have the same color as the
 * head of the little man in the logo (#e8a698).  The same
 * color is applied to the background of the dropdown menu
 * (this will create the "light-border" effect with appropriate padding).
 */
li.Level1:hover, .MyMenu li.Level1Highlight, /*.Level1 a:hover,*/ .MenuDropDown {
	background-color: #e8a698;
}
/* The ".MenuDropDown" has the same color (#80312c) as the 
 * head of the little man in the logo. This will create the 
 * "dark-border" effect with appropriate border selection.
 */
.MenuDropDown {
	border-right-color: #80312c;
	border-bottom-color: #80312c;
}