/* Start of CMSMS style sheet 'design02 : Design02 - Menu Vetical' */
/*** MENU ***/

.sectionheader{
margin:22px 0 0 0 !important;
padding:0;
}

#menu-vertical {
padding:0;
margin:0;
line-height: 160%;
font-family:tahoma, arial;
font-size:0.7em;
width:150px;
}

/* menu li block */
#menu-vertical li {
list-style: none;
margin: 0;
padding:0;
display: block;
}

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



/*** First level links ***/

div#menu-vertical a {
text-decoration:none; 
display: block;
color: #333;
min-height:1em; /* Fixes IE7 whitespace bug */
background: url(images/cms/bravonet/arrow-right.gif);
background-repeat: no-repeat;
background-position:left;
padding: 0 0 0 5px;
}

/*** First level hover ***/

div#menu-vertical a:hover {
text-decoration:none; 
display: block;
color: #666; 
min-height:1em; /* Fixes IE7 whitespace bug */
background: url(images/cms/bravonet/arrow-right-hover.gif);
background-repeat: no-repeat;
background-position:left;
padding: 0 0 0 5px;
}


/*** First level current ***/

div#menu-vertical ul h3 {
background-color:inherit;
color: #ca8500;   
background: url(images/cms/bravonet/arrow-right-active.gif);
background-repeat: no-repeat;
background-position:left;
padding: 0;
margin:0;
font-size: 1em; 
font-family:tahoma, arial;
}


/*** ACTIVE first-level of a child page that is the current page ***/

div#menu-vertical li a.activeparent {
background-color:inherit;
color: #ca8500;   
background: url(images/cms/bravonet/arrow-right-parent.gif);
background-repeat: no-repeat;
background-position:left; 
padding: 0 0 0 15px; 
}

/*** ACTIVE first-level of a child page that is the current page ***/

div#menu-vertical li a.activeparent:hover{
background-color:inherit;
color: #ca8500;   
}


/*** Second level links ***/

div#menu-vertical ul ul a {
padding: 0 0 0 30px;
background: url(images/cms/bravonet/arrow-right.gif);
background-repeat: no-repeat;
background-position: 15px;
}

/*** Second level hover ***/

div#menu-vertical li li a:hover {
text-decoration:none; 
display: block;
color: #333; 
min-height:1em; /* Fixes IE7 whitespace bug */
background: url(images/cms/bravonet/arrow-right-hover.gif);
background-repeat: no-repeat;
background-position:15px;
color:#000;
padding: 0 0 0 30px;
}

/*** Second level current ***/

div#menu-vertical ul ul h3 {
background-color:inherit;
color: #ca8500;  
background: url(images/cms/bravonet/arrow-right-active.gif);
background-repeat: no-repeat;
background-position:15px; 
padding: 0 0 0 30px; 

}

/*** ACTIVE second-level of a child page that is the current page ***/

div#menu-vertical li li a.activeparent {
background-color:inherit;
color: #ca8500;   
background-image: url(images/cms/ox/menu/second_level_activeparent.gif);
background-repeat: repeat-x;
background-position:bottom; 
padding: 0 0 0 28px; 
}

/*** ACTIVE second-level of a child page that is the current page ***/

div#menu-vertical li li a.activeparent:hover{
background-color:inherit;
color: #ca8500;   
background-image: url(images/cms/ox/menu/second_level_activep_hover.gif);
background-repeat: repeat-x;
background-position:bottom; 
padding: 0 0 0 28px; 
}




/*** Third level links ***/

div#menu-vertical ul ul ul a {
padding: 0 0 0 41px;
background-image: url(images/cms/ox/menu/third_level_default.gif);
background-repeat: repeat-x;
background-position:bottom;
}

/*** Third level hover ***/

div#menu-vertical li li li a:hover {
text-decoration:none; 
display: block;
color: #666; 
min-height:1em; /* Fixes IE7 whitespace bug */
background-image: url(images/cms/ox/menu/third_level_hover.gif);
background-repeat: repeat-x;
background-position:bottom;
background-color:#f7f7f7;
color:#000;
padding: 0 0 0 41px;
}

/*** Third level current ***/

div#menu-vertical ul ul ul h3 {
padding: 0 0 0 41px;
color: #ca8500;
background-color:inherit;
background-image: url(images/cms/ox/menu/third_level_current.gif);
background-repeat: repeat-x;
background-position:bottom;
}


/*** Separator ***/

div#menu-vertical 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-vertical li.separator hr {
   display: none; /* this is for accessibility */
}


/*** Section header ***/

.sectionheader{
font-family:verdana, times new roman;
font-size:1.15em;
margin:0;
padding: 0;
color:#333;
}
/* End of 'design02 : Design02 - Menu Vetical' */