﻿/* Controls the horizontal location of the menu*/
#nav {
    width:100%;
/* 1000 */
    font-family:Arial,Helvetica!important;
    font-weight:400;
    margin-top:0;
    margin-top:0;
    position:absolute;
    top:2.5%;
    left:20%;
    margin-left:3em;
/* 30 480 */
   /* width:60% */
    width:50%
}

#nav > a {
    display:none
}

#nav li {
    position:relative
}
/* Controls the the header of the menu Admin or My account */
#nav li a {
  /* color:#0b7b9e; */  
    color:#717d7f;
    text-align:right;
    padding-right:50px;
    display:block;
    text-decoration:none
}
/* Controls dopdown text color*/
#nav li ul a {
   /* color:#0b7b9e; */
    color:#717d7f;
    text-align:left;
    padding-right:3px;
    display:block;
    text-decoration:none
}

#nav li a:active {
}

#nav span:after {
    width:0;
    height:0;
    border:.313em solid transparent;
/* 5 */
    border-bottom:none;
    border-top-color:#00B0E7;
    content:'';
    vertical-align:middle;
    display:inline-block;
    position:relative;
    right:-.313em
/* 5 */
}

/* first level */ /* Controls the color of the location of the menu*/
#nav > ul {
    height:50px;
/* 60 */
/*background-color: #e15a1f;*/

    border:0 solid red;
    float:right;
    font-size:16px;
    margin-right:0px
}
/* Controls position of the dropdown */
#nav > ul > li {
    width:/*15% 120--------------from margin-right:5px;-----to----margin-right:-50px;  */180px;
    border:0 solid red;
    height:100%;
    margin-right:-50px;
    text-align:left;
    float:left;
    list-style:none
}
/* Contols the location of the header */
.widthfix {
    margin-left:-30px!important
}

#nav > ul > li > a {
    height:100%;
    font-size:16px!important;
/* 24 */
    line-height:2.5em;
/* 60 (24) */
    text-align:center;
    text-decoration:none
}

#nav > ul > li:not( :last-child ) > a {
    border-right:0 solid #cc470d
}

#nav > ul > li:hover > a,#nav > ul:not( :hover ) > li.active > a {
    background-color:#e5e5e5;
    color:#00B0E7
}

/* second level */
#nav li ul li a {
    text-align:left
}

#nav li ul {
    background-color:#e2e2e2;
    list-style:none;
    border:0 solid blue;
    display:none;
    position:relative;
   /* width:150px; */
    width:100%;
    margin-left:0;
    top:50%;
    box-shadow:-1px 2px 4px #abacac;
    -webkit-box-shadow:-1px 2px 4px #abacac;
    -moz-box-shadow:-1px 2px 4px #abacac
}
/* Controls the distance of the dropdown from the header */
#nav li:hover ul {
    display:block;
     margin-left:-30px;
    top:10px
}

#nav li:not( :first-child ):hover ul {
    left:-1px
}
/* Controls the location of the text in the dropdown and the font size and the size of the dropdown*/
#nav li ul a {
 /* width:144px; */
    width:180px;
    font-size:14px;
/* 20 */
    border-top:0 solid #e15a1f;
    text-decoration:none;
    padding:.75em;
/* 15 (20) */
    margin-left:-30px
}

/* Controls the color of the text for the dropdown*/
#nav li ul li a:hover,#nav li ul:not( :hover ) li.active a {
    background-color:/*e5e5e5*/
#;
    color:#00B0E7;
    text-decoration:none
}







@media all and (min-width: 501px) and (max-width: 767px) {
#nav li ul a {
 /* width:144px; */
    width:160px;
    font-size:12px;
    
/* 20 */
    border-top:0 solid #e15a1f;
    text-decoration:none;
    padding:.75em;
/* 15 (20) */
    
}
}


/* Controls the distance of the dropdown from the header */
@media all and (min-width: 501px) and (max-width: 767px) {
#nav li:hover ul {
    display:block;
    margin-left:-5%;
    top:20px
}
}








@media all and (max-width: 500px) {
#nav li ul a {
 /* width:144px; */
    width:160px;
    font-size:12px;
    
/* 20 */
    border-top:0 solid #e15a1f;
    text-decoration:none;
    padding:.75em;
/* 15 (20) */
    
}
}


/* Controls the distance of the dropdown from the header */
@media all and (max-width: 500px) {
#nav li:hover ul {
    display:block;
    margin-left:-15%;
    top:20px
}
}
