/* Begin CSS Drop Down Menu  PRIVATE PREP */

/*http://sperling.com/examples/menuh/*/

/* The import things to realize here are:

   1. The csshover.htc code coupled with the sniffer code makes IE act as it should. If it were not for those pieces of code, IE would just sit there.
   2. This technique works for all browsers EXCEPT for IE 5.23 and below. These outdated browsers don't even recognize Microsoft's embedded commands.
   3. The position of the menu is dependant upon the "menu-container" rule in the css document. Change the top and left values and the placement of the menu will adjust accordingly.
     
   4. The only other things you may want to change are the colors of the menu. In this example, the background is RoyalBlue and the mouse-over state is CornFlowerBlue. As such, the colors are pretty obvious to identify and change.
   
This technique validates under both HTML 4.01 and CSS. 
*/


/* ************************************************************************************/
#menuh-container	{
	position: absolute;		
	top: 110px;
	left: 0px;
	
	width:949px;
	height: 53px;
	z-index:500;
}

#menuh	{
	font-size: 13px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight:bold;
	color: #FFFFFF;
	width:100%;
	float:left;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index:500;
}
		
#menuh a	{
	text-align: center;
	display:block;
	white-space:nowrap;	
	margin: 0px;
	padding: 0px;
}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest - this is the drop down items - 2nd level*/	{
	color: #ffffff;
	text-decoration:none;
}
	
#menuh a:hover	{	/* menu on mouse-over  */
	color: #ffffff;
	text-decoration:none;
}
	
#menuh a.top_parent  /* this is the top level nav */	{
	color: #ffffff;
	text-decoration:none;
	
	background-image: url(../img/bckg_nav_main.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 15px 0px; /* left and right padding of 7 extends gray bar from left to right - however hoever is off then */
	width:99%;
	height:23px;
}

#menuh a.top_parent:hover {	 /* this is the top level nav */
	color: #ffffff;
	text-decoration:none;
	background-image: url(../img/bckg_nav_main_o.jpg);
	background-repeat:repeat-x;
	background-position: 0px 0px;	
}	
	
#menuh ul	{
	list-style:none;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	float:left;
	/*width:9em;	/* width of all menu boxes */
	width:158px;
	display: inline;
	overflow:visible;
}

#menuh li	{
	position:relative;
    min-height: 1px; 			/* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
	background-image:none;
	padding: 0px;
}

#menuh ul li.topnav {
	background-image:url(../img/navmain_border.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
#menuh ul li a.top_parent img {
	padding: 0px 0px 0px 0px;
	margin: -5px 0px 0px 0px;
}
#menuh ul ul {
	background-color:#2b395e;
	width:200px;
	position:relative;
	z-index:500;
	top:auto;
	display:none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-right: 4px solid #6ba0d5;
	border-bottom: 4px solid #6ba0d5;
	border-left: 4px solid #6ba0d5;
	overflow:visible;
}
	
#menuh ul ul a {
	font-weight:lighter;
	background-image: url(../img/navmain_arrow.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration:none;
	padding: 0px 10px 5px 20px;
}

#menuh ul ul a:link, #menuh ul ul a:visited	{
	text-align:left;
	margin: 5px 0px 0px 14px;
}	

#menuh ul ul a:hover	{	/* menu at mouse-over  */
	color: #6ba0d5;
}	

div#menuh li:hover	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */


/* ************************************************************************** current state nav */


body#about a#nav_main_about,
body#recipe a#nav_main_about,
body#faqs a#nav_main_about,
body#mgmt a#nav_main_about,
body#corevalues a#nav_main_about,

body#locations a#nav_main_locations,
body#westchester a#nav_main_locations,
body#fairfield a#nav_main_locations,

body#services a#nav_main_services,
body#testprep a#nav_main_services,
body#acadfun a#nav_main_services,
body#essays a#nav_main_services,
body#recruittrain a#nav_main_services,

body#acadcoach a#nav_main_acadcoach,
body#meetac a#nav_main_acadcoach,

body#resources a#nav_main_resources,
body#resourcectr a#nav_main_resources,
body#newsletter a#nav_main_resources,


body#testimonials a#nav_main_testimonials {

	background-image: url(../img/bckg_nav_main_o.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;

	/* this is the current state for the top nav or "parent" nav */
	
}

#nav_sub_current,
body#about a#nav_sub_about_overview,
body#recipe a#nav_sub_about_recipe,
body#faqs a#nav_sub_about_faqs,
body#mgmt a#nav_sub_about_mgmt,
body#corevalues a#nav_sub_about_corevalues,

body#locations a#nav_sub_locations_nyc,
body#westchester a#nav_sub_locations_westchester,
body#fairfield a#nav_sub_locations_fairfield,

body#services a#nav_sub_services_k12,
body#testprep a#nav_sub_services_testprep,
body#acadfun a#nav_sub_services_acadfun,
body#essays a#nav_sub_services_essays,

body#acadcoach a#nav_sub_acadcoach_recruittrain,
body#meetac a#nav_sub_acadcoach_meetac,

body#resources a#nav_sub_resources_links,
body#resourcectr a#nav_sub_resources_resourcectr,
body#newsletter a#nav_sub_resources_newsletter,

body#testimonials a#nav_sub_testimonials,

body#contact a#nav_sub_contact,
body#contact a#nav_contact
{
	
	color: #6ba0d5;
	
	
}

body#meetac a#nav_sub_acadcoach_meetac a:hover
{
	color: #ffffff;
	background-image:url(../img/bckg_nav_sub_o.jpg);
	background-repeat:repeat-x;
	background-position: 0px 0px;
}