/* Menu Bar styling */
#main_menu { 
    height: 41px;
    background: url(/media/images/fot/header/bg_main_menu.png) repeat-x 0 0;
}

ul#topnav {
	margin: 0;
    padding: 0;
	float: left;
	width: 100%;
	list-style: none;
	font-size: 13px;
}

ul#topnav li {
	float: left;
	margin: 0;
    padding: 0;
	position: relative; /*--Important--*/
	background: url(/media/images/fot/header/bg_main_menu.png) repeat-x 0 0;
}
ul#topnav li a {
	float: left;
	height: 27px;
	color: #fff;
	padding: 4px 13px 0px 14px;
	border-right: 1px solid #fff;
	margin-bottom: 10px;
	position : relative;
	z-index: 9;
}

ul#topnav li a.last {
	border-right: none;
	width: 56px;
}

ul#topnav li:hover a, ul#topnav li a:hover, ul#topnav a:focus, ul#topnav .itemBg { /*--Hover State--*/
    height: 27px;
    margin-bottom: 0;
    background: #285687 url(/media/images/fot/header/bg_main_menu_hover.png) repeat-x 0 0;
    color:#fff;
}
ul#topnav li:hover a.no_sub, ul#topnav li a.no_sub:hover, ul#topnav a.no_sub:focus {
/*--Hover State when no sub menu items--*/
    height: 27px;
    margin-bottom: 0;
    background: #fff url(/media/images/fot/header/bg_main_menu_hover.png) repeat-x 0 0;
    color:#fff;
}

ul#topnav li .itemBg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
  	border-right: 1px solid #fff;
    height: 37px;
    display: none;
}

ul#topnav li:hover .itemBg {
    display:block
}

ul#topnav li .sub {
	position: absolute; /*--Important--*/
	top: 37px;
    left: 0;
	z-index: 99999;
	padding: 0;
	float: left;
	background-color: #707073;
	display: none; /*--Hidden for those with js turned off--*/
}

ul#topnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

ul#topnav li .sub ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

ul#topnav li .sub.resources {
	top: 37px; 
    left: -429px;
}

ul#topnav li .sub ul.border_left {
	border-left: 1px solid #fff;
}

ul#topnav li .sub ul.border_right {
	border-right: 1px solid #fff;
}

ul#topnav li .sub ul.border_left_right {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}


ul#topnav div.course_info ul { width:200px; }

ul#topnav div.course_schedule ul { width:200px; }
ul#topnav div.online_learning ul { width:150px; }
ul#topnav div.learning_services ul { width:210px; }
ul#topnav div.resources ul { width:240px; }
ul#topnav div.certifications ul { width:300px; }

ul#topnav h2.project_management { background-color:#2a6b8a; }
ul#topnav h2.it_service_management { background-color:#c16400; }
ul#topnav h2.leadership_development { background-color:#525642; }
ul#topnav h2.tailor_search { background-color:#08397d; }
ul#topnav h2.top_10 { background-color:#08397d; }
ul#topnav h2.resources { background-color:#08397d; }
ul#topnav h2.funding { background-color:#08397d; }
ul#topnav h2.faq { background-color:#08397d; }


ul#topnav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff;
	background: none;
}


ul#topnav .sub ul li a, ul#topnav .sub ul li h2 a  {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: 18px; /*--Override height from parent list item--*/
	background: none;
	margin-bottom: 0;
	padding: 4px 6px 0px 14px;
	display: block;
	text-decoration: none;
	color: #fff;
	border-right: none;
	font-size: 12px;
	font-weight: normal;
}
ul#topnav .sub ul li a:hover { 
    background: url(/media/images/fot/header/bg_main_menu_hover.png) repeat-x 0 0;
    color:#fff; 
    height:18px; 
}