/* ------------- mainmenu ----------------------------------- */


   
#mainmenu{
	padding:15px 0 0 0;
}


#mainmenu ul{
	list-style: none;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	color:#666666;
	text-align:left;
}

#mainmenu ul li{
  position: relative;
  margin:0px 0px;
  padding:0 0 1px 0;
  float:left;
  list-style-type:none;
	width: 185px;
}

#mainmenu ul li a{
	display:block;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	color:#000;
	padding:6px 12px 6px 4px;
	background-image: url(../images/dot.gif);
	background-repeat: no-repeat;
	background-position:0 bottom;
	font-family: Verdana, Geneva, sans-serif;
}

#mainmenu ul li a:hover, #mainmenu ul li:hover , #mainmenu ul li.hover{
	color:#666666;
	background-color: #B2C5ED;
}

#mainmenu ul li:hover a , #mainmenu ul li.hover a{
	color:#666666;
	background-color: #B1CCDD;
}

/* level 2*/

#mainmenu ul ul {
  position:absolute;
  top: 0;
  left: 100%;
  width: 185px;
  padding:0;
  display:none;
  background:transparent;
  margin:0;
  padding:0 0 0 1px;
  background-image: url(../images/vodka.png);
  background-repeat: repeat-y;
}


#mainmenu ul li ul li{
  margin:0;
  width:185px;
  float:left;
  z-index:100;
	background-color:#eeeeee;
  margin:0;
  padding:0 0 1px 0;
}


#mainmenu ul li ul li a, #mainmenu ul li:hover ul li a , #mainmenu ul li.hover ul li a{
	display:block;
	text-decoration:none;
	font-size:13px;
	font-weight:normal;
	color:#666666;
	background-color:#EDF6FB;
	padding:6px 12px 6px 12px;
  background-image: url(../images/dot.gif);
  background-repeat: no-repeat;
  background-position:0 bottom;	
	font-family: Verdana,Tahoma, Arial;
  z-index:100;
}

#mainmenu ul li ul li a:hover, #mainmenu ul li ul li.hover a:hover, #mainmenu ul li ul li:hover a:hover, 
#mainmenu ul li:hover ul li:hover, #mainmenu ul li.hover ul li.hover, #mainmenu ul li ul li:hover, #mainmenu ul li ul li.hover{
	color:#333;
	background-color:#B2C7FF;
}

#mainmenu ul li ul li:hover a , #mainmenu ul li ul li.hover a{
	color:#666666;
	background-color: #B2C7FF;
}

/* level 3*/

#mainmenu ul ul ul {
  position:absolute;
  top: 0;
  left: 100%;
  width: 185px;
  padding:0;
  display:none;
  background:transparent;
  margin:0;
  padding:0 0 0 1px;
  background-image: url(../images/vodka.png);
  background-repeat: repeat-y;
}


#mainmenu ul li ul li ul li{
  margin:0;
  width:180px;
  float:left;
  z-index:100;
  background-color:#eeeeee;
  margin:0;
  padding:0 0 1px 0;
}


#mainmenu ul li ul li ul li a, #mainmenu ul li ul li:hover ul li a , #mainmenu ul li ul li.hover ul li a{
	display:block;
	text-decoration:none;
	font-size:13px;
	font-weight:normal;
	color:#666666;
	padding:6px 12px 6px 12px;
	background-color:#EDF6FB;
  background-image: url(../images/dot.gif);
  background-repeat: no-repeat;
  background-position:0 bottom;	
	font-family: Verdana,Tahoma, Arial;
  z-index:100;
}

#mainmenu ul li ul li ul li a:hover, #mainmenu ul li ul li ul li.hover a:hover, #mainmenu ul li ul li ul li:hover a:hover{
	color:#333;
	background-color: #B2C7FF;
}

/* ---------------------------- */

#mainmenu ul li:hover ul ul, #mainmenu ul li:hover li:hover ul ul, #mainmenu ul li:hover li:hover li:hover ul ul,
#mainmenu ul li.hover ul ul, #mainmenu ul li.hover li.hover ul ul, #mainmenu ul li.hover li.hover li.hover ul ul {
	display:none;
	background-image:none;
} 

#mainmenu ul li:hover ul, #mainmenu ul li:hover li:hover ul, #mainmenu ul li:hover li:hover li:hover ul, #mainmenu ul li:hover li:hover li:hover li:hover ul,
#mainmenu ul li.hover ul, #mainmenu ul li.hover li.hover ul, #mainmenu ul li.hover li.hover li.hover ul, #mainmenu ul li.hover li.hover li.hover li.hover ul  {
	display:block;
	background-image:none;
}

a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:normal;
    text-decoration:none;
}
a.tt span{ display: none;	font-size:11px;
 }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	padding: 3px 0 0 0;
	width:200px;
	color: #993300;
	text-align: left;


	filter: alpha(opacity:90);
	KHTMLOpacity: 0.95;
	MozOpacity: 0.95;
	opacity: 0.95;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../images/bubble.gif) no-repeat bottom;
}