#nav {
	/*top: 100px;*/
	/*position: relative;*/
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: 22px;
	background-color: #E1E1E1;
	text-align: center;
	border-bottom: #FFF 1px solid;	
	border-top: #FFF 1px solid;
	
	
}
#menu {
/*	width: 100%;
*/    padding: 0px;
	margin-left: 30px;
	margin-right: auto;
	background-color: #FFF;	
	
}
#menu ul {
	list-style: none;
	margin: 0;
	padding-left: 0px;
	width: 12%;
	float: left;
/*	border-right: #FFF 1px solid;		
*/}
#menu ul li{
	width: auto;
	text-align: left;
    border-bottom: #FFF solid 1px;
/*	border-bottom-width:thin;
*/	
}

#menu a, #menu h2 {
	font: bold 11px/16px arial, helvetica, sans-serif;
	display: block;
	margin: 0;
	padding: 2px 5px;
	
}

/*#menu h2 {
color: #fff;
background-color: #E1D9B3;
text-transform: uppercase;
}*/

ul#menu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  /*font: 1px/0px serif;*/
  content: ".";
  height: 0;
  visibility: hidden;
}
ul#menu ul li {
  width: 170px;
  /*float: left; For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  margin-left: 0px;
  border-bottom: #FFF solid thin;
  
}

#menu a {
	color: #000000;
	background-color: #E1E1E1;
	text-decoration: none;
}
ul#menu li:hover a,
ul#menu li.iehover a {
   color: #E1E1E1;
   background-color: #000;
}
#menu a:hover {
   color: #E1E1E1;
   background-color: #000;
}

#menu ul ul {
float: left;
position: absolute;
z-index: 500;
}

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

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

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