div#tigernavcontainer
{
position: relative;
font: 12px "Verdana", serif;
text-align: center;}

ul#tigernavlist
{
border-top: 1px solid #fff;
margin: 0;

/* 4 * 120px li */
}

ul#tigersubnavlist
{
border-bottom: 2px solid #444;
border-left: 1px solid #444;
border-right: 1px solid #888;
margin: 0;
padding: 0;
position: absolute;
top: 30px;
width: 120px;
}

/* all buttons */
ul#tigernavlist li > a:link, ul#tigernavlist li > a:visited, ul#tigernavlist li * a:link, ul#tigernavlist li * a:visited
{
text-decoration: none;
width: 120px;
}

#tigernavlist li
{
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}

/* parents */
ul#tigernavlist li > a:link, ul#tigernavlist li > a:visited
{
background: #cococo;
border-bottom: 5px solid #ccc;
border-top: 0;
color: #01984B;
float: left;
}

ul#tigernavlist li > a:hover
{
background: #f5f5f5;
border-bottom: 4px solid #eee;
border-top: 1px solid #fff;
color: #000;
}

/* children */
ul#tigernavlist li * a:link, ul#tigernavlist li * a:visited
{
background: #ccc;
border-bottom: 0;
border-top: 2px solid #bbb;
color: #777;
display: block;
float: none;
}

ul#tigernavlist li * a:hover
{
background: #999;
border-bottom: 1px solid #888;
border-top: 1px solid #eee;
color: #fff;
}

/* active states */
a:link[id=current], a:visited[id=current]
{
background: #ccc !important;
color: #000 !important;
}

a:hover[id=current] { background: #f5f5f5 !important; }

a:link[id=subcurrent], a:visited[id=subcurrent]
{
background: #444 !important;
color: #fff !important;
}

a:hover[id=subcurrent] { background: #000 !important; }