@charset "utf-8";
/* CSS Document */

/*repeat of existing css */
table.sidebarnav { width: 255px;}
tr.vertical { background-color: #ebebeb; width: 255px; }
td.sidebar {text-align: left; padding: 12px; font: 10px Verdana; color: #000;}
td.sidebar strong {font: bold 12px Verdana; color: #000;}

/* NEW MENU SPECIFIC CODE */
/* A few IE bug fixes */
* html #theMenu ul li a { height: 100%; }
* html #theMenu li a { height: 100%; }
* html #theMenu ul li a { height: 100%; }
* html #theMenu ul ul li a { height: 100%; }
* html #theMenu ul li { margin-bottom: -1px; }

#theMenu { width: 255px; height: auto; margin:0; padding:0; }
#theMenu h3, #theMenu h4, #theMenu h5 { margin:0; padding:0; }

/* Some list and link styling */
#theMenu li { list-style-type: none; width: 255px; margin:0; padding:0; display: inline; }
#theMenu li a { display: block; font: normal 11px Verdana, Arial, Helvetica, sans-serif; }
#theMenu a { background-color: #fff; border-top: 1px solid #ccc; text-decoration: none; color: #000; background: url(../images/dash.gif) no-repeat 10px 10px; }
#theMenu a:hover { background-color: #ccc; text-decoration: none; }
#theMenu ul { margin:0; padding:0; }

#theMenu li a { background-color: #fff; padding: 6px 10px 6px 20px; width: 225px; }
#theMenu ul ul ul li a { padding: 6px 10px 6px 30px; width: 215px; background: #fff url(../images/dash.gif) no-repeat 20px 10px; }
#theMenu ul ul ul ul li a { padding: 6px 10px 6px 30px; width: 215px; color: #666;}

#theMenu .head a { font: normal 11px Verdana, Arial, Helvetica, sans-serif; border-top: 1px solid #ccc; }
#theMenu h3.head a { background-color: #ebebeb; color: #333; padding: 8px 10px; width: 235px; border-top: 1px solid #ccc; background-image: none; }
#theMenu h4.head a { background-color: #ccc; color: #333; padding: 6px 10px 6px 20px; width: 225px; border-top: 1px solid #bdbbbb; background-image: none; }
#theMenu h5.head a { background-color: #eee; color: #333; padding: 6px 10px 6px 20px; width: 225px; background: url(../images/sidearrow.gif) no-repeat right; }

#theMenu h3.head a:hover { background-color: #333; color: #fff; }
#theMenu h4.head a:hover { background-color: #999; color: #fff; }
#theMenu h5.head a:hover { background-color: #ccc; color: #000; }

#theMenu .selected a { font: normal 11px Verdana, Arial, Helvetica, sans-serif; } 
#theMenu h3.selected a { background-color: #333; color: #fff; }
#theMenu h4.selected a { background-color: #999; color: #fff; }
#theMenu h5.selected a { background-color: #ccc; color: #000; background: url(../images/downarrow.gif) no-repeat right; }

#theMenu h3.selected a:hover { background-color: #333; color: #ccc; }
#theMenu h4.selected a:hover { background-color: #666; color: #fff; }
#theMenu h5.selected a:hover { background-color: #ccc; color: #cc0000; background: url(../images/downarrow.gif) no-repeat right; }