/* Basic code - don't modify */
 
#nav{ 
 display: block; 
 margin: 0; 
 padding: 0; 
 position: relative;
 right: 0px;
 matgin-left: 3px;
 width: 470px;

}
#nav li, #nav2 li { 
  display: block; 
  list-style: none; 
  margin: 0; 
  padding: 0; 
  float: left; 
  position: relative; 
}
#nav a, #nav2 a { 
  display: block; 
}
#nav ul, #nav2 ul { 
  display: none; 
  position: absolute; 
  left: 0; 
  margin: 0;
  padding: 0; 
}
#nav ul ul, #nav2 ul ul { 
  margin: 0;
  padding: 0; 
}
* html #nav ul { 
  line-height: 0; 
} /* IE6 "fix" */
* html #nav2 ul { 
  line-height: 0; 
} /* IE6 "fix" */
#nav ul a, #nav2 ul a { 
  zoom: 1; 
} /* IE6/7 fix */
#nav ul li, #nav2 ul li { 
  float: none; 
}
#nav ul li ul li, #nav2 ul li ul li {
  top: 0;
  padding: 0;
  margin: 0; 
}
    
/* Essentials - configure this */

#nav ul { 
width: 90px;
 }
#nav ul ul { left: 90px; }

/* Everything else is theming */
 
#nav {
  background-color: #F0f0f0;
  height: 14px;
  font-size: 11px;
 
}
#nav2 {
	background-color: #B8B8B8;
	background-color: #FCddFF;
	height: 14px;
	font-size: 11px;
}


#nav *:hover {
  background-color: none; 
}
#nav a {
  /*border-right: 1px solid white;*/
  color: #333333;
  font-size: 11px;
  text-decoration: none;
  padding: 0px 12px 0px 18px;
  line-height: 1;
}
#nav li.hover a { 
  background-color: #F0F0F0;
/*  text-decoration: underline;*/
}
#nav ul { 
  top: 14px;
  float: left;
clear: left; 
}
#nav ul li a {
	background-color: #FFFFFF;
	padding: 3px 12px 3px 18px;
	width: 100%
}
#nav ul a.hover {
	background-color: #FFFFFF;
}
#nav ul a { 
  /* border-bottom: 1px solid white;*/
   border-right: none;
   padding: 0px; 
	/*opacity: 0.9; 
	filter: alpha(opacity=90); */
	}
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */



    
/* Essentials - configure this */

 #nav2 { 
 display: block; 
 margin: 0; 
 padding: 0; 
 position: absolute;
 right: 0; 
 }

#nav2 ul { width: 110px; }
#nav2 ul ul { left: 110px; }

/* Everything else is theming */
 
#nav2 {
	background-color: #B8B8B8;
	height:13px;
}
#nav2 *:hover { background-color: none; }
#nav2 a { 
/*border-right: 1px solid white;*/ 
    color: #333333;
	font-size: 11px;
	text-decoration: none;
	padding: 2px 12px 2px 18px;
	line-height: 1; 
}
  #nav2 li.hover a { background-color: #B8B8B8; }
  #nav2 ul { top: 14px; }
    #nav2 ul li a {
	background-color: #FFFFFF;
}
      #nav2 ul a.hover {
	background-color: #FFFFFF;
}
   #nav2 ul a { 
  /* border-bottom: 1px solid white; */
   border-right: none; 
/*   opacity: 0.9; 
   filter: alpha(opacity=90); */
   }
/* #nav2 ul a { border-bottom: none; } - I also needed this for IE6/7 */