﻿    nav
    {
        background-image: url(/patients/Images/navigation/nav_bg-1x50.jpg);
        float: left;
        width: 100%;
        height: 50px;
    }

    nav ul
    {
        width: 764px;
        margin: 0;
    }

        nav ul:hover
        {
            color: red;
        }

    nav ul li
    {
        float: left;
        display: inline;
        text-align: center;
        border-left: 1px solid #387828;
        width: 126px;
        height: 50px;
    }
    /*Changes color on active top menu item*/
    nav ul li:hover
    {
        background-image:url("/patients/Images/navigation/topnav-gradient-hover-2x50.jpg");
        color:green;
    }
    
    nav ul li:first-child
    {
        border-left: none;
    }

    nav ul li a
    {
        display: block;
        padding: 8px 0 0;
        color: #FFF;
        text-decoration: none;
        height: 42px;
        position:relative;
    }
    
    nav ul li a:hover
    {
        text-decoration:none;
        color: #002144;
        background-image:url("/patients/Images/navigation/topnav-gradient-hover-2x50.jpg");
    }
    
    nav ul li ul
    {
        position: absolute;
        width: 200px;
        z-index: 100;
        background-color: #A3CBE4;
    }

    nav ul li ul li
    {
        margin: 0;
        width: 200px;
        text-align: left;
        height: auto;
        border-top: 1px solid #5198c4;
        border-left: none;
    }

    nav ul li ul li:first-child
    {
        border-top: none;
    }
    
/*Keeps parent ul active*/    
    nav li:hover a 
    {
        color:#002144;
    }
       

nav ul li ul li a {display:block;padding:10px;color:#444; padding:10px; height:auto;}
nav ul li ul li a:hover {background:#113459; color:#FFF; height:auto;}
nav ul li ul.fallback {display:none;}
nav ul li:hover ul.fallback {display:block;}