/* side =menu */
#menu {width: 200px; float: left; margin: 10px 0 1em; font-size: 0.75em; line-height: 1.5; display: inline;}
#menu ul {margin: 0; padding: 0; border-top: 1px solid #ccc;}
#menu li {border-bottom: 1px solid #ccc; list-style-type: none;}
#menu li a {display: block; color: #333; padding: 7px 6px 8px 26px; width: 168px; background: url("../images/Layout/menuArrow.gif") no-repeat 11px 12px; text-decoration: none;}
#menu li a:hover {text-decoration: underline;}
#menu li a.empty:hover {text-decoration: none;}

/* side =menu active level one */
#menu li.active a {background: url("../images/Layout/menuArrowActive.gif") no-repeat 9px 12px; color: #00853f;}
#menu li.current {background: url("../images/Layout/menuActive.gif") repeat-x;}
#menu li.current a {background: url("../images/Layout/menuArrowOpen.gif") no-repeat 9px 12px;}

/* side =menu level two */
#menu li ul {display: none; }
#menu li.current ul {display: block;  border: none;}
#menu li.current ul li {background: none; border: none;}
#menu li.current ul li a {padding-left: 34px; padding-top: 0; width: 160px; background: none; color: #333;}
#menu li.current ul li.active a {color: #00853f;}

/*side =menu active single link */
#menu li.single {background: url("../images/Layout/menuActive.gif") repeat-x;}
#menu li.single a {background: url("../images/Layout/menuArrowActive.gif") no-repeat 10px 12px; color: #00853f;}

/* content beside menu */
#content {width: 745px; float: right; margin: 10px 0 1em; font-size: 0.8em; display: inline;}

#menu li.current ul li a {
    background: none repeat scroll 0 0 transparent;
    color: #333333;
    padding-left: 34px;
    padding-top: 0;
    width: 160px;
}
