/* Lilac : b833ac rgb(184,51,172)       lyser 40% opacity lysest 20%
   Red: ff5f55 rgb(255,95,85) 
   Cyan: 6bdcd5 rgb(107,220,213)
   Yellow: ffd600 rgb(255,214,0) */
ul.Nav,
.Nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.Nav {
    /* inner area */
    /*margin-right: 0;*/
    border: 0;
}
.Nav ul {
    /* 8px indent */
    border: 0;
}
.Nav li {
    padding: 0;
    margin: 0;
    background-color: rgba(0,0,0,0.2);
    border: 0;
    line-height: 25px; 
}
body.Lilac .Nav li { background-color: rgba(184,51,172,0.2); }
body.Red .Nav li { background-color: rgba(255,95,85,0.2); }
body.Cyan .Nav li { background-color: rgba(107,220,213,0.2); }
body.Yellow .Nav li { background-color: rgba(255,214,0,0.2); }

p.NavTitle {
    /* 220 - padding, must fit internal width of ul.Nav */
    margin: 0;
	border: 0;
	padding: 0 10px;
    font-weight: bold;
    font-size: 90%;
    color: #fff;
    line-height: 25px;
    background: #507f89;
}
body.Lilac p.NavTitle { background-color: rgb(184,51,172); }
body.Red p.NavTitle { background-color: rgb(255,95,85); }
body.Cyan p.NavTitle { background-color: rgb(107,220,213); }
body.Yellow p.NavTitle { background-color: rgb(255,214,0); }

p.NavTitle a { text-decoration:none; text-transform: uppercase; color: white }
p.NavTitle a:hover { text-decoration:underline }
ul.Nav > li:first-child {
    border-top: none;
}
.Nav a, 
.Nav a:link, 
.Nav a:visited, 
.Nav span { 
    display: block; 
    /* 220 - horiz padding */
    text-align: left; 
    padding: 0 10px;;
    text-decoration: none; 
    font-weight: normal;
    color: black;
    border-top: 1px solid white;
    background-color:  rgba(0,0,0,0.2) ;
}
body.Lilac .Nav a,
body.Lilac .Nav a:link,
body.Lilac .Nav a:visited,
body.Lilac .Nav span { background-color: rgba(184,51,172,0.2); }
body.Red .Nav a,
body.Red .Nav a:link,
body.Red .Nav a:visited,
body.Red .Nav span { background-color: rgba(255,95,85,0.2); }
body.Cyan .Nav a,
body.Cyan .Nav a:link,
body.Cyan .Nav a:visited,
body.Cyan .Nav span { background-color: rgba(107,220,213,0.2); }
body.Yellow .Nav a,
body.Yellow .Nav a:link,
body.Yellow .Nav a:visited,
body.Yellow .Nav span { background-color: rgba(255,214,0,0.2); }

.Nav .Level1 a,
.Nav .Level1 span {
    /* 212 - horiz padding  */
    padding: 0 5px 0 10px;
}
.Nav .Level2 a,
.Nav .Level2 span {
    /* 212 - padding  */
    padding: 0 5px 0 15px;
}
.Nav a.NavFolderSelected,
.Nav a.NavFolderSelected:link,
.Nav a.NavFolderSelected:visited,
.Nav a.NavItemSelected, 
.Nav a.NavItemSelected:link, 
.Nav a.NavItemSelected:visited {
    color: #000;
    font-weight: bold;
}
.Nav a.NavFolderUnfolded,
.Nav a.NavFolderUnfolded:link,
.Nav a.NavFolderUnfolded:visited,
.Nav a.NavFolderOpen,
.Nav a.NavFolderOpen:link,
.Nav a.NavFolderOpen:visited {
    color: #000;
    background-color:  rgba(0,0,0,0.4) ;
}
body.Lilac .Nav a.NavFolderUnfolded,
body.Lilac .Nav a.NavFolderUnfolded:link,
body.Lilac .Nav a.NavFolderUnfolded:visited,
body.Lilac .Nav a.NavFolderSelected,
body.Lilac .Nav a.NavFolderSelected:link,
body.Lilac .Nav a.NavFolderSelected:visited,
body.Lilac .Nav a.NavFolderOpen,
body.Lilac .Nav a.NavFolderOpen:link,
body.Lilac .Nav a.NavFolderOpen:visited { background-color: rgba(184,51,172,0.5); }
body.Red .Nav a.NavFolderUnfolded,
body.Red .Nav a.NavFolderUnfolded:link,
body.Red .Nav a.NavFolderUnfolded:visited,
body.Red .Nav a.NavFolderSelected,
body.Red .Nav a.NavFolderSelected:link,
body.Red .Nav a.NavFolderSelected:visited,
body.Red .Nav a.NavFolderOpen,
body.Red .Nav a.NavFolderOpen:link,
body.Red .Nav a.NavFolderOpen:visited { background-color: rgba(255,95,85,0.5); }
body.Cyan .Nav a.NavFolderUnfolded,
body.Cyan .Nav a.NavFolderUnfolded:link,
body.Cyan .Nav a.NavFolderUnfolded:visited,
body.Cyan .Nav a.NavFolderSelected,
body.Cyan .Nav a.NavFolderSelected:link,
body.Cyan .Nav a.NavFolderSelected:visited,
body.Cyan .Nav a.NavFolderOpen,
body.Cyan .Nav a.NavFolderOpen:link,
body.Cyan .Nav a.NavFolderOpen:visited { background-color: rgba(107,220,213,0.5); }
body.Yellow .Nav a.NavFolderUnfolded,
body.Yellow .Nav a.NavFolderUnfolded:link,
body.Yellow .Nav a.NavFolderUnfolded:visited,
body.Yellow .Nav a.NavFolderSelected,
body.Yellow .Nav a.NavFolderSelected:link,
body.Yellow .Nav a.NavFolderSelected:visited,
body.Yellow .Nav a.NavFolderOpen,
body.Yellow .Nav a.NavFolderOpen:link,
body.Yellow .Nav a.NavFolderOpen:visited { background-color: rgba(255,214,0,0.5); }

body.Standard ul.Nav li a.NavFolderSelected:hover,
body.Standard ul.Nav li a.NavItemSelected:hover {
    color: #000;
    background-color: #fff;
    font-weight: bold;
}
body.Standard ul.Nav li a:hover,
body.Standard ul.Nav li a.NavFolderUnfolded:hover,
body.Standard ul.Nav li a.NavFolderOpen:hover {
    color: #000;
    background-color: #fff;
}