#menu
{
	width: 800px;
	background-color: #234668;
	padding: 4px 0 4px 0;
	text-align: center;
}

.parent-menu
{
	padding: 4px 25px 4px 25px; /* this doesn't show up. the padding in #menu is what making it appear, but if this isn't here then the div doesn't extend, so when you mouseout the menu disappears before you mouseover onto it */
}

.submenu
{
	display: none;
	position: absolute;
	z-index: 2;
	margin: -4px 0 0 0;
	padding: 5px 0 0 0;
	background-color: #234668;
	color: white;
	line-height: 150%;
}

.submenu a:link, .submenu a:active, .submenu a:visited, .submenu a:hover
{
	color: white;
	text-decoration: none;
	font-weight: normal;
}

.menu-item
{
	background-color: #234668;
	padding: 0 11px 3px 11px;
	border-bottom: 1px solid #D3D3D3;
}

A.menu { text-decoration:none;}
A.menu:link {color: #FFFFFF}
A.menu:active {color:#FFFFFF}
A.menu:visited {color: #FFFFFF}

#company_sub_menu
{
	left: 140px;
}

#education_sub_menu
{
	left: 415px;
}

#solutions_sub_menu
{
	left: 290px;
}

#products_sub_menu
{
	left: 512px;
}

#admin_content_sub_menu
{
	left: 204px;
}

#admin_courses_sub_menu
{
	left: 519px;
}

#admin_admin_sub_menu
{
	left: 52px;
}

#admin_products_sub_menu
{
	left: 360px;
}