/* NAVIGATION BAR CSS STYLESHEET */


/* prep */ 
ul, li, a
{
margin: 0px 0px 0px 0px;
padding: 0px;
}
/* First Tier List */
ul#nav
{
    height: 2em;
    line-height: 1.9em;
    position:relative;
    margin-left:30px;
}
ul#nav a
{
    color: white;
    font-weight: bold;
    font-size:10px;
}
ul#nav li
{
    float:left;
    text-align:left;
    line-height:31px;
}
ul#nav li:hover
{
    background-image: url(images/silixa_site_02_hover.jpg);
}
ul#nav li a
{
    display:block;
    padding-left:15px;
    padding-right:15px;
}
ul#nav li a:active
{
    background-image: url(images/silixa_site_02_active.jpg);
}
#nav li.current /* change the background of the anchor assossiated with the page */
{
    background-image: url(images/silixa_site_02_active.jpg);
}
/* Second Tier List */
ul#nav li ul
{
    display:none; /*hide the second tier by default */
}
ul#nav li:hover ul /* show the second tier on hover */
{
    display:block;
    position:absolute;
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    margin-left:0px;
}
ul#nav li:hover ul li
{
    border-style: none solid solid solid;
    background-image: none;
    float: none;
    padding-left: 0px;
    background-color: #FFFFFF;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
    border-left-color: #CCCCCC;
}
ul#nav li:hover ul li a
{
    color: #000000;
    font-weight: normal;
    margin-left:0px;
    background-image:none;
}
ul#nav li:hover ul li:hover a
{
    color: #FFFFFF;
    font-weight: bold;
    margin-left: 0px;
}
ul#nav li:hover ul li:hover a
{
    background-color: #336699;
    display:block;
}