.menu {list-style: none; margin: 0; padding: 0; min-height: 28px; height: 28px; }
.menu li{display: block; padding: 0; cursor: pointer; float: left; margin-right: 0px; } 
.menu a{display: block; height: 28px; min-height: 28px; outline:none; margin-right: 0px;}

#li_about {background-position:-0px -0px; width: 129px; height: 28px; min-height: 28px;}
#li_courses {background-position:-0px -56px; width: 253px; height: 28px; min-height: 28px;}
#li_locations {background-position:-0px -112px; width: 245px; height: 28px; min-height: 28px;}
#li_resourcing {background-position:-0px -168px; width: 205px; height: 28px; min-height: 28px;}


#li_about.active, #li_about:hover {background-position: -0px -28px;}
#li_courses.active, #li_courses:hover{background-position: -0px -84px;}
#li_locations.active, #li_locations:hover {background-position: -0px -140px;}
#li_resourcing.active, #li_resourcing:hover {background-position: -0px -196px;}

#menu_link_height{min-height: 28px; height: 28px;}

.menu_arrow{float: right; margin-top: 2px;}

#menu ul {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 99;
}

#menu ul li {
	float: left;
	padding: 0;
	font-size: 12px;
	list-style-type: none;
	display: block;
	padding: 0;
	cursor: pointer;
	float: left;
	margin-right: 0px;
	background-image:url(../images/menu/menu_content.gif);
	background-repeat:no-repeat;
	/* * background-image: none;*/
}
/*
#li_about{* background-image:url(../images/menu/about_off.gif); * background-position: -0px -0px;}
#li_courses{* background-image:url(../images/menu/courses_off.gif); * background-position: -0px -0px;}
#li_locations{* background-image:url(../images/menu/locations_off.gif); * background-position: -0px -0px;}
#li_parc{* background-image:url(../images/menu/parc_off.gif); * background-position: -0px -0px;} */

#menu ul li a {
	float: left;
	display: block;
	width: auto;
	font-weight: normal;
	background: transparent;
	text-decoration: none;
	color: #fff;
	margin: 0;
}

#menu  ul li a:hover {
	color: #fff;
	text-decoration: none;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/

.menu_width_courses{ width: 400px; }

#menu  ul li a {
	float: none;
	height: 13px;
	min-height: 13px;
	color: #006;
	text-align: left;
	}

/* End IE5-Mac hack */
#menu  ul.level2, #menu ul.level3, #menu ul.level4{
	position: fixed;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
	visibility: hidden;
	background-image: none;
	background-color: #fff;
	z-index: 99;
	
}

#menu  ul.level2 li, #menu ul.level3 li {
	float: none;
	margin: 0;
	padding: 0;
	width: 250px;
	border-bottom-width: 1px;
	border-bottom-color: #dddddd;
	border-bottom-style: dotted;
	background-image: none;
	background-color: #fff;
	display: block; /* IE fix to stop between menu items */
	float: left; /* IE fix to stop between menu items */
	clear: left; /* IE fix to stop between menu items */
}

#li_courses ul.level2 li {width: 254px; opacity: 0.95;}
#li_about ul.level2 li {width: 254px; opacity: 0.95;}
#li_resourcing ul.level2 li {width: 254px; opacity: 0.95;}
#li_locations ul.level2 li {width: 254px; opacity: 0.95;}

#li_courses ul.level3 li {width: 235px; background-image: url(../images/menu/background.jpg);}
#li_courses ul.level4 li {width: 200px; background-image: url(../images/menu/background.jpg);}
#li_courses ul.level5 li {width: 200px; background-image: url(../images/menu/background.jpg);}

#li_about ul.level2 li {width: 190px;}
#li_about ul.level3 li {width: 200px;}

#li_locations ul.level2 li {width: 247px;}
#li_locations ul.level3 li {width: 180px;}

#li_resourcing ul.level2 li {width: 205px;}
#li_resourcing ul.level3 li {width: 180px;}

#menu  ul.level2 li a, #menu ul.level3 li a, #menu ul.level4 li a, #menu ul.level5 li a {
	padding: 5px 5px 5px 5px; font-weight: normal;
}

#menu  ul.level2 li a:hover,#menu  ul.level3 li a:hover {
	font-weight: normal;
	background-color: #9e1b32;
	background-image: none;
}