/* Start of CMSMS style sheet 'HBM Menus' */
/* The wrapper clears the floating elements of the menu */
#menuwrapper { 
   background-color: transparent;
/*   width: 100%; */
	padding : 0;
	z-index:10;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li {   width: 130px; }

/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
 }

#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
   }

#primary-nav ul ul { 
   margin-top: 0px;
   margin-left: -3px;
   left: 100%; 
   top: 0px; 
}

#primary-nav li { 
  margin-left: -1px; 
	background-color:transparent;
   float: left; 
}

#primary-nav li li { 
   margin-left: 0px;
   margin-top: -1px; 
   float: none; 
   position: relative; 
}



/* Styling the basic apperance of the menu elements */

/* This applies to all links */
#primary-nav a { 
   display: block; 
   margin: 0px; 
   padding: 5px 10px ; 
   text-decoration: none; 
	color : white;
	font-weight : bold;
}

#primary-nav a:hover { text-decoration:underline;}

/*Aplies to top-level links */
#primary-nav li a { 
 border-left: 2px solid white; 
  border-right: 2px solid white; 
	background-color: transparent;
	margin : 0 ;
	padding-right : 15px;  /*Wider to make space for the down-arrow on menuparent*/
}


/*Aplies to links below top level */
#primary-nav li li a {
	margin: 1px 0 0 0;
	border: 2px solid #35679a; 
	background-color: #9acaf8;
}	

/*Aplies to all li */
#primary-nav li, #primary-nav li.menuparent { }

#primary-nav li li {
	background-color:white;
/*	background-color:#9acaf8; */
/*	border : 2px solid #366b9d; */
/*	margin : 2px 5px 2px 5px; */
	margin: 0;
}	

/*This line is need for IE7.  Without it moving if there is a margin between <li> the nwhen the 
mouse moves into the space between them it "falls off" the menu*/
#primary-nav li ul {background-color:#FFF;}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.menuactive {
	 background-color: white;
	 color : black;
	 background-image:url(images/hbm/light-fade.jpg);
	 background-repeat:repeat-x;	 
	 }

#primary-nav li.menuactive a.menuactive{ color : #366b9d; }	 

#primary-nav a.menuparent {background-image: url(images/hbm/arrow-down.gif); 
   background-position: right center; 
   background-repeat: no-repeat; }

#primary-nav ul a.menuparent { background-image: url(images/hbm/arrow-right.gif); 
   background-position: center right; 
   background-repeat: no-repeat; }
	
/*CSS to hide & unhide elements */
#primary-nav ul, 
/* #primary-nav li:hover ul, */
#primary-nav li:hover ul ul, 
#primary-nav li:hover ul ul ul
{  display: none; }

#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav ul ul ul li:hover ul
{  display: block; }

/*CSS to hide & unhide elements for ie6, which needs js to add a onmouseover / onmouseout function to all li elements in the menu*/
#primary-nav li.iehover ul, 
#primary-nav li.iehover ul ul, 
#primary-nav li.iehover ul ul ul 
{  display: none; }

#primary-nav li.iehover ul, 
#primary-nav ul li.iehover ul, 
#primary-nav ul ul li.iehover ul, 
#primary-nav ul ul ul li.iehover ul
{  display: block; }

/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}

#primary-nav li li a { height: 1%; }

#primary-nav dfn { display:none; height:0; width : 0;}
div.clearb {clear : both;}

/* End of 'HBM Menus' */