html, body { margin: 0; padding: 0 }
html { height: 100%; border-bottom: 1px solid #fff } /* force scrollbar */

/* reset */
#menu, #menu ul, #menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* global styles */
#menu { 
	width: 890px;
	height: 81px;
	padding: 0 0 0 17px;
	background: transparent url(../images/menu_left.gif) no-repeat 0 0;
	margin: 0 auto;
}
#menu li li { text-align: left }
#menu a {
	display: block;
	width: 100%;
	height: 100%;
}
#menu a, #menu .title {
	color: #fff;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.title { text-transform: uppercase }
#menu li.title {
	font-size: 11px;
	font-weight: bold;
	width: 190px;
	padding: 10px;
	margin-top: -1px;
}
#menu ul a:hover { background: #00AFE9 }

/* Top level menus */
#menu li { 
	height: 81px;
	background-color: #00AFE9;
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
	text-indent: -9999px;
	position: relative;
}
#menu li:hover, #menu li.sfhover {
	background-position: 0 -81px;
}

#menu li.about { background-image: url(../images/menu_about.gif); width: 94px; }
#menu li.solutions { background-image: url(../images/menu_solutions.gif); width: 91px; }
#menu li.news { background-image: url(../images/menu_news.gif); width: 131px; }
#menu li.research { background-image: url(../images/menu_research.gif); width: 95px; }
#menu li.clients { background-image: url(../images/menu_clients.gif); width: 79px; }
#menu li.partners { background-image: url(../images/menu_connections.gif); width: 146px; }
#menu li.careers { background-image: url(../images/menu_careers.gif); width: 84px; }
#menu li.pageup { background-image: url(../images/menu_pageup.gif); width: 170px; }
#menu img { display: block; border: none }

/* second level menus */
#menu ul {
    position: absolute;
	left: -9999px;
	top: -9999px;
    background: #005395;
	border: 1px solid #005395;
	padding-top: 10px;
	z-index: 1;
}
#menu ul li { background-color: #005395 }
#menu ul ul {
  padding: 10px 0;
  z-index: 2
}
#menu li:hover ul, #menu li.sfhover ul {
	left: 0;
	top: 76px;
}
#menu li:hover ul ul, #menu li.sfhover ul ul { left: -9999px; top: -9999px; padding: 0 }
#menu ul li {
	text-indent: 0;
	height: auto;
	line-height: 1em;
	border-bottom: 1px solid #00AFE9;
}
#menu ul li.last { border: none }
#menu ul a {
	display: block;
	width: 155px;
	padding: 6px 10px;
	font-size: 11px;
}
#menu ul ul a { 
	padding: 4px 10px;

}
/* Adds background image >> for nested menus */
#menu ul li.sub a {
	background: transparent url(../images/menu_arrow_right.gif) no-repeat 97% 50%;
}
#menu ul li.sub a:hover {
	background: #00AFE9 url(../images/menu_arrow_right_hover.gif) no-repeat 97% 50%;
}

/* Third level menus */
#menu ul li.sub li a { background: #005395 }
#menu ul li.sub li a:hover { background: #00AFE9 }
#menu ul ul li { border: none }
#menu ul li:hover ul, #menu ul li.sfhover ul {
	left: 155px;
	top: -6px;
	background: #005395;
	border: 1px solid #005395;
}
#menu ul li ul a:hover { background: #00AFE9 }
#menu li li li.title { padding-bottom: 3px }
/* Pretty Colors */
#menu li li.framework ul { border-color: #421606; background: #6C230A }
#menu li li.framework ul li a { background: #6C230A; width: 140px; }
#menu li li.framework ul li a:hover { background: #421606 }
#menu li li.framework .title { width: 140px; background: #6C230A; border-top: 1px solid #421606 }
#menu li li.succession ul { border-color: #861A1E; background: #D2242B }
#menu li li.succession ul li a { background: #D2242B; width: 170px; }
#menu li li.succession ul li a:hover { background: #861A1E }
#menu li li.succession .title { width: 170px; background: #D2242B; border-top: 1px solid #861A1E }
#menu li li.recruitment ul { border-color: #005395; background: #00AFE9 }
#menu li li.recruitment ul li a { background: #00AFE9; width: 150px; }
#menu li li.recruitment ul li a:hover { background: #005395 }
#menu li li.recruitment .title { width: 150px; background: #00AFE9; border-top: 1px solid #005395 }
#menu li li.performance ul { border-color: #26652C; background: #41AB49 }
#menu li li.performance ul li a { background: #41AB49; width: 190px; }
#menu li li.performance ul li a:hover { width: 190px; background: #26652C }
#menu li li.performance .title { background: #41AB49; border-top: 1px solid #26652C }
#menu li li.training ul { border-color: #875012; background: #F59120 }
#menu li li.training ul li a { background: #F59120;  width: 190px; }
#menu li li.training ul li a:hover { background: #875012 }
#menu li li.training .title { width: 190px; background: #F59120; border-top: 1px solid #875012 }
#menu li li li.last { margin-bottom: 8px}

/* IE crazy stacking fix */
#menu li:hover, #menu li.sfhover {z-index:999}
#menu li li:hover,#menu li li.sfhover {z-index:999}

#side_menu ul, #side_menu li, #other_side_menu ul, #other_side_menu li { list-style: none; margin: 0; padding: 0 }
* html #side_menu li a, * html #other_side_menu li a { height: 1% }
*:first-child+html .#side_menu li a, *:first-child+html #other_side_menu li a { height: 1% }
#side_menu li, #side_menu li a, #other_side_menu li, #other_side_menu a {
	color: #fff;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: auto;
}
#side_menu li .title { font-size: 11px }
#side_menu, #other_side_menu {
    	margin-left: 2px;
	padding: 0 0 0 4px;
	width: 188px;
	float: left;
	background: url(../images/view_solutions.gif) no-repeat 4px 0;
	padding-top: 31px;
}


#other_side_menu {
	background-image: url(../images/select_menu.gif);
}
#other_side_menu img { float: left }
*:first-child+html #other_side_menu img { 
	float: left;
	margin-left: 0px;
}

#other_side_menu ul  {
	padding: 8px 0 8px 0;
	border-left: 1px solid #BDEAF9;
	border-right: 1px solid #BDEAF9;
}
#side_menu ul {
	background: transparent url(../images/menu_bottom.gif) no-repeat 0 100%;
	padding-bottom: 3px;
}
#side_menu a {
	display: block;
	padding: 8px 10px;
}
#other_side_menu a {
	display: block;
	padding: 6px 10px;
}
#side_menu ul ul a { padding: 4px 10px }
#other_side_menu a {
	color: #005395;
	font-size: 11px;
	padding: 4px 10px;
}
#other_side_menu a:hover { color: #fff; background: #00AFE9 }

#side_menu .title {
	font-weight: bold;
	width: 100%;
	padding: 10px 0;
	text-indent: 10px;
	padding-bottom: 2px;
	margin-top: -1px;
}
#side_menu li a { font-weight: bold; color: #fff }
#side_menu li li a { font-weight: normal }
#side_menu li.last { padding-bottom: 10px }

/* headings */
#side_menu .framework a { background: #6C230A url(../images/framework_bg.gif) repeat-x 0 0 }
#side_menu .framework .title { border-top: 1px solid #E6DAD6 }
#side_menu .succession a { background: #D2242B url(../images/succession_bg.gif) repeat-x 0 0 }
#side_menu .succession .title { border-top: 1px solid #FDCED0 }
#side_menu .recruitment a { background: #00AFE9 url(../images/recruitment_bg.gif) repeat-x 0 0 }
#side_menu .recruitment .title { border-top: 1px solid #BDEAF9 }
#side_menu .performance a { background: #41AB49 url(../images/performance_bg.gif) repeat-x 0 0 }
#side_menu .performance .title { border-top: 1px solid #9FE9A5 }
#side_menu .training a { background: #F59120 url(../images/training_bg.gif) repeat-x 0 0 }
#side_menu .training .title { border-top: 1px solid #F7C790 }

/* menu links*/
#side_menu ul.accordion li a { background: #fff }
#side_menu ul.accordion li a:hover { color: #fff }
#side_menu .framework .title, #side_menu .framework li a { color: #6C230A }
#side_menu .framework li a:hover { background: #6C230A }
#side_menu .succession .title, #side_menu .succession li a { color: #D2242B }
#side_menu .succession li a:hover { background: #D2242B }
#side_menu .recruitment .title, #side_menu .recruitment li a { color: #00AFE9 }
#side_menu .recruitment li a:hover { background: #00AFE9 }
#side_menu .performance .title, #side_menu .performance li a { color: #41AB49 }
#side_menu .performance li a:hover { background: #41AB49 }
#side_menu .training .title, #side_menu .training li a { color: #F59120 }
#side_menu .training li a:hover { background: #F59120 }

#side_menu .framework ul { border: 1px solid #E6DAD6 }
#side_menu .succession ul { border: 1px solid #FDCED0 }
#side_menu .recruitment ul { border: 1px solid #BDEAF9 }
#side_menu .performance ul { border: 1px solid #9FE9A5 }
#side_menu .training ul { border: 1px solid #F7C790 }
#side_menu ul ul.accordion { border-top: none; border-bottom: none; background: #fff }