/* MAIN NAVIGATION */
.topnav, .footernav
{
    margin          : 0px;
    padding         : 0px;
    list-style-type : none;
}

    .topnav
    {
        background      : url('images/bg/nav-black-sl.png') top left repeat-x;        
        height          : 4.2em;
        margin-right    : 4px;
    }
    
    .topnav li 
    {
        float               : left;
        padding-right       : 3px;
        background          : url('images/bg/nav-pipe.png') top right no-repeat;
    }
    
    .topnav li a 
    {
        width               : 91px;
        padding             : 0px 10px 0px 9px;
        display             : block;
        color               : #ffffff;
        text-decoration     : none;
    }
    
    .topnav li a span
    {
        display             : block;
        line-height         : 2.6em;
    }
    
    .topnav li a:hover, .topnav li a:focus { background : url('images/bg/nav-grey-sl.png') top left repeat-x; outline : none; }

    .topnav li.first { padding-right : 0px; }
    .topnav li.first a { background : url('images/icons/nav-home-icon.png') left top no-repeat; width : 37px; height : 39px; padding : 0px; }
    .topnav .Home-active a, .topnav li.first a:hover, .topnav li.first a:focus { background : url('images/icons/nav-home-icon.png') left bottom no-repeat !important;  }
    .topnav li.first span { display : none; }
        
    .topnav li.active a, .topnav li.active a:hover { background : url('images/bg/nav-black-active.png') top left repeat-x; }

/* FOOTER NAVIGATION */
.footernav { padding-top : 15px; }
.footernav li { display : inline; margin-top : 20px;}

.footernav li a { text-decoration : none; margin-right : 3px; margin-left : 3px; }
.footernav li a:hover { text-decoration : underline; }

.footernav li.first { margin-left : 20px; }
.footernav li.first a { margin-left : 0px; }