#menu {
display:block;
position:relative;
float:left;
width:157px;
height:480px;
top: 103px;
left:13px;
background-image: url(../images/lnav_bg.gif);
z-index:999;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a{
display: block;
width: 157px;
height:28px;
margin: 0;
text-indent: -9909px;
}

#menu li {
position: relative;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

#menu li #about_who a,
#menu li #about_why a,
#menu li #about_what a,
#menu li #news_current a,
#menu li #news_subscribe a,
#menu li #news_archive a,
#menu li #more_training a,
#menu li #more_learning a,
#menu li #more_press a,
#menu li #more_comments a,
#menu li #more_faq a,
#menu li #more_map a,
#menu li #more_contact a
{
	display: block;
	width: 157px;
	height:15px;
	margin: 0px;
	padding: 0px;
	background-image:none;
	background-color:#511b00;
	text-indent: 0px;
	padding:5px;
	text-decoration:none;
	color:#ffffff;
}

#menu li #about_who a:hover,
#menu li #about_why a:hover,
#menu li #about_what a:hover,
#menu li #news_current a:hover,
#menu li #news_subscribe a:hover,
#menu li #news_archive a:hover,
#menu li #more_training a:hover,
#menu li #more_learning a:hover,
#menu li #more_press a:hover,
#menu li #more_comments a:hover,
#menu li #more_faq a:hover,
#menu li #more_map a:hover,
#menu li #more_contact a:hover
{
	color:#ffcc00;
}

#purchase a{
	background-image: url(../images/nav_ourproducts_off.gif);
}

#purchase a:hover{
	background-image: url(../images/nav_ourproducts_on.gif);
}

#about a{
	background-image: url(../images/nav_about_off.gif);
}

#about a:hover{
	background-image: url(../images/nav_about_on.gif);
}

#news a{
	background-image: url(../images/nav_news_off.gif);
}

#news a:hover{
	background-image: url(../images/nav_news_on.gif);
}

#keynote a{
	background-image: url(../images/nav_keynote_off.gif);
}

#keynote a:hover{
	background-image: url(../images/nav_keynote_on.gif);
}

#more a{
	background-image: url(../images/nav_more_off.gif);
}

#more a:hover{
	background-image: url(../images/nav_more_on.gif);
}

#courseLogin a{
	background-image: url(../images/nav_emptyslot0.gif);
}

#courseLogin a:hover{
	background-image: url(../images/nav_emptyslot0.gif);
}

#empty1 a{
	background-image: url(../images/nav_emptyslot1.gif);
}

#empty2 a{
	background-image: url(../images/nav_emptyslot2.gif);
}

#menu h4{
	position:relative;
	display:block;
	background-image: url(../images/nav_header.gif);
	width:157px;
	height:11px;
	margin:0px;
	padding:0px;
	font-size:0px;
	text-indent: -9909px;
}

#menu h2{
	margin:0px;
	padding:0px;
	background-image: url(../images/featured_bg.gif);
	width:157px;
	height:273px;
}

#menu h2 a{
	position:relative;
	display:block;
	width:157px;
	height:273px;
	background-image: url(../images/webcourse.gif);
}

#menu h2 a span{
	display: none;
}