/* ------- Width of the menu ------- */

.menutable {
	width: 135px;
}


/*** CLASSES FOR INACTIVE MENU ITEMS ***/

/* Level 1 */

.menu1 {
	cursor: pointer;
	background-color: none;
}
.menu1_hover {
	cursor: pointer;
	background-color: none;
}
.menu1text {
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}
.menu1text_hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: none;
	color:#FFD200;
}

/* Level 2 */

.menu2 {
	cursor: pointer;
	background-color: #FFD200;
}
.menu2_hover {
	cursor: pointer;
	background-color: #FFD200;
}
.menu2text {
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
.menu2text_hover {
	text-decoration: none;
	color: #FFFFFF;
}

/* Level 3 */

.menu3 {
	cursor: pointer;
	background-color: #FFD200;
}
.menu3_hover {
	cursor: pointer;
	background-color: #CFE015;
}
.menu3text {
	text-decoration: none;
	color: #000000;
}
.menu3text_hover {
	text-decoration: none;
	color: #FFFFFF;
}


/*** CLASSES FOR ACTIVE (SELECTED) MENU ITEMS ***/

/* Level 1 (active) */

.menuaktiv1 {
	text-decoration: none;
	color: #FFD200;
	font-weight: normal;
	background-color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

/* Level 2 (active) */

.menuaktiv2 {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
	background-color: #FFD200;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

/* Level 3 (active) */

.menuaktiv3 {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	background-color: #eeeeee;
}


/*** 

REFERENCE

text-decoration : text decoration such as underline or none
color : text color
font-weight: font in bold or normal
background-color: bg color in hex
height: height of the menu item
padding-top: use this value to position the menu item text vertically
padding-left: distance from left side of the parent <td> to the begining of the text of a menu item
cursor: appearance of the cursor when hovering over an element

***/
