/* Start of CMSMS style sheet 'Design 01 - Menu Vertical' */
/********************
       MENU
*********************/
#menu_vert {
padding: 5px 0;
margin-left: 10px;
width:200px;
font-size: 0.95em;
line-height: 160%;
}

/* menu li block */
#menu_vert li {
list-style: none;
margin: 0;
display: block;
padding:2px 8px; 
}

/*
#menu_vert li:first-child{
border-top:1px dotted #c3cdd3;
}
*/

/** fix stupid ie bug with display:block; **/
* html #menu_vert li a { height: 1%; } 
* html #menu_vert li hr { height: 1%; }
/** end fix **/



/********************
         FIRST LEVEL
*********************/

/* FIRST level links */
div#menu_vert a {
text-decoration:none; 
display: block;
color: #000; 
min-height:1em; /* Fixes IE7 whitespace bug */
border-bottom:1px dotted #c3cdd3;
background: url(images/design01/arrow-right.gif);
background-repeat: no-repeat;
background-position:left;
padding: 1px 0 4px 15px;
} 

/* FIRST level HOVER */
div#menu_vert a:hover {
text-decoration:none; 
display: block;
color: #5b2d90; 
min-height:1em; /* Fixes IE7 whitespace bug */
background: url(images/design01/arrow-right.gif);
background-repeat: no-repeat;
background-position:left;
padding: 1px 0 4px 15px;
}


/* FIRST level CURRENT pages */
div#menu_vert ul h3 {
background-color:inherit;
color: #5b2d90;   
background: url(images/design01/arrow-right.gif);
background-repeat: no-repeat;
background-position:left;
padding: 1px 0 4px 15px;
font-size: 1em; 
font-weight:100;
}


/* ACTIVE first-level of a child page that is the current page */
div#menu_vert li a.activeparent {
background-color:inherit;
color: #000;   
background-image: url(images/design01/arrow-right.gif);
background-repeat: no-repeat;
background-position:left; 
}

/* ACTIVE first-level of a child page that is the current page */
div#menu_vert li a.activeparent:hover{
background-color:inherit;
color: #000;   
background-image: url(images/design01/arrow-right.gif);
background-repeat: no-repeat;
background-position:left; 
}


/********************
        SECOND LEVEL
*********************/

/* SECOND level links */
div#menu_vert ul ul a {
padding: 0 0 0 28px;
background: url(images/design01/arrow-right.gif);
background-repeat: no-repeat;
background-position:15px 5px;
}

/* SECOND level HOVER */
div#menu_vert li li a:hover {
text-decoration:none; 
display: block;
color: #5b2d90; 
padding: 0 0 0 28px;
min-height:1em; /* Fixes IE7 whitespace bug */
background: url(images/design01/arrow-right.gif);
background-repeat: no-repeat;
background-position:15px 5px;

}

/* SECOND level CURRENT pages */
div#menu_vert ul ul h3 {
background-color:inherit;
color: #5b2d90; 
padding: 0 0 0 28px;
min-height:1em; /* Fixes IE7 whitespace bug */
background: url(images/design01/arrow-right.gif);
background-repeat: no-repeat;
background-position:15px 5px;
}

/* ACTIVE second-level of a child page that is the current page */
div#menu_vert li li a.activeparent {
background-color:inherit;
color: #5b2d90; 
padding: 0 0 0 28px;
min-height:1em; /* Fixes IE7 whitespace bug */
background: url(images/design01/arrow-right.gif);
background-repeat: no-repeat;
background-position:15px 5px;
}

/* ACTIVE second-level of a child page that is the current page */
div#menu_vert li li a.activeparent:hover{
background-color:inherit;
color: #5b2d90; 
padding: 0 0 0 28px;
min-height:1em; /* Fixes IE7 whitespace bug */
background: url(images/design01/arrow-right.gif);
background-repeat: no-repeat;
background-position:15px 5px;
}




/********************
         THIRD LEVEL
*********************/


/* THIRD level links */
div#menu_vert ul ul ul a {
padding: 0 0 0 41px;
background-image: url(images/design01/arrow-right.gif);
background-repeat: repeat-x;
background-position:bottom;
}

/* THIRD level HOVER */
div#menu_vert li li li a:hover {
text-decoration:none; 
display: block;
color: #5b2d90; 
min-height:1em; /* Fixes IE7 whitespace bug */
background-image:  url(images/design01/arrow-right.gif);
background-repeat: repeat-x;
background-position:bottom;
background-color:#f7f7f7;
color:#000;
padding: 0 0 0 41px;
}

/* THIRD level CURRENT page */
div#menu_vert ul ul ul h3 {
padding: 0 0 0 41px;
color: #000;
background-color:inherit;
background-image:  url(images/design01/arrow-right.gif);
background-repeat: repeat-x;
background-position:bottom;
}



/********************
   HOVER FOR ALL LINKS
*********************/


/* separator */
div#menu_vert li.separator {
   height: 1px !important;
   margin-top: -1px;
   margin-bottom: 0;
   padding:2px 0 2px 0;
   background-color: #000;
   color:inherit;
   overflow:hidden !important;
   line-height:1px !important;
   font-size:1px; /* for ie */
}

div#menu_vert li.separator hr {
   display: none; /* this is for accessibility */
}
/* End of 'Design 01 - Menu Vertical' */