/*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: 10px;
		  /*font-weight: bolder;*/
        background: #ffffff;
}
#MenuElusion {
	     width: 200px;
		  /*border-style: solid solid none solid;
        border-color: #000000;
        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: 5px;}
#MenuElusion li a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 16px;
        text-decoration: none;		  
        }

#MenuElusion li a:link, #MenuElusion li a:visited {
        color: #a2a2a2;
/*FONT-WEIGHT: bold;*/
        display: block;
        background: url(Menu1.gif);
        padding: 8px 0px 8px 0px;
        }

#MenuElusion li a:hover {
        color: #a2a2a2;
/*FONT-WEIGHT: bold;*/
        background: url(Menu1.gif); /* 0 -32px;*/
        padding: 8px 0px 8px 0px;
        }

#MenuElusion li a:active, #MenuElusion li #current {
        color: #a2a2a2;
FONT-WEIGHT: bold;
        background: url(Menu1.gif); /* 0 -64px;*/
        padding: 8px 0px 8px 0px;
        }

/*Level 1*/
#MenuElusion li.level1 a {
        height: 18px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 18px;
        text-decoration: none;
        }

#MenuElusion li.level1 a:link, #MenuElusion li.level1 a:visited {
        color: #a2a2a2; 		  
        display: block;
        background: url(Menu2.gif); 
        /*background: #fff;new attribute*/
        padding: 4px 0px 0px 34px;
        }

#MenuElusion li.level1 a:hover, #MenuElusion li.level1 #current {
/*        color: #d9680d;--> changed to CF954E*/
		  color: #a2a2a2;
        background: url(menu2.gif); /* 0 -32px; --> remove right arrow, add new backgroun color */
/*        background: #fff; */
        padding: 4px 0px 0px 34px;
        }

#MenuElusion li.level1 a:active {
        color: #a2a2a2;
        background: url(menu2.gif); /* 0 -64px; --> remove right arrow, add new backgroun color */
/*        background: #fff; */
        padding: 4px 0px 0px 34px;
        }
/*Level 2*/
#MenuElusion li.level2 a {
        height: 18px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 18px;
        text-decoration: none;
        }

#MenuElusion li.level2 a:link, #MenuElusion li.level2 a:visited {
        color: #a2a2a2;;
        display: block;
        background: url(menu3.gif); /* --> remove right arrow, add new backgroun color */
/*		  background: #fff; */
        padding: 4px 0 0 48px;
        }

#MenuElusion li.level2 a:hover, #MenuElusion li.level2 #current {
        color: #a2a2a2;
        background: url(menu3.gif); /* 0 -32px;--> remove right arrow, add new backgroun color */
/*		  background: #fff; */
        padding: 4px 0 0 48px;
        }

#MenuElusion li.level2 a:active {
        color: #a2a2a2;
        background: url(menu3.gif); /* 0 -64px; --> remove right arrow, add new backgroun color */
/*		  background: #fff; */
        padding: 4px 0 0 48px;
        }
/*Level 3*/
#MenuElusion li.level3 a {
        height: 18px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 18px;
        text-decoration: none;
        }

#MenuElusion li.level3 a:link, #MenuElusion li.level3 a:visited {
        color: #a2a2a2;
        display: block;
        background: url(menu44.gif); /* --> remove right arrow, add new backgroun color */
/*		  background: #fff; */
        padding: 4px 0 0 56px;
        }

#MenuElusion li.level3 a:hover, #MenuElusion li.level3 #current {
        color: #a2a2a2;
        background: url(menu44.gif); /* 0 -32px;--> remove right arrow, add new backgroun color */
/*		  background: #fff; */
        padding: 4px 0 0 56px;
        }

#MenuElusion li.level3 a:active {
        color: #a2a2a2;
        background: url(menu44.gif); /* 0 -64px; --> remove right arrow, add new backgroun color */
/*		  background: #fff; */
        padding: 4px 0 0 56px;
        }

/*Level 4*/
#MenuElusion li.level4 a {
        height: 18px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 18px;
        text-decoration: none;
        }

#MenuElusion li.level4 a:link, #MenuElusion li.level4 a:visited {
        color: #a2a2a2;
        display: block;
        background: url(menu7.gif); /* --> remove right arrow, add new backgroun color */
/*		  background: #fff; */
        padding: 4px 0 0 66px;
        }

#MenuElusion li.level4 a:hover, #MenuElusion li.level4 #current {
        color: #a2a2a2;
        background: url(menu7.gif); /* 0 -32px;--> remove right arrow, add new backgroun color */
/*		  background: #fff; */
        padding: 4px 0 0 66px;
        }

#MenuElusion li.level4 a:active {
        color: #a2a2a2;
        background: url(menu7.gif); /* 0 -64px; --> remove right arrow, add new backgroun color */
/*		  background: #fff; */
        padding: 4px 0 0 66px;
        }