/* Menu CSS for TVA - WhizzWeb 2005 */

.m1{                              /* Definition for firstly defined menu */
  position:absolute;
  margin-left:22px;
  margin-top:-12px;
  padding:0px;
  z-index:10;
}

/* Positioning individual menu items */
.m1 .level1 {
  margin:0px;
  padding:0px;
	float:left;
  padding-right: 5px;
}

/* Positioning menu items level 2 and further */
.m1 .level2 {
  float:none;
  margin:0px;
}

/* Positioning submenus */
.m1 .level1_sub {
  position:absolute;
  z-index:40;
  width:130px;
}
.m1 .level2_sub {
  position:relative;              /* Make this a folding menu */
  left:135px;                      /* offset from parent item */
	top:-22px;
  z-index:40;
  width:130px;
}

/* Appearance of the menu items */

/* The actual menu item (Level 1, all states) */
.m1 .level1 .layer1 {
  display: block;                  /* Make sure the entire bounding box is displayed */
  color: #FFF199;                  /* Text color of text on the item */
  filter:alpha(opacity=90);
  -moz-opacity:0.9;
  opacity: 0.9;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;           /* Remove the link underline */
  text-align: left;
  font-weight: bold;
  font-size:11px ! important;
  width: 130px;                    /* Width exclusive of padding and border */
  height: 19px;                    /* Height exclusive of padding and border */
  padding-top: 3px;                /* Room around the text*/
  margin-top: 0px;                 /* Push the item down */
  padding-left: 5px;               /* Push the item down */
  padding-right: 0px;              /* Push the item left */
  background-color:#555555;
}

.m1 .level1 .layer1:hover,
.m1 .level1 .level2 .layer1:hover,
.m1 .level1 .level2 .level3 .layer1:hover {
  color:#FFFFFF;
  background-color:#000000;
}

.m1 .level1.selected .layer1,
.m1 .level1 .level2.selected .layer1,
.m1 .level1 .level2 .level3.selected .layer1 {
  color:#FFFFFF;
}

.m1 .level1 .level2 .layer1 {
  color: #FFF199;
  margin:0px;
  display: block;                  /* Make sure the entire bounding box is displayed */
  width: 130px;                    /* Width exclusive of padding and border */
  height: 22px;                    /* Width exclusive of padding and border */
  padding-top: 0px;                /* Room around the text*/
  margin-top: 0px;                 /* Push the item down */
  padding-left: 5px;               /* Push the item down */
  padding-right: 0px;              /* Push the item left */
  font-size: 10px ! important;     /* and a smaller font */
  text-decoration: none;           /* Remove the link underline */
  text-align: left;
}

.m1 .level1 .level2 .level3 .layer1 {
  color: #FFF199;
  margin:0px;
  display: block;                  /* Make sure the entire bounding box is displayed */
  width: 130px;                    /* Width exclusive of padding and border */
  height: 22px;                    /* Width exclusive of padding and border */
  padding-top: 0px;                /* Room around the text*/
  margin-top: 0px;                 /* Push the item down */
  padding-left: 5px;               /* Push the item down */
  padding-right: 0px;              /* Push the item left */
  font-size: 10px ! important;     /* and a smaller font */
  text-decoration: none;           /* Remove the link underline */
  text-align: left;
}