/* Start of CMSMS style sheet 'Sky Menu' */
/* Start of CMSMS style sheet 'SKY Menu' */
/* The wrapper clears the floating elements of the menu */

#menuwrapper { 
  padding : 5px 0; 
  background-color : #d2eefa;
   margin : 0 ;
   z-index:10;
   clear : both;
  
}

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

/* Care !*/ 
#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: -1px; /*-1 makes 3rd-level line up with 2nd-level */
   margin-left: 0;/*Changed from -1px to stop the bg of a child ul overwriting the border of the 1st li.  Care if > 0 : the cursor may "fall down the crack"  */
   left: 100%; 
   top: 0px; 
}

#primary-nav li { 
  /*margin-left: 1px; 
  margin-right : 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, li.sectionheader div,  li.sectionheaderh div  { 
   display: block; 
   margin: 0px; 
   padding: 5px 15px; 
   text-decoration: none; 
   color : black;
  font-size: 14px;
  font-weight:bold;
  border : 1px solid #666;
  color : #666;
  background-color:#FFF;
}

#primary-nav a:hover { 
  text-decoration:underline;
  color : #000;
  background-color : #89f0dc;
  }

/*Applies to top-level links */
#primary-nav li a {  }

/*Aplies to links below top level */
#primary-nav li li a {
	border: 1px solid black;
	padding : 0.3em 1em 0.3em 1em;
	margin : 0;
	text-decoration : none;
	text-align : left;
}

#primary-nav li li a:hover {
	text-decoration:underline;
	color : #000;
	background-color : #89f0dc;
	}

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

#primary-nav li li {}	

/*The bg-color is needed for IE7.  Without it if there is a margin between <li> then when the 
cursor moves into the space between them it "falls off" the menu*/
#primary-nav li ul {
	background-color:#FFF;
	}

/* Styling the basic appearance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive {
	background-color: #89f0dc;
	 }

#primary-nav li a.menuactive { 
	background-color: #89f0dc;
}

#primary-nav li a.menuactive:hover {background-color : #89f0dc;text-decoration:underline; }

/*CSS to hide & unhide elements */
#primary-nav 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; }

#primary-nav li.menuparent ul ul, 
#primary-nav li.menuparent ul ul ul 
{  display: none; }

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

#primary-nav li.sectionheaderh ul, 
#primary-nav ul li.sectionheaderh ul, 
#primary-nav ul ul li.sectionheaderh ul, 
#primary-nav ul ul ul li.sectionheaderh 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 'Sky Menu' */