/*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]-=-=-=-=-=-=-=- */
#MenuFrame
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0; /*        font-size: 80%; --> need lager    */ /*        font-weight: bold; --> need bolder*/
    font-size: 20px;
    background-image: none;
    background-attachment: scroll;
    background-repeat: repeat;
    background-position: 0% 0%;
}
#MenuFrame
{
    width: 230px;
    border-size: 0px;
    margin: 10px 10px 10px 0px;
}
#MenuFrame ul,#MenuFrame li {
        list-style: none;
        margin: 0;
        padding: 0;
        }
/*Level 0*/
#MenuFrame li img.imgf{ padding-top: 0px;padding-right: 3px;}
#MenuFrame li a {
        height: 36px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 32px;
        text-decoration: none;	
        font-size: 18px;	  
        }

#MenuFrame li a:link, #MenuFrame li a:visited
{
    color: #b3afae;
    display: block;
    background: url(menu1.gif);
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 0px;
    padding-top: 8px;
    font-size: 18px;
}

#MenuFrame li a:hover, #MenuFrame li #current
{
    color: #b3afae;
    background: url(menu2.gif) 0 -32px;
    padding: 8px 0 0 10px;
}

#MenuFrame li a:active
{
    color: #26370A;
    background: url(menu2.gif) 0 -64px;
    padding: 8px 0 0 10px;
}
/*Level 1*/
#MenuFrame li.level1 a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        }

#MenuFrame li.level1 a:link, #MenuFrame li.level1 a:visited
{
    color: #696969;
    display: block; /*        background: url(menu2.gif); --> remove right arrow, add new backgroun color */
    background: #fff; /*new attribute*/
    background: none transparent scroll repeat 0% 0%;
    padding-bottom: 0px;
    padding-left: 40px;
    padding-right: 0px;
    padding-top: 8px;
}

#MenuFrame li.level1 a:hover, #MenuFrame li.level1 #current
{
    /*        color: #d9680d;--> changed to CF954E*/ /*        background: url(menu2.gif) 0 -32px; --> remove right arrow, add new backgroun color */
    color: #b8c459;
    background: none transparent scroll repeat 0% 0%;
    padding-bottom: 0px;
    padding-left: 40px;
    padding-right: 0px;
    padding-top: 8px;
}

#MenuFrame li.level1 a:active
{
    color: #b8c459; /*        background: url(menu2.gif) 0 -64px; --> remove right arrow, add new backgroun color */
    padding-bottom: 0px;
    padding-left: 40px;
    padding-right: 0px;
    padding-top: 8px;
}
/*Level 2*/
#MenuFrame li.level2 a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        }

#MenuFrame li.level2 a:link, #MenuFrame 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;
        }

#MenuFrame li.level2 a:hover, #MenuFrame 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;
        }

#MenuFrame 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;
        }