/*
	this block controls how the main menu (home, products etc...) appears
*/
#nav, #nav ul {
    z-index: 100;
	float: right;
	list-style: none;
	line-height: 1;
	padding: 0;
	margin: -1px 0;
	text-align:left;
}

* html #nav, #nav ul {
	z-index: 100;
	margin:0;
}

/*
	this defines some things common to all links in the menu, regardless of what level
*/
#nav a {
	z-index: 100;
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 0;
}

* html #nav li a img{
	z-index: 100;
	padding:2px 0;
}

/*
	if you wanted to add an arrow to certain menu items, you could give the <li> a class of arrow - like:
	<li class="arrow">
	and then use the css below to add an arrow (you would have to create the arrow image as well)
*/
/*
#nav a.arrow {
	background:  url(../images/arrow.gif) center right no-repeat;
}
*/

#nav li {
	z-index: 100;
	float: left;
	padding: 0;
	height:18px;
}

#nav li ul {
	z-index: 100;
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 13.9em;
	font-weight: normal;
	border-width: 0;
	margin: 0;
}

#nav li li {
	z-index: 100;
	padding-right: 1em;
	width: 13em;
	background: #375472;
	border-bottom: 1px solid #999;
}

/*
	This is what controls the text of the sub-menus
*/
#nav li ul a {
	z-index: 100;
	font-size:xx-small;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	padding: 0.35em .5em; /* this line controls how the pop-out menus line up with the submenus */
}

#nav li ul ul {
	z-index: 100;
	margin: -1.4em 0 0 14em; /* this line controls how the 3rd level menu lines up with the 2nd level menu */
}

* html #nav li ul ul {
	z-index: 100;
	margin: -1.4em 0 0 13.8em; /* this line controls how the 3rd level menu lines up with the 2nd level menu */	
}

#nav li ul ul ul{
	z-index: 100;
	margin-top:-2.30em;
}

/* from here down it describes how to handle the hovering effects */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	z-index: 100;
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	z-index: 100;
	left: auto;
}

#nav li li:hover, #nav li li.sfhover {
	z-index: 100;
	background: #ccc;
}

#nav li li:hover a:hover, #nav li li.sfhover  a:hover {
	z-index: 100;
	color:#000;
}

a.firstLevel{
padding-left:40px;
color:#000000;
font-size: 12px;
font-family: Arial,Helvetica,sans-serif;
font-weight:bold;
}

a.secondLevel{
padding-left:60px;
color:#000000;
font-size: 11px;
font-family: Arial,Helvetica,sans-serif;
}

a.thirdLevel{
padding-left:80px;
color:#000000;
font-size: 10px;
font-family: Arial,Helvetica,sans-serif;
}

#sitemap{
width: 800px;
height: 620px;
background: #fff;
text-align: left;
margin: 0 auto;

}