@media screen, projection{
/***** TOP LEVEL  *****/

/***** Menu positioning and sizing  *****/
#menu-container{
	margin: auto;
	width: 1010px;
	height:60px;}
#menu{
	position:absolute;
	margin: auto;
	width: 1010px;
	height:60px;
	padding-left:0px;
	background-image:url(/images/template/adam-main.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	z-index:1000;}
	
#menu ul{
	list-style-type: none;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0;
}
#menu li{
	list-style-type: none;
	padding: 0;
	margin: 0;
	text-align: left;
	background-color: #022161;
}

/*top menu* - positions the header images*/

#menu_about{width:97px; height:60px; float:left; padding: 0; margin: 0;}
#menu_instructors{width:125px; height:60px;float:left;padding: 0; margin: 0}
#menu_memberships{width:124px; height:60px;float:left;padding: 0; margin: 0}
#menu_training{width:144px; height:60px;float:left;padding: 0; margin: 0;}
#menu_instruction{width:205px; height:60px;float:left;padding: 0; margin: 0;}
#menu_rentals{width:169px; height:60px;float:left;padding: 0; margin: 0;}

/*Headers - places the header images and rollover positioning*/

#menu li#about {background:url(/images/menu/about.jpg) 0px -60px no-repeat; width:97px; height:60px;	}
#menu li:hover#about{background:url(/images/menu/about.jpg) no-repeat; width:97px; height:60px;}

#menu li#instructors{background:url(/images/menu/instructors.jpg) 0px -60px no-repeat;width:125px; height:60px;}
#menu li:hover#instructors{background:url(/images/menu/instructors.jpg) no-repeat;width:125px; height:60px;}

#menu li#memberships{background:url(/images/menu/memberships.jpg) 0px -60px no-repeat;width:124px; height:60px;}
#menu li:hover#memberships{background:url(/images/menu/memberships.jpg) no-repeat;width:124px; height:60px;}

#menu li#training{background:url(/images/menu/training.jpg) 0px -60px no-repeat;width:144px; height:60px;}
#menu li:hover#training{background:url(/images/menu/training.jpg) no-repeat;width:144px; height:60px;}

#menu li#instruction{background:url(/images/menu/instruction.jpg) 0px -60px no-repeat;width:205px; height:60px;}
#menu li:hover#instruction{background:url(/images/menu/instruction.jpg) no-repeat;width:205px; height:60px;}

#menu li#rentals{background:url(/images/menu/rentals.jpg) 0px -60px no-repeat;width:169px; height:60px;}
#menu li:hover#rentals{background:url(/images/menu/rentals.jpg) no-repeat;width:169px; height:60px;}


/***** SUB LEVEL *****/

#menu_about li ul li,
#menu_instructors li ul li,
#menu_memberships li ul li, 
#menu_training li ul li, 
#menu_instruction li ul li,
#menu_rentals li ul li,{
	text-align:left; 
	background:none;
	background-image: none;
	background-color: #022161;
}

/***** Sub Level Styling  *****/

#menu_about li ul li a,
#menu_instructors li ul li a, 
#menu_memberships li ul li a,
#menu_training li ul li a,
#menu_instruction li ul li a,
#menu_rentals li ul li a,{
	display:block;
	background-color: #022161;
	color: #FFF;
	text-align: left;
	margin-top:-3px;
}

#menu_about li ul li a{margin-left:-15px;padding-top:5px; padding-bottom:5px;}
#menu_instructors li ul li a{margin-left:-5px;padding-top:5px; padding-bottom:5px;}
#menu_memberships li ul li a{margin-left:-5px;padding-top:5px; padding-bottom:5px;}
#menu_training li ul li a{
	width:139px;
	height:10px;
	margin-left:5px;
	padding-top:5px;
	padding-bottom:20px;
	background-color: #022161;
	color: #FFF;
}
#menu_instruction li ul li a{margin-left:-5px;padding-top:5px; padding-bottom:5px;}
#menu_rentals li ul li a{margin-left:-5px;padding-top:5px; padding-bottom:5px;}

#menu_about li ul li a:hover{color: #022161;}
#menu_instructors li ul li a:hover{color: #022161;}
#menu_memberships li ul li a:hover{color: #022161;}
#menu_training li ul li a:hover{color: #CCC;}
#menu_instruction li ul li a:hover{color: #022161;}
#menu_rentals li ul li a:hover{color: #022161;}

/***** Sub Level Classes - First and Last Dropdown Styles (ie for an image based dropdown)  *****/

#menu_home li ul li a.first,
#menu_experience li ul li a.first,
#menu_solutions li ul li a.first,
#menu_resources li ul li a.first,
#menu_process li ul li a.first,
#menu_products li ul li a.first,
#menu_contact li ul li a.first{
	background-color: #FDCE00; 
	padding-bottom:5px;
	text-indent:0px;
}

#menu_home li ul li a.last,
#menu_experience li ul li a.last,
#menu_solutions li ul li a.last,
#menu_resources li ul li a.last,
#menu_process li ul li a.last,
#menu_products li ul li a.last,
#menu_contact li ul li a.last{
	background-color: #FDCE00;
	padding-bottom:5px;
	color: #000000;text-indent:0px;	
}

/***** Main Link Positioning and Sizing  *****/

#menu a{display:block;}

#menu a{
	text-decoration:none;
	font-weight:bold;
	color:#000;
	font-size:1.2em;
	position: relative;
	height:49px;
	background-color: none;
}

/***** Main Link Text Positioning *****/

#menu li b{
	position:relative;
	z-index:-100;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	width:100%;
}

/***** Dropdown Display and Positioning  *****/

#menu ul li ul{position:absolute;z-index:2200;/*top:187px;*/ top:58px; display:none;}
#menu #menu_home li ul{margin-left:20px;}


/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu li:hover{cursor:pointer;z-index:1000;}
div#menu li:hover ul ul,div#menu li li:hover ul ul,div#menu li li li:hover ul ul,div#menu li li li li:hover ul ul{display:none;} /********* ?????????? **********/
div#menu li:hover ul,div#menu li li:hover ul,div#menu li li li:hover ul,div#menu li li li li:hover ul{display:block;}


}
