/* -------------------- Button Navigation ------------------ */

#navigation { float: left; clear: both; width: auto; height: 50px; padding: 0 48px 0 0; background-image: url(../images/terminal_end.png); background-position: top right; background-repeat: no-repeat; }

    #navigation a:link, #navigation a:visited { text-decoration: none; cursor: pointer; padding: 0 2px 0 2px; font-family: Arial, Helvetica, sans-serif; }
    #navigation a:hover, #navigation a:active { cursor: pointer; padding: 0 2px 0 2px; font-family: Arial, Helvetica, sans-serif; }











/*-- Corrected Nav --*/
#navigation ul.topnav { background-image: url(../images/terminal_nav_bg.jpg); background-position: top left; background-repeat: repeat-x; float: left; clear: right; margin: 0; padding: 0; list-style-type: none; font-weight: normal; height: 41px; }

    #navigation ul.topnav li { display: block; float: left; clear: right; padding: 0; margin: 0; text-decoration: none; }

        #navigation ul.topnav li a:link, #navigation ul.topnav li a:visited { display: block; padding: 0; /*-- Spacing Around the Main Navigation Bar --*/ margin: 0; color: #000; text-decoration: none; }
        #navigation ul.topnav li a:hover, #navigation ul.topnav li a:active { display: block; padding: 0 0 6px 0px; /*-- Spacing Around the Main Navigation Bar --*/ margin: 0; color: #000; }
        #navigation ul.topnav li a { display: inline-block; }

        #navigation ul.topnav li span.subhover /*--Hover effect for trigger--*/ { background-position: center; cursor: pointer; }

        #navigation ul.topnav li ul.subnav { list-style: none; position: absolute; /* --Important - Keeps subnav from affecting main navigation flow--*/ z-index: 100; top: 136px; color: #ffffff; margin: 0 0 0 13px; /*-- This controls the Sub Navigation Positioning to move it over more the left --*/ padding: 0; display: none; float: left; clear: both; border-left: 1px solid #b5b5b5; border-right: 1px solid #b5b5b5; border-bottom: 1px solid #b5b5b5; background-color: #F4F4F4; /*-- Change this color for the whole sub nav background color --*/ #width:200px; /*-- IE Does not Allow for Dynamic Expansion, This is the property to set IE's Width --*/ }
            #navigation ul.topnav li ul.subnav li p { color: #4e6082; letter-spacing: 1px; margin: 0; padding: 5px 25px 5px 0; font-size: 12px; }

            #navigation ul.topnav li ul.subnav li > p:after { content: "\25b6"; position: absolute; top: 0; right: 0; bottom: 0; width: 10px; color: #999999; font-size: 16px; display: flex; flex-direction: row; justify-content: center; align-items: center; text-align: center; padding: 0 10px 0 0; }

#navigation ul.topnav li ul.subnav li { position:relative; box-sizing: border-box; text-align: left; cursor: pointer; margin: 0; padding: 0; /*-- Spacing Around The Text --*/ border-top: 1px solid #999999; /*--Create bevel effect--*/ float: left; clear: both; font-size: 10px; width: 100%; text-indent: 10px; }

#navigation ul.topnav li ul.subnav li a { background: none; margin: 0; padding: 0; /*-- Spacing Around The Text --*/ text-decoration: none; color: #fff; z-index: 8; }
    
     #navigation ul.topnav li ul.subnav li:hover > a > p,
     #navigation ul.topnav li ul.subnav li:hover > p { background: none; background-color: #d4d4db; color: #000; }

#subsub { text-indent: 20px; /*-- This will set the left margin of the sub-sub-menu items --*/ }











/*----------END-------SUB MENU/PAGE TITLE-------------*/

.topnav_wrapper { border: 0px solid black; }

.topnav_left_img { margin: 0; padding: 0; float: left; clear: right; }
.topnav_left_img_hover { margin: 0; padding: 0; float: left; clear: right; }

.topnav_right_img { background-image: url(../images/terminal_separater.jpg); background-position: top left; background-repeat: no-repeat; height: 20px; width: 3px; margin: 0; padding: 0; float: left; clear: right; }
.topnav_right_img_hover { background-image: url(../images/terminal_separater.jpg); background-position: top left; background-repeat: no-repeat; height: 20px; width: 3px; margin: 0; padding: 0; float: left; clear: right; }

.topnav_text { color: #374F59; padding: 10px 10px 0 10px; margin: 0; height: 30px; float: left; clear: right; font-size: 16px; font-family: Arial, Helvetica, sans-serif; }
.topnav_text_hover { background-image: url(../images/button_repeat.png); background-repeat: repeat-x; color: #374F59; padding: 10px 10px 0 10px; margin: 0; height: 30px; float: left; clear: right; font-size: 16px; font-family: Arial, Helvetica, sans-serif; }

/*--- end of nav controls --*/










/*New Sub Sub Menu Fly Out Rule Set*/
.topnav_wrapper li ul {
    opacity:0;
    visibility:hidden;
    text-indent: 0;
    position: absolute;
    left: 99%;
    width: auto;
    white-space:nowrap;
    list-style: none;
    z-index: -1;
    top: -5px;
    color: #ffffff;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    border-left: 1px solid #b5b5b5;
    border-right: 1px solid #b5b5b5;
    border-bottom: 1px solid #b5b5b5;
    background-color: #F4F4F4;
     transition:all 0.15s ease;
}

.topnav_wrapper li:hover ul { opacity:1; visibility:visible; z-index:100; transition:all 0.15s ease; }