ul#mainMenu, ul
{
color:#33CCFF;
padding:0px; 
margin:0px;
list-style-type:none;
font-size:12px;
}

ul#mainMenu ul
{
margin-top:0px; 
position:absolute;
top:124px;
visibility:hidden;
width:181px;
background-color:#000;
color:#FFF;
}

ul#mainMenu li
{
float:left;
padding:0px;
list-style-type:none;

behavior: url('/hover.htc'); /* Protože IE nedodržuje CSS standarty, aby bylo řešení funkční, použijeme tento *.htc soubor */
}

ul#mainMenu a
{
color:#ffffff;
background:none;
display:block;
border-bottom:0px solid white;
text-decoration:none;
font-weight:normal;
padding:0px 30px 5px 30px;
margin:0px 0px 0px 0px;
}

ul#mainMenu a:hover
{
/*background-color:#993333;*/
text-decoration:underline;
color:#0099ff;
}

ul#mainMenu .active
{
/*background-color:#993333;*/
text-decoration:underline;
color:#0099ff;
}

ul#mainMenu ul a
{

border-bottom:1px;
border-left:2px solid #666;
border-right:0px solid #666;
border-bottom:0px;
padding:5px 0px 5px 5px;
margin:0px;
border-bottom:1px #FFF solid;
border-top:1px #FFF solid;
border-left:1px #FFF solid;
border-right:1px #FFF solid;
color:#FFF;
background-color:#036;
width:174px;
font-size:12px;
}

ul#mainMenu ul a:hover
{ 
color:#0099ff;
text-decoration:none;
}

ul#mainMenu li:hover ul, ul#mainMenu li.hover ul
{
visibility:visible;
margin:18px 0px 0px 0px;
}

ul#mainMenu li li
{
float:left;
border:none;
padding:0px;
}