/* Generated by PURE CSS Menu Maker.*/


#menu li a.arrow {background-image: url(../image-files/arrow-right.gif)}

#menu > li > a.arrow {background-image: url(../image-files/arrow-down.gif)}

ul#menu ,
ul#menu ul {
 list-style-type: none;
 margin: 0px;
 list-style-image: none;
 padding: 0px
}

#menu li {
 position: relative;
 list-style-type: none;
 margin: 0px;
 width: auto;
 float: left;
 list-style-image: none;
 padding: 0px
}

#menu li li {
 width: auto;
 float: none
}

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

#menu a:focus {
 outline-style: none;
 outline-color: invert;
 outline-width: medium
}

#menu a.no-click {cursor: default}

#menu li a {margin: -1px -1px 0px 0px}

#menu li li a {margin: 0px 0px -1px}

#menu > li > a.arrow {padding-right: 14px}

#menu ul.arrow-pad > li > a {padding-right: 11px}

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

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

#menu li:hover ul {display: block}

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

#menu li:hover ul {margin-left: 0px}

#menu ul ul {
 top: 1px;
 left: -1px
}

#menu li {top: -1px}

#menu a ,
#menu li:hover > a {background-color: #4883e8}

#menu a {border-color: #595858}

#menu a ,
#menu li:hover > a {color: #ffffff}

#menu a {font-family: georgia}

#menu a {font-weight: normal}

#menu a {font-variant: normal}

#menu a {font-size: 11pt}