/******************** MENU *********************/
#top_menu {
 margin: 0;
 padding: 0;
 clear:both; 
 width: 200px;
 height:7px;
 background-image:url(../images/cms/top-menu.gif);
 background-repeat:no-repeat;
}

#bot_menu {
 margin: 0;
 padding: 0;
 clear:both; 
 width: 200px;
 height:7px;
 background-image:url(../images/cms/bot-menu.gif);
 background-repeat:no-repeat;
}
#menu_vert {
 margin: 0;
 padding: 0;
 clear:both; /* fix logo */
 background-color:#d1d902;
 width: 200px; 
}
#menu_vert ul {
/* remove any bullets */
	list-style: none;
/* margin/padding set in li */
	margin: 0px;
	padding: 0px;
 font-size:1.2em;
}
#menu_vert ul ul {
 margin: 0;
 /* padding right sets second level li in on right from first li */
	padding: 0px 5px 0px 0px;
}
#menu_vert li {
 /* remove any bullets */
	list-style: none;
 /* negative bottom margin pulls them together, images look like one border between */
	margin: 0px 0px -1px;
 /* bottom padding pushes "a" up enough to show our image */
	padding: 0px 0px 4px 0px;
}
#menu_vert li.currentpage {
	padding: 0px 0px 3px 0px;
}
#menu_vert li.menuactive {
 margin: 0;
 padding: 0px;
 /* replaced by image in ul ul */
	background: none;
}

#menu_vert li.menuactive ul {
	margin: 0;
}

#menu_vert li.activeparent {
	margin: 0;
	padding: 0px;
}
/* fix stupid IE6 bug with display:block; */
* html #menu_vert li {
	height: 1%;
 
}
* html #menu_vert li a {
	height: 1%;
}
* html #menu_vert li hr {
	height: 1%;
}
/** end fix **/
/* first level links */
div#menu_vert a {
 /* IE6 has problems with this, fixed above */
	display: block;
 /* some air for it */
	padding: 0.5em 0.3em 0.8em 1.5em;
 /* this will be link color for all levels */
	color: #666;
 /* Fixes IE7 whitespace bug */
	min-height: 1em;
 /* no underline for links */
	text-decoration: none;

 background-image: url(../images/cms/fond-menu.gif);
 background-position:bottom;
 background-repeat:no-repeat;
}
/* next level links, more padding and smaller font */
div#menu_vert ul ul a {
 font-size: 70%;
 padding: 0.2em 0em 0.5em 2.8em;
 color:#e2007a;
}
/* third level links, more padding */
div#menu_vert ul ul ul a {
 padding: 0.5em 0.3em 0.3em 3em;
 color:#e2007a;
}
/* hover state for all links */
div#menu_vert a:hover {
	background-color: transparent;
	color: #595959;
	text-decoration: none;
   color:#e2007a;
      						    background-image: url(../images/cms/fond-menu.gif);
    							background-position:bottom;
   								background-repeat:no-repeat;
}
div#menu_vert a.activeparent:hover {
  color:#e2007a;
}
/* active parent, that is the first level parent of a child page that is the current page */
div#menu_vert li.activeparent {
 /* white to contrast with background image */
	color: #fff;
       						    background-image: url(../images/cms/fond-menu.gif);
    							background-position:bottom;
   								background-repeat:no-repeat;
}
div#menu_vert li.activeparent a.activeparent {
 /* to contrast with background image */
	color:  #666;
  background-image: url(../images/cms/fond-menu.gif);
 background-position:bottom;
 background-repeat:no-repeat;
}
div#menu_vert li a.parent {
 /* takes left padding out so span image has room on left */
	padding-left: 0em;

}
div#menu_vert ul ul li a.parent {
/* increased padding on left offsets it from one above */
	padding-left: 0.9em;
}
div#menu_vert li a.parent span {
	display: block;
	margin: 0;
/* adds left padding taken out of "a.parent" */
	padding-left: 1.5em;
/* arrow on left for pages with children, points down, you can set your own image here */
	background: transparent url(../uploads/ngrey/active.png) no-repeat 2px center;

}
div#menu_vert li a.parent:hover {
/* removes underline hover effect */
	text-decoration: none;
}
div#menu_vert li a.parent:hover span {
 display: block;
 margin: 0;
 padding-left: 1.5em;
 /* arrow on left for pages with children, points right for hover, you can set your own image here */
	background: transparent url(../uploads/ngrey/parent.png) no-repeat 2px center;
 color: #e2007a;
}
div#menu_vert li a.menuactive.menuparent {
 /* sets it in a little more than a.parent */
	padding-left: 0.35em;
}
div#menu_vert ul ul li a.menuactive.menuparent {
/* sets it in a little more on next level */
	padding-left: 0.99em;

 
}
div#menu_vert li a.menuactive.menuparent span {
 display: block;
 margin: 0;
 /* to contrast with non active pages */
	font-weight: bold;
 padding-left: 1.5em;
 /* arrow on left for active pages with children, points right, you can set your own image here */
	background: transparent url(../uploads/ngrey/parent.png) no-repeat 2px center;
}
div#menu_vert li a.menuactive.menuparent:hover {
	text-decoration: none;
	  color:#e2007a;
}
div#menu_vert ul ul li a.activeparent {
  color:#33F;
}
/* current pages in the default Menu Manager template are unclickable. This is for current page on first level */
div#menu_vert ul h3 {
 display: block;
 /* some air for it */
	padding: 0.5em 0.3em 0.8em 1.5em;
 /* this will be link color for all levels */
	color:  #e2007a;
 /* instead of the normal font size for <h3> */
	font-size: 1em;
 /* as <h3> normally has some margin by default */
	margin: 0;
 background-image: url(../images/cms/fond-menu.gif);
 background-position:bottom;
 background-repeat:no-repeat;
}
/* next level current pages, more padding, smaller font and no background color or bottom border */
div#menu_vert ul ul h3 {
 font-size: 70%;
 padding: 0.2em 0em 0.5em 2.8em;
 color:  #666;
     background-image: url(../images/cms/fond-menu.gif);
     background-position:bottom;
   	 background-repeat:no-repeat;
  
}
/* current page on third level, more padding */
div#menu_vert ul ul ul h3 {
 font-size: 70%;
 padding: 0.5em 0.3em 0.3em 3em;
 color:  #666;
}
/* BIG NOTE: I didn't do anything to these, never tested */
/* section header */
div#menu_vert li.sectionheader {
 border-right: none;
 padding: 0.8em 0.5em 0.5em 1.5em;
 line-height: 1em;
 margin: 0;
 color: #666;
 cursor:text;
}
/* separator */
div#menu_vert .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 */
}