/* Basic code - don't modify */

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

#nav ul { width: 212px; }
#nav ul ul { left: 180px; }

/* Everything else is theming */
 
#nav { background-color: transparent; height:30px }
#nav *:hover { background-color: none; }
#nav a {width:auto;
 /*border-right: 1px solid white; */
 color: white; 
 font-size: 12px; 
 padding: 6px; 
 line-height: 1;}
#nav li.hover a { }
#nav ul {top: 40px; border:0px solid #000; border-top:none; opacity: 1.0; filter: alpha(opacity=100);}
#nav ul a.hover { }


/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */
#nav ul a { background-color:transparent !important; 
  border-right: none; 
 /*font-weight:normal !important; */
  color:#fff !important;
  opacity: 1.0; filter: alpha(opacity=100);
  width:200px;
 }

div#Menu ul#nav li a {
	padding: 0.86em 1em !important;
}
div#Menu ul#nav li li a {
	padding: 8px 0px 8px 12px  !important;
}
div#Menu ul#nav ul li a:hover,
div#Menu ul#nav ul li a.current,
div#Menu ul#nav ul li a.active {
  background-image:none;
}
div#Menu ul#nav ul li a {
  border-bottom:1px solid transparent!important;
  border-bottom:0px solid transparent;
}
div#Menu ul#nav ul li a:hover {
  text-decoration:underline;
}


/* --------- DEMO ------------- */
/* --------- DEMO ------------- */
/* --------- DEMO ------------- */
ul#nav ul {
	background-color: #edf5fc !important;
	border:1px solid #4984AC!important;
	border-right:none;
	border-top:none !important;
	z-index:10000;

}
ul#nav ul li a {
	color:#326598 !important;
}
div#Menu ul#nav li li a {
	padding: 5px 0px 5px 12px  !important;
}
div#Menu ul#nav ul li a:hover {
  text-decoration:none !important;
	color:#fff !important;
}
div#Menu ul#nav ul.teaserColor1 li:hover,
div#Menu ul#nav ul.teaserColor1 li a:hover {
  background-color:#244A5D !important;
}
div#Menu ul#nav ul.teaserColor2 li:hover,
div#Menu ul#nav ul.teaserColor2 li a:hover {
	background-color:#4984AC !important;
}
div#Menu ul#nav ul.teaserColor3 li:hover,
div#Menu ul#nav ul.teaserColor3 li a:hover {
	background-color:#1E8888 !important;
}
div#Menu ul#nav ul.teaserColor4 li:hover,
div#Menu ul#nav ul.teaserColor4 li a:hover {
	background-color:#32B5A7 !important;
}
div#Menu ul#nav ul.teaserColor5 li:hover,
div#Menu ul#nav ul.teaserColor5 li a:hover {
	background-color:#318A50 !important;
}
div#Menu ul#nav ul.teaserColor6 li:hover,
div#Menu ul#nav ul.teaserColor6 li a:hover {
	background-color:#6BAD31 !important;
}
/* --------- /DEMO ------------- */
/* --------- /DEMO ------------- */
/* --------- /DEMO ------------- */