﻿
/* Begin CSS Popout topnav */

#topnav
{
    height: 28px;
    width:100%;
    background-color: #ccc;
}

#topnav a
{
    display:block;
    border-width:1px;
    border-style:solid;
    border-color:#ccc #888 #555 #bbb;
    margin:0 0 0 -1px;
    line-height: 24px;
    background-color: #999;
    padding: 1px 16px;
}

#topnav a
{
    font-weight: bold;
    background-color: #999;
    text-decoration:none;
}

#topnav a, #topnav a:visited
{
    color:#000;
}

#topnav a:hover
{
    color: #fff;
    background-color: #0062ab;
    z-index: 500;
}

#topnav li:hover
{
    color: #fff;
    background-color: #0062ab;
    z-index: 501;
}

#topnav a:active
{
    color:#060;
    background:#ccc;
}

#topnav ul
{
    list-style:none;
    margin:0;
    padding:0;
    top:auto;
    width:auto;
}

#topnav li
{
    background-color: #999;
}

li.mainNavItem
{
    float: left;
}

#topnav ul ul
{
    position:absolute;
    z-index:500;
    top:auto;
    display:none;
}

#topnav ul ul ul
{
    top:0;
    left:100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */


div#topnav li:hover
{
    cursor:pointer;
    z-index:1000;
}

div#topnav li:hover ul ul,
div#topnav li li:hover ul ul,
div#topnav li li li:hover ul ul,
div#topnav li li li li:hover ul ul
{display:none;}

div#topnav li:hover ul,
div#topnav li li:hover ul,
div#topnav li li li:hover ul,
div#topnav li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#topnav a.x, #topnav a.x:visited
{
    font-weight:normal;
    color:#000;
}

#topnav a.x:hover
{
    color:#fff;
    background:#000;
    z-index: 1001;
}

#topnav a.x:active
{
    color:#060;
    background:#ccc;
}

#topnavmenuline
{
    clear: both;
    padding: 0;
    width: 100%;
    height: 1px;
    line-height: 1px;
    background: #ccc;
}


/* End CSS Popout topnav */
