body {
	color: White;
	margin: 0;
	padding: 0;
	background: navy;
	font-size: 10pt;
	font-family: arial, helvetica, sans-serif;
}
hr { /*oddelovac menu a loga skoleni*/
clear: both;
visibility: hidden;
}

a:link    {color: white}
a:visited {color: white}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
}

#menu {
position: absolute;
top: 0;
left: 0;
width: 17em; /* sirka menu */
}
#menu dl {
float: left;

} 
#menu dt { /*Hlavni menu*/
cursor: pointer; cursor: hand; /*hand-rucka; pointer-sipka. Zde oboje zduvodu kompatibility*/
/*height: 2en;  vyska jednotlivych polozek menu 
line-height: 2en;*/
text-align: left; /* zarovnani*/
border: 0 none;
}
#menu dd { /*submenu*/
border: 1px solid navy; /*oramovani rozbaleneho menu*/
position: relative; 
}
#menu li { /* polozky */
text-align: left;
}

#menu dt a {
	/*Hlavni menu*/
	padding-left: 15px;
	color: White; /* barva textu v rozbalenem menu*/
	text-decoration: none;
	display: block;
	border: 0 none;
	height: 100%;
	background: url(images/dolu.gif) no-repeat 3px 50%;
}
#menu dt.nonactive a  {
	/*styl polozky bez submenu*/
	color: White;
	background: url(images/teckat.gif) no-repeat 3px 50%;
}
#menu dt.active a  { /*styl polozky bez submenu*/
color: red;
background: url(images/teckat.gif) no-repeat 3px 50%;
}
#menu dt#topmail.nonactive a  {
	/*styl polozky bez submenu*/
	color: White;
	background: url(images/mail.gif) no-repeat 3px 50%;
}
#menu dt#topmail.active a  { /*styl polozky bez submenu*/
color: red;
background: url(images/mail.gif) no-repeat 3px 50%;
}
#menu dt.activecolapse a { /* hlavni menu, zabalene, aktivni*/
/*font-weight: normal; */
color: red;
background: url(images/dolu.gif) no-repeat 3px 50%;
}
#menu dt.nonactivecolapse a {
	/*font-weight: normal; */
	color: White;
	background: url(images/dolu.gif) no-repeat 3px 50%;
}
#menu dt.activeexpand a  { /* hlavni menu, rozbalene, aktivni*/
/*font-weight: bold;*/ 
color: red;
background: url(images/vpravo.gif) no-repeat 3px 0%;
}
#menu dt.nonactiveexpand a  {
	/*font-weight: bold;*/
	color: White;
	background: url(images/vpravo.gif) no-repeat 3px 10%;
}
#menu li a {/*submenu*/
padding-left: 28px;
color: white; /* barva textu v rozbalenem menu*/ 
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
background: url(images/tecka.gif) no-repeat 15px 50%;
}
#menu li.active a {/*submenu - aktivni*/
color: red;
}
#menu li.nonactive a {/*submenu - neaktivni*/
color: white;
}

#menu dt a:hover {
	/*background: navy; #000 - barva pozadi pri najeti mysi*/
	background: url(images/teckac.gif) no-repeat 3px 50%;
	text-decoration: underline;
	color: White; /*margin-left: 1px;*/
}
#menu dt.nonactive a:hover  { /*styl polozky bez submenu*/
text-decoration: underline;
background: url(images/teckat.gif) no-repeat 3px 50%;
}
#menu dt.active a:hover  { /*styl polozky bez submenu*/
text-decoration: underline;
background: url(images/teckat.gif) no-repeat 3px 50%;
}
#menu li a:hover {
	/*margin-left: 1px;
background: navy; #000 - barva pozadi pri najeti mysi*/
	background: url(images/teckacm.gif) no-repeat 15px 50%;
	text-decoration: underline;
	color: White;
}