/*  navigation */
/* ---------- Navigation CSS ---------- */

#navcontainer {
position:relative;
height:40px;
width:100%;
font-family:Arial, Verdana, Helvetica, sans-serif;
}
#nav {
position:relative;
height:40px;
font-size:12px;
/* text-transform:uppercase;
font-weight:bold; */
background:url(/thma/web.nsf/files/images/$file/nav-container-bg.gif) no-repeat left top;
padding:0 0 0 23px;
}

#nav ul {
margin:0;
padding:0;
list-style-type:none;
width:auto;
float:left;
}

#nav ul li {
display:block;
float:left;
margin:0px;
}

#nav ul li a {
display:block;
float:left;
color:#FFF;
text-decoration:none;
padding:0 0 0 25px;
height:40px;
}

#nav ul li a span {
padding:12px 25px 0 0;
height:28px;
float:left;
}

#nav ul li a:hover {
color:#fff;
background:transparent url(/thma/web.nsf/files/images/$file/nav-bg-over.gif) repeat-x left bottom;
}

#nav ul li a:hover span {
display:block;
width:auto;
cursor:pointer;
}

#nav ul li a.current, #nav ul li a.current:hover {
color:#fff;
background:#1D6893 url(/thma/web.nsf/files/images/$file/nav-left-on.gif) no-repeat top left;
line-height:325%;
}

#nav ul li a.current span {
display:block;
padding:0 25px 0 0;
width:auto;
background:#1D6893 url(/thma/web.nsf/files/images/$file/nav-right-on.gif) no-repeat top right;
height:40px;
}