/*nav div*/
* {
margin: 0px;
padding: 0px;
}

.nav {
width: 100%;
background: #ffffff;
z-index: 1;
white-space: nowrap;
/*box-shadow: 2px 2px 10px #888888;*/
}

/*Take the bullets away*/
.nav .root {
list-style-type: none;
padding: 0;
max-width:900px;
margin-right:auto;
margin-left:auto;
border-top:1px solid #dcdcdc;
border-bottom:1px solid #dcdcdc;
}

/*Align Horizontally*/
.nav li {
position: relative;
display: inline-block;
}

/*Format top most buttons*/
.nav ul li a {
border: 0px;
padding-left: 40px;
padding-right: 40px;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
background: #ffffff;
color: #000000;
font-weight: bold;
text-decoration: none;
display: block;
font-family: Trebuchet MS;
margin-right: -4px;
font-size: small;
}

/*format top most button hover*/
.nav ul li a:hover {
background: #ffffff;
color: #8B0000;
}

/*Hide child buttons*/
.nav ul li ul {
display: none;
}

/*show child button for item that is hovered over*/
.nav ul li:hover ul {
display: block;
position: absolute;
z-index: 1;
}

/*show child buttons as vertical selection*/
.nav ul li:hover ul li {
display: block;
}

/*Format child buttons*/
.nav ul li:hover ul li a {
/*background: #8B0000;*/
color: #000000;
display: block;
/*width: 120px;*/
text-align: left;
}

/*Format child button hovers*/
    .nav ul li:hover ul li a:hover {
        background: #e9ecef;
        color: #8B0000;
    }


    /*Hide submenu buttons*/
    .nav .submenu {
        display: none !important;
        border-top: none;
        border-bottom: none;
    }

    /*show child button for item that is hovered over*/
    .nav ul li ul li:hover ul {
        display: block !important;
        position: absolute !important;
        left:100%;
        top:0;
        z-index: 1 !important;
    }

        /*show child buttons as vertical selection*/
        .nav ul li ul li:hover ul li {
            display: block !important;
        }

            /*Format child buttons*/
    .nav ul li ul li:hover ul li a {
        /*background: #8B0000;*/
        color: #000000 !important;
        display: block !important;
        /*width: 120px;*/
        text-align: left !important;
    }

                /*Format child button hovers*/
        .nav ul li ul li:hover ul li a:hover {
            background: #e9ecef !important;
            color: #8B0000 !important;
        }