/* Main menu */

.kklogo {
  background: #000000;
  color: #666666;
  width: 11.875em; /* 190px */
  height: 11.875em; /* 190px */
  border: none;
  margin: 0;
  padding: 0; 
  }


#menu-container {
  background: transparent;
  color: #000000;
  float: left;
  margin: 0;
  padding: 0;
  width: 11.875em; /* 190px */
  text-align: center;
  }


#menubox {
  background: transparent;
  color: #FFFFFF;
  margin: 0;
  padding: 0;
  }

#menu1 {
  background: transparent;
  color: #FFFFFF;
  margin: -0.2em 0 0 0;
  padding: 0;
  list-style-type: none;
  }

#menu1 li a {
  background: #000000;
  color: #FFFFFF;
  display: block;
  text-decoration: none;
  border-top: 1px #1f1f1f solid;    
  text-align: left;
  margin: 0;
  padding: 1em 0 1em 1.25em; 
  font-size: 0.6875em; /* 11px */
  font-weight: normal;
  line-height: 0.6875em; /* 11px */
  }

#menu1 li a:visited {
  background: #000000;
  color: #FFFFFF;
  }

#menu1 li a:hover, #menu1 li a:active {
  background: #2d2d2d;
  color: #FFFFFF;
  }

#kkvo #menu1-kkvo a,
#kklf #menu1-kklf a,
#kktt #menu1-kktt a {
  background: #2d2d2d;
  }

#kkvo #menu1-kkvo a:hover,
#kklf #menu1-kklf a:hover,
#kktt #menu1-kktt a:hover {
  background: #414141;
  }

/* Navigation on top of the page */

/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/skeleton2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */

#menu2, #menu2 ul {
background: transparent;
color: #FFFFFF;
padding: 0;
margin: 0;
list-style: none;
background: url(transparent.gif);
position: relative;
z-index: 100;
text-align: left;
}

#menu2 {
background: transparent;
color: #FFFFFF;
height: 1.872em; /* 30px */
padding-top: 1.5em;
font-size: 0.6875em; /* 11px */
width: 80%;
}

#menu2 table {border-collapse: collapse;}
#menu2 li {float: left;}
#menu2 li li {float: none;}

/* a hack for IE5.x and IE6 */
#menu2 li a li {float: left;}

#menu2 li a {
background: transparent;
display: block;
float: left;
color: #FFFFFF;
height: 1.4375em; /* 23px */
padding: 0 0.8em; /* 12px */
line-height: 1.375em; /* 22px */
text-decoration: none;
white-space: nowrap;
font-weight: normal;
}

#menu2 li li a {
height: 1.5625em; /* 25px */
line-height: 1.4375em; /* 23px */
float: none;
background: transparent;
}

.firstsubmenu {
margin-top: 0.625em; /* 10px */
}

#menu2 li:hover {
position: relative;
z-index: 100;
}
#menu2 a:hover {
position: relative;
z-index: 100;
}
#menu2 li:hover > a {
background: transparent;
color: #CCCCCC;
}

#menu2 :hover ul {
left: 0;
top: 1.438em;
z-index: 300;
}
#menu2 a:hover ul {
left: -0.0625em;
}

#menu2 ul {
position: absolute;
left: -9999px;
top: -9999px;
}

/* it could have been this simple if all browsers understood */
/* show next level */
#menu2 li:hover li:hover > ul {
left: 0;
margin-left: 100%;
top: 0;
}
/* keep further levels hidden */
#menu2 li:hover > ul ul {
position: absolute;
left: -9999px;
top: -9999px;
width: auto;
}
/* show path followed */
#menu2 li:hover li:hover > a {
background: transparent;
color: #CCCCCC;
}

#menu2 li a:hover ul li a:hover {
background: #414141;
}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#menu2 a:hover a:hover ul,
#menu2 a:hover a:hover a:hover ul,
#menu2 a:hover a:hover a:hover a:hover ul,
#menu2 a:hover a:hover a:hover a:hover a:hover ul
{left: 100%; top: 0;}



/* keep further levels hidden */
#menu2 a:hover ul ul,
#menu2 a:hover a:hover ul ul,
#menu2 a:hover a:hover a:hover ul ul,
#menu2 a:hover a:hover a:hover a:hover ul ul
{position: absolute; left: -9999px; top: -9999px;}

#newlistener {
  background: transparent;
  color: #FFFFFF;
  height: 1.872em; /* 30px */
  margin-top: 1.5em;
  font-size: 0.6875em; /* 11px */
  float: right;
  display: inline;
}

  
#newlistener a, #newlistener a:link, #newlistener a:visited {
color: #FFFFFF;
font-weight: normal;
text-decoration: none;
}

#newlistener a:hover, #newlistener a:active {
color: #CCCCCC;
font-weight: normal;
text-decoration: none;
}

#newlistener-icon {
  width: 0.75em; /* 12px */
  height: 0.625em; /* 10px */
  }