/*AUDIENCE NAVIGATION CSS */

/******** BEGIN NEW *******************/

#audience_navigation {
		float:left;
		width:228px;  /* 230 subtract padding */
		padding:0 0 10px 0;
		background-color:#fdb813;
		font-family:arial, sans-serif;
                z-index:4;
	}
		#audience_navigation p {
			margin:0;
			padding:10px 0 0 0;
			height:5px; /* 13 subtract padding */
			width:228px;
			background:#fff url('http://www.muskegoncc.edu/Images/system/2010_homepage_redesign/audience_navigation_top_edge.png') no-repeat;
			background-position:0 7px;
		}
		#audience_navigation h2 {
			margin:14px 0 21px;
			width:198px;
                        height:0;
			padding:0 0 9px 30px;
			font-size:12pt;
			font-weight:bold;
			color:#003366;
			background-color:#fdb813;
		}
		/* start audience navigation flyouts */
		/* root level */
		


		#anav li {
			float:left;
			list-style:none;
			position: relative;
		}		
		#anav li a{
			display:block;
			padding:6px 0 4px 38px;
			width:190px; /*230 subtract padding */
			color:#003366;
			font-size:11pt;
			font-weight:bold;
			text-decoration:none;
			background:url('http://www.muskegoncc.edu/Images/system/2010_homepage_redesign/carrot.png') no-repeat;
			background-position:170px 4px;
		}		
		#anav a:hover, #anav li:hover a { /* this keeps root highlighted while over drop-downs */			
			color:#fff;
			background-color:#005DAB;
		}		
		/* 1ST TIER flyout Styles */
		/* Position the first level flyout */
		#anav ul {position: absolute; left: -9999px;	padding: 0; }				
		#anav li:hover ul {left: 228px;top:0px;}	/* show ul when hovered */	
		#anav li li {margin:0;padding:0; z-index:1000;}		
		#anav li:hover li a { /*define width, color of first flyout */
			padding: 6px 30px 7px 10px;
			width: 140px;
			font-size: 12px;
			color:#fff;
			background-image:none;
		}			
		#anav li li.sub_sub a {background:#005DAB url('http://www.muskegoncc.edu/Images/system/2010_homepage_redesign/carrot.png') no-repeat 150px 4px;}
		#anav li li a:hover, #anav li li:hover a {background-color:#fff;color:#000;}			
		/* custom curves */
		#anav li li a.tier1_top_curve {
			background:url('http://www.muskegoncc.edu/Images/system/2010_homepage_redesign/tier1_top_curve.png') no-repeat 0 0;
			padding:10px 30px 4px 10px;
		}
		#anav li li a.tier1_top_curve:hover {
			background:url('http://www.muskegoncc.edu/Images/system/2010_homepage_redesign/tier1_top_curve_hover.png') no-repeat 0 0;
		}		
		#anav li li a.tier1_bottom_curve {
			background:url('http://www.muskegoncc.edu/Images/system/2010_homepage_redesign/tier1_bottom_curve.png') no-repeat;
			background-position: center bottom;
			padding:6px 30px 10px 10px;
		}
		#anav li li a.tier1_bottom_curve:hover {
			background:url('http://www.muskegoncc.edu/Images/system/2010_homepage_redesign/tier1_bottom_curve_hover.png') no-repeat;
			background-position: center bottom;
		}		
		/* TIER 2 SUB-NAV CURVES */
		/*define width, color of second flyout */
		#anav li:hover li ul {left:-9999px;}
		#anav li:hover ul li:hover ul { display:block;left:180px;top:0; z-index:9999999;}	/* show ul when hovered */	
		#anav li:hover li li a {color:#000;background:#FBDA92;border-bottom:1px solid #fff;}
		#anav li:hover li li a:hover {color:#fff;background:#005DAB;}
		
		/* custom curves */
		#anav li:hover  li li a.tier2_top_curve {
			background:url('http://www.muskegoncc.edu/Images/system/2010_homepage_redesign/tier2_top_curve.png') no-repeat 0 0;
			width:160px;
			margin:0;
			padding:6px 10px 10px 10px;
			line-height:1em;
		}
		#anav li:hover  li li a.tier2_top_curve:hover {background:url('http://www.muskegoncc.edu/Images/system/2010_homepage_redesign/tier2_top_curve_hover.png') no-repeat 0 0;}
		#anav li:hover  li li a.tier2_bottom_curve {background:url('http://www.muskegoncc.edu/Images/system/2010_homepage_redesign/tier2_bottom_curve.png') no-repeat center bottom; border:0;}
		#anav li:hover  li li a.tier2_bottom_curve:hover {background:url('http://www.muskegoncc.edu/Images/system/2010_homepage_redesign/tier2_bottom_curve_hover.png') no-repeat center bottom;border:0;}