#nav {
	display: table;
  margin: 0 auto;
}
#nav ul { 
	width: 186px; 
	background:#3a8baa;
}
#nav ul ul { 
	left: 186px; 
}
#nav li {
	text-align:left;
}
#nav a {
	text-decoration:none;
	font-size:11px;
}
#nav .separator {
	padding: 6px 1px 6px 6px;
	color: #187a9d;
}
#nav { 
	/*height: 20px; */
}
#nav *:hover { background-color: none; }

#nav a { 
	color: white; 
	padding: 6px 1px 6px 6px; 
}
#nav li.hover a { 
	text-decoration:underline;
	padding: 6px 1px 6px 6px; 
}
#nav li.hover li a { 
	text-decoration:none;
}
  
  #nav ul { top: 25px; }
  	#nav ul li{ background-color: #3a8baa; border-bottom:1px solid #9ed0e3;}
    #nav ul li a { background-color: #3a8baa; text-decoration:none;}
      #nav ul li.hover { background-color: #52a1bf; }
      #nav ul a.hover { background-color: #52a1bf; text-decoration:underline;}
   #nav ul a {  opacity: 1.0; filter: alpha(opacity=100); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */


#nav li ul {
	
}
#nav li.nolink, #nav li.nolink.hover  {
	background:none;
	padding:0;
	margin:0;
}


#nav ul ul {
	left:180px;
	top:3px;
}
#nav ul ul li {
	background:#1e7b9e;
}
#nav ul ul li a {
	background:#1e7b9e;
}
#nav ul ul li a:hover {
	background:#2e8aad;
}




















#nav2 {
	width:180px;
}
#nav2 ul { 
	width: 180px; 
	background:#273a4e;
	left:190px;
	top:0;
}
#nav2 ul ul { 
	left: 180px; 
}
#nav2 li {
	text-align:left;
}
#nav2 a {
	text-decoration:none;
	font-size:11px;
	width:180px;
}
#nav2 { 
	/*height: 20px; */
}
#nav2 *:hover { background-color: none; }

#nav2 a { 
	padding: 6px 1px 6px 6px; 
}
#nav2 li.hover a { 
	text-decoration:underline;
	padding: 6px 1px 6px 6px; 
}
#nav2 li.hover li a { 
	text-decoration:none;
}
  
  #nav2 ul ul { top: 2px; }
  	#nav2 ul li{ background-color: #273a4e; width:180px;}
    #nav2 ul li a { background-color: #273a4e; text-decoration:none; width:180px;}
      #nav2 ul li.hover { background-color: #36506b; }
      #nav2 ul a.hover { background-color: #36506b; text-decoration:underline;}
   #nav2 ul a {  opacity: 1.0; filter: alpha(opacity=100); }
/* #nav2 ul a { border-bottom: none; } - I also needed this for IE6/7 */


#nav2 li ul {
	
}
#nav2 li.nolink, #nav2 li.nolink.hover  {
	background:none;
	padding:0;
	margin:0;
}


#nav2 ul ul {
	left:180px;
	top:2px;
}
#nav2 ul ul li {
	background:#1e7b9e;
}
#nav2 ul ul li a {
	background:#1e7b9e;
}
#nav2 ul ul li a:hover {
	background:#2e8aad;
}

#nav2 ul a {
	color:white;
}











#nav3 {
	width:170px;
}
#nav3 ul { 
	width: 150px; 
	background:#273a4e;
	left:-180px;
	top:0;
}
#nav3 ul ul { 
	left: -160px; 
}
#nav3 li {
	text-align:left;
}
#nav3 ul li {
	text-align:right;
	padding-right:10px;
}
#nav3 a {
	text-decoration:none;
	font-size:11px;
	width:180px;
}
#nav3 { 
	/*height: 20px; */
}
#nav3 *:hover { background-color: none; }

#nav3 a { 
	padding: 6px 1px 6px 6px; 
}
#nav3 li.hover a { 
	text-decoration:underline;
	padding: 6px 1px 6px 6px; 
}
#nav3 li.hover li a { 
	text-decoration:none;
}
  
  #nav3 ul ul { top: 2px; }
  	#nav3 ul li{ background-color: #273a4e; width:180px;}
    #nav3 ul li a { background-color: #273a4e; text-decoration:none; width:180px;}
      #nav3 ul li.hover { background-color: #36506b; }
      #nav3 ul a.hover { background-color: #36506b; text-decoration:underline;}
   #nav3 ul a {  opacity: 1.0; filter: alpha(opacity=100); }
/* #nav3 ul a { border-bottom: none; } - I also needed this for IE6/7 */


#nav3 li ul {
	
}
#nav3 li.nolink, #nav3 li.nolink.hover  {
	background:none;
	padding:0;
	margin:0;
}


#nav3 ul ul li {
	background:#1e7b9e;
}
#nav3 ul ul li a {
	background:#1e7b9e;
}
#nav3 ul ul li a:hover {
	background:#2e8aad;
}

#nav3 ul a {
	color:white;
}