/* side =menu */
#menu {width: 200px; float: left; margin: 0 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("/static/Images/Layout/menuArrow.gif") no-repeat 11px 12px; text-decoration: none;}
#menu li a:hover {text-decoration: underline;}

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

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

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

td.callout {width: 195px;}