/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW { display:none; position: absolute; overflow:hidden; padding:0 2px; margin:0 0 0 -2px; }
#nav ul, #subMenusContainer ul {	
	/*border around submenu goes here*/	 
	/*-moz-border-radius: 8px;
	-webkit-border-radius: 8px*/;
	border:1px solid #3c72b0; left:0; }
#subMenusContainer { display:block; position:absolute; top:0; left:0; width:100%; height:0; overflow:visible; z-index:1000000000; }


/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li{	float:none; }

#nav li li a { position:relative; float:none; }

/* secondary level lists */
#nav li ul { position: absolute; width: 10em; margin-left: -1000em; margin-top:2.2em; }

/* third-and-above-level lists */
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
#nav li:hover ul{	margin-left: 0; }
#nav li li:hover ul {	margin-left: 10em; margin-top:-2.5em;}

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#nav li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }