/* Start of CMSMS style sheet 'zsns_menu' */
/********************
MENU
*********************/
#primary-nav ul,#primary-nav ul ul,#primary-nav ul ul ul {
       display:none;
}
#menuobal{
       width: 190px;
       height:100%;
       background: url(uploads/crystalx/menu_bg.gif);
}

#menu {
       width:190px;
       border: 1px solid #340166;
       margin:0 0 20px 10px;
	}
	
#menu li a {
	height: 24px;
	text-decoration: none;
	}	

#menu h3 {
	padding: 0;
        margin:0;
        font-size:11px;
	}

/* third level has some padding to have it stand out */
div#menu ul ul ul {
   padding-bottom: 0.5em;
}

/* menu li block */


/** 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 links */
div#menu li a:link,div#menu li a:visited {
	display: block;
	color: #340166;
	padding: 8px 0 0 23px;
        font-weight:bold;
	background:transparent url(uploads/crystalx/menu.png) 0px 0px;
        font-size:10pt;
}

div#menu li a:hover {
	display: block;
	font-weight: bold;
	color: #330066;
	padding: 8px 0 0 23px;
	background:transparent url(uploads/crystalx/menu.png) 0px -32px;
}

div#menu li.menuactive a{
	display: block;
	font-weight: bold;
	color: #330066;
	background:transparent url(uploads/crystalx/menu.png) 0px -32px;
}

div#menu li.currentpage a{
	display: block;
	font-weight: bold;
	color: #330066;
	background:transparent url(uploads/crystalx/menu.png) 0px -32px;
}

/* next level links, more padding and smaller font */
div#menu ul ul li a:link,div#menu ul ul li a:visited {
	color: black;
	padding: 7px 0 7px 30px;
        font-size:9pt;
        background:transparent url(images/cms/arrow-down.gif) no-repeat 1.4em center; 
}

div#menu ul ul li a:hover {
	color: black;
	padding: 7px 0 7px 30px;
        text-decoration:underline;
        background:#FFFF59 url(images/cms/arrow-right-active.gif) no-repeat 1.2em center;   

}

div#menu ul ul li .menuactive {
	color: black;
        text-decoration:underline;
        background:transparent url(images/cms/arrow-right-active.gif) no-repeat 1.2em center;   

}

div#menu ul ul .currentpage{
	color: black;
        text-decoration:underline;
        font-weight:bold;
}

div#menu ul ul li h3 {
	padding: 0;
        margin:0;
        font-size:10pt;
        color:black;
	}


/* third level links, more padding */
div#menu ul ul ul a:link,div#menu ul ul ul a:visited {
	color: black;
	padding: 2px 0 0 45px;
        font-size:10px;
        background:transparent url(images/cms/dash.gif) no-repeat 2.9em 0.8em;
}

div#menu ul ul ul a:hover {
	color: black;
	padding: 2px 0 0 45px;
        text-decoration:underline;
        background:transparent url(images/cms/arrow-right-active.gif) no-repeat 2.9em 0.5em;   
}

div#menu ul ul ul li .menuactive {
	color: black;
        text-decoration:underline;
        background:transparent url(images/cms/arrow-right-active.gif) no-repeat 1.2em center;   

}

div#menu ul ul ul .currentpage{
	color: black;
        text-decoration:underline;
        font-weight:bold;
}

div#menu ul ul ul li h3 {
	padding:0;
        margin:0;
        font-size:10pt;
        color:black;
	}

/* fourth level links, more padding */
div#menu ul ul ul ul a:link,div#menu ul ul ul ul a:visited {
	color: black;
	padding: 2px 0 0 40px;
	background-image: none;
        font-size:10pt;
        height:15px;
        background:transparent url(images/cms/dash.gif) no-repeat 2.9em center;
}

div#menu ul ul ul ul a:hover {
	color: black;
	padding: 8px 0 0 35px;
        text-decoration:underline; 

}

#menu ul ul ul ul li h3 {
	padding:0;
        margin:0;
        font-size:10px;
	}


/* 
active parent, that is the first-level parent 
of a child page that is the current page 
*/
div#menu_vert li a.activeparent {
   background: url(images/cms/arrow-down.gif) no-repeat 0.4em center; 
   background-color: #385C72;
   color: #fff;
}

div#menu ul ul li a.activeparent {
   background-position: 1.5em center; 
   background-color: transparent;
   color: #18507C;
}


/* section header */
div#menu li.sectionheader {
   border-right: none;
   font-size: 130%;
   font-weight: bold;
   padding: 1.5em 0 0.8em 0;
   background-color: #fff;
   line-height: 1em;
   margin: 0;
   text-align:center;
}



/* separator */
div#menu li.separator {
   height: 1px !important;
   margin-top: -1px;
   margin-bottom: 0;
   padding:2px 0 2px 0;
   background-color: #000;
   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 'zsns_menu' */

