/* Top menu - horizontal */

body{
font-size:0.8em;
font-family:Verdana, Arial, sans-serif;
}

#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:3.5em; 
}

#nav a{
display:block;
padding:0px 10px;
border:1px solid #fff;
color:#fff;
text-decoration:none;
background-color:#333;
}

#nav a:hover{
background-color:#fff;
color:#333;
}

#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:12em;
top:1.5em;
}

#nav li ul a{
width:12em;
height:auto;
float:left;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

/* Texts navigation */

ul#navigation {
width: 15em;
}

ul#navigation li {
list-style: none;
background-color: whitesmoke;
border-top: solid 1px whitesmoke;
text-align: left;
margin-left: -20px;
}

ul#navigation li a {
display: block;
text-decoration: none;
padding: .25em;
border-bottom: 1px solid black;
border-right: 1px solid black;
}

a:link, a:visited { color: #000000; }
a:hover, a:active { color: #ffffff; } 
a:hover { background-color: gray; }
p a:link, p a:visited { color: #000000; }


/* Texts tooltips */

#dhtmltooltip{
position: absolute;
left: -300px;
width: 200px;
border: 1px solid black;
padding: 2px;
background-color: whitesmoke;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}