/*VerticalElusion
free style css from: http://e-lusion.com/design/menu/#3
convert to Ciss.SideMenu - dnn360.net
by thangpdtt@gmail.com
created date: 12/31/2007
*/

/* =-=-=-=-=-=-=-[Menu One]-=-=-=-=-=-=-=- */
#MenuElusion
{
	     font-family: Verdana, Arial, Helvetica, sans-serif;
        margin: 0;
/*        font-size: 80%; --> need lager    */
/*        font-weight: bold; --> need bolder*/
		  font-size: 13px;
		  font-weight: bolder;
        /*background: #F3FAFF; overall green bkg*/
}
#MenuElusion {
	    width: 200px;
		/*border-style: solid solid none solid;
        border-color: #94AA74; overall green border
        border-size: 1px;
        border-width: 1px;*/
        margin: 10px;
        }
#MenuElusion ul,#MenuElusion li {
        list-style: none;
        margin: 0;
        padding: 0;
        }
/*Level 0*/
#MenuElusion li img.imgf{ padding-top: 0px;padding-right: 3px;}
#MenuElusion li a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;	
		padding-left:20px;	  
        }

#MenuElusion li a:link, #MenuElusion li a:visited{
        color: #5E7830;
        display: block;
        background: url(bulletSprite.jpg) 0 4px;
		background-repeat:no-repeat;
        padding: 8px 0 0 20px;
		font-size:18px;
        }

#MenuElusion li a:hover, #MenuElusion li #current, #MenuElusion li a:active{
        color: #26370A;
        background: url(bulletSprite.jpg) 0 -31px;
		background-repeat:no-repeat;
        padding: 8px 0 0 20px;
        font-size:18px;
        }

MenuElusion li a:active {
        color: #26370A;
        background: url(menu1.gif) 0 -64px;
        padding: 8px 0 0 20px;
        }
/*Level 1*/
#MenuElusion li.level1 a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        }

#MenuElusion li.level1 a:link, #MenuElusion li.level1 a:visited {
        color: #5E7830; 		  
        display: block;
/*        background: url(menu2.gif); --> remove right arrow, add new backgroun color */
        background: #fff;/*new attribute*/
        padding: 8px 0 0 34px;
        }

#MenuElusion li.level1 a:hover, #MenuElusion li.level1 #current {
/*        color: #d9680d;--> changed to CF954E*/
		  color: #CF954E;
/*        background: url(menu2.gif) 0 -32px; --> remove right arrow, add new backgroun color */
        background: #fff;
        padding: 8px 0 0 34px;
        }

#MenuElusion li.level1 a:active {
        color: #26370A;
/*        background: url(menu2.gif) 0 -64px; --> remove right arrow, add new backgroun color */
        background: #fff;
        padding: 8px 0 0 34px;
        }
/*Level 2*/
#MenuElusion li.level2 a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        }

#MenuElusion li.level2 a:link, #MenuElusion li.level2 a:visited {
        color: #5E7830;
        display: block;
/*        background: url(menu3.gif); --> remove right arrow, add new backgroun color */
		  background: #fff;
        padding: 8px 0 0 44px;
        }

#MenuElusion li.level2 a:hover, #MenuElusion li.level2 #current {
        color: #d9680d;
/*        background: url(menu3.gif) 0 -32px;--> remove right arrow, add new backgroun color */
		  background: #fff;
        padding: 8px 0 0 44px;
        }

#MenuElusion li.level2 a:active {
        color: #26370A;
/*        background: url(menu3.gif) 0 -64px; --> remove right arrow, add new backgroun color */
		  background: #fff;
        padding: 8px 0 0 44px;
        }