/* Vertical Example PURE CSS Menu */

#cm-nav-vert li a.arrow {background-image: url(arrow-right.gif)}

ul#cm-nav-vert ,
ul#cm-nav-vert ul {
 border-bottom: black 1px solid;
 list-style-type: none;
 margin: 0px;
 list-style-image: none;
 border-right: black 1px solid;
 padding: 0px
}

ul#cm-nav-vert li {
 position: relative;
 list-style-type: none;
 margin: auto;
 list-style-image: none;
 padding: 0px
}

ul#cm-nav-vert li li {
 width: auto;
 float: none
}

#cm-nav-vert a {
 text-align: left;
 border-left: black 1px solid;
 display: block;
 white-space: nowrap;
 background: yellow;
 border-top: black 1px solid;
 text-decoration: none;
 padding: 5px
}

#cm-nav-vert a:focus {
 outline-style: none;
 outline-color: invert;
 outline-width: medium
}

#cm-nav-vert a.no-click {cursor: default}

#cm-nav-vert > li > a ,
#cm-nav-vert > li > a.arrow {padding-right: 4px}

.arrow-pad#cm-nav-vert > li > a ,
#cm-nav-vert ul.arrow-pad > li > a {padding-right: 11px}

#cm-nav-vert li a.arrow ,
#cm-nav-vert > li > a.arrow {
 background-repeat: no-repeat;
 background-position: right 50%
}

#cm-nav-vert li ul ,
#cm-nav-vert li:hover ul ul ,
#cm-nav-vert li:hover ul ul ul ,
#cm-nav-vert li:hover ul ul ul ul ,
#cm-nav-vert li:hover ul ul ul ul ul ,
#cm-nav-vert li:hover ul ul ul ul ul ul ,
#cm-nav-vert li:hover ul ul ul ul ul ul ul ,
#cm-nav-vert li:hover ul ul ul ul ul ul ul ul {
 z-index: 999;
 position: absolute;
 display: none
}

#cm-nav-vert li:hover ul ,
#cm-nav-vert li li:hover ul ,
#cm-nav-vert li li li:hover ul ,
#cm-nav-vert li li li li:hover ul ,
#cm-nav-vert li li li li li:hover ul ,
#cm-nav-vert li li li li li li:hover ul ,
#cm-nav-vert li li li li li li li:hover ul {
 display: block;
 margin-left: 100%
}

#cm-nav-vert ul ul {margin-left: 0px}

#cm-nav-vert ul {
 top: 0px;
 left: 0px
}

#cm-nav-vert a {background-color: #F2FFFF}

#cm-nav-vert a {color: black}

#cm-nav-vert li:hover > a {background-color: #6968AF}

#cm-nav-vert a {font-size: 10pt}

#cm-nav-vert a {font-family: arial}

#cm-nav-vert li:hover > a {color: white}