/* Start of CMSMS style sheet 'MCM nav' */
/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen, modified by Dan Moriarty */


/* The wrapper clears the floating elements of the menu */

#navigationbar { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
	padding:0;
	margin:110px 20px 0 0;

	float:right;
	width:600px;
	height:3.8em;/*equal to 45px at base size*/
	background:#ffeeb5 url(images/navbar.gif) no-repeat;
	z-index:1;
	position:relative;



}

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


/* Unless you know what you do, do not touch this section */ 
#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;
   margin-left: -1px;
   left: 100%; 
   top: 0px; 
}
	
#primary-nav li { 
   margin:0;
   float: left;
   background:none;
   padding-left:0;
}
#primary-nav li li { 
   margin-left: 0px;
   margin-top: -1px;
   float: none; 
   position: relative; 

}

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

/* Top Level Menu Items */

#primary-nav li {
	line-height:100%;
	width:120px;
	}

#primary-nav a { 
   display: block; 
   text-decoration: none; 
   color:#000;
   background: transparent; 
  text-align:center;

	}
	
#primary-nav li a { 
   padding:8px;
   font-weight:bold;   
   font-size:110%;
   color:#fff;
   
	}

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

/* 1st level of drop down, generic */
#primary-nav li ul {
   background-color:#fff;

}

#primary-nav li li a { 
   border: 1px solid #333;
   padding:8px;
   color:#fff;   
   font-size:1.1em;
   text-align:left;
   }	


#primary-nav li li a:hover {
 	background:#521775;
	color:#fff;
}


/* 2nd level of drop down */

#primary-nav li li li a {
	font-size:1em;
	font-weight:normal;
	color:#fff;
background:#7f24b5;
	letter-spacing:0;
font-size:1.1em;
	}
	

#primary-nav li li li a:hover {
 	background-color:#333;
	color:#fff;
}



/* Styling the apperance of menu items on hover */

#primary-nav li:hover { 

}

#primary-nav li li:hover {
	background-color:#333;
color:#fff;
	} 


/*======================================================
Styling dropdowns based on class- change for each dropdown
===========================================================*/
/* 1-Museum Info */
#primary-nav li#museum-information ul {
   background-color:#e94235;
	}

#primary-nav li#museum-information li a:hover {
	background-color:#ff0000;
   	}

/* 2-Special Events */
#primary-nav li#events-and-happenings ul {
   background-color:#1aa755;
	}

#primary-nav li#events-and-happenings li a:hover {
	background:#52ce68;
	}
	
/* 3- Groups and Educators */
#primary-nav li#educators-groups-parents ul {
   background-color:#692e8c;
	}

#primary-nav li#educators-groups-parents li a:hover {
	background:#9e2db4;
	}

/* 4-About Us */
#primary-nav li#about-the-museum ul {
   background-color:#f59322;
	}

#primary-nav li#about-the-museum li a:hover {
	background:#f9b104;
	color:#333;
	}
	
/* 5-Support the Museum */
#primary-nav li#support-the-museum ul {
   background-color:#0e64a7;
	}

#primary-nav li#support-the-museum li a:hover {
	background:#2ea6e6;
	}
	

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav li li.menuparent, 
#primary-nav li li.menuparent:hover, 
#primary-nav li li.menuparenth { 
   background-image: url(images/cms/sidearrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat; 
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}


/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { 
   height: 1%; 
}
/* End of 'MCM nav' */