/******** DROP DOWN NAV *****/

#menu {text-align:left; position:relative; margin-top:9px; padding:0; border:0}

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; float:left}
#menu ul {display:inline-block;}
#menu ul {display:inline;}

#menu #table {margin:0 0}
#menu #table ul {display:table-row;}

#menu li {margin:0; padding:0;}
#menu li {border-right:1px solid #fff;}
#menu ul table {position:absolute; left:-9999px; font-family:verdana, arial, sans-serif; background-color:#8586B6; color:#fff; z-index:999}
#menu ul table td {vertical-align:top; padding:3px; margin:0; width:185px; background-color:#8586B6; z-index:9999}
#menu ul table td.border {border-right:1px dashed #fff; background-color:#8586B6; z-index:9999}
#menu ul table td img {padding:0; display:inline; margin:0; border:1px solid #fff;}
#menu ul table td.image {width:122px;}
#menu ul table th {padding:4px 0 4px 10px; margin:0; color:#fc0; font-size:11px; text-align:left;}
#menu ul table caption {font-size:14px; color:#fff; font-weight:bold; padding:5px 0; margin:0;}
#menu ul table tfoot td {font-size:10px; color:#ff0; padding-left:10px;}
#menu ul.level1 li.level1-li {float:left; display:block;}
#menu ul table td p {line-height:16px; font-size:11px; color:#fff; white-space:normal; margin:0; padding:0 5px;}
#menu ul table td p a {padding:0; margin:0; font-weight:bold; color:#fc0;}

#menu #table #ul.level1-li table tbody tr{background-color:#8586B6}

#menu a {display:block; font:normal 12px arial,verdana,sans-serif; color:#fff; line-height:28px; text-decoration:none;}
#menu a:hover{text-decoration:underline}
#menu ul.level1 li.level1-li a.level1-a {float:left; padding:0 5px 0 0px;}
#menu ul.level1 li.level1-li a.level1-a b {float:left; padding:0 0 0 3px; cursor:pointer; font-weight:normal !important; text-transform:capitalize}

#menu ul li:hover table {visibility:visible; left:0; top:28px; z-index:999}

#menu a:hover table {left:0; top:33px; z-index:999}



#menu ul.level1 li.level1-li a.level1-a:hover {background-position:right bottom; color:#ffffff; background-color:#8586B6}
#menu ul.level1 li.level1-li a.level1-a:hover b {background-position:left bottom;}


#menu ul.level1 li.level1-li:hover > a {color:#ffffff; background-color:#8586B6;}
#menu ul.level1 li.level1-li:hover > a > b {}

#menu ul table td a {line-height:18px; padding:0 0 0 10px; width:187px; color:#ffffff}
#menu ul table a:hover {text-decoration:underline; color:#fff; width:187px;}
#menu ul table a:hover img {border:1px solid #000;}

.border strong{text-transform:capitalize}