/*navigation with flyout all css */
.nav 
{
 position: relative;
 width: 100%;  
 margin: 39px 0px 0px 0px;
 text-align: left;
 z-index: 997;
}
.nav ul 
{
 padding: 0px 0px 0px 0px; 
 margin: 0px 0px 0px 0px;
 list-style-type: none;
}
.nav ul li 
{ 
 margin: 0px 0px 26px 12px; 
 border-bottom: solid 1px #f3f3f5;
}
.nav ul li:hover
{ 
 margin: 0px 0px 26px 12px;
 border-bottom: solid 1px #625c80;
}
.nav ul li a, .nav ul li a:visited 
{
 text-decoration: none; 
 color: #353f53;
 font-weight: normal;
}
.nav ul li a:hover 
{
 font-size: 12px;
 font-weight: bold;
}
.nav ul li ul 
{
 display: none;
 border-top: solid 1px #625c80;
 border-bottom: solid 1px #625c80;
 border-left: solid 1px #625c80;
 background: #f3f3f5;
}
.nav ul li ul li
{ 
 margin: 12px 7px 12px 7px; 
 border-bottom: solid 1px #f3f3f5;
}
.nav ul li ul li:hover
{
 margin: 12px 7px 12px 7px; 
 border-bottom: solid 1px #f3f3f5;
}
.nav ul li ul li a:hover
{
 font-weight: bold;
}
#flyout1
{
	z-index: 1000;
}
/* triggers */
.nav ul li:hover ul.flyout1
{
 display: block; 
 position: absolute; 
 top: -39px; 
 left: 90px; 
 width: 90px; 
}
.nav ul li:hover ul.flyout2 
{
 display: block; 
 position: absolute; 
 top: -26px; 
 left: 90px; 
 width: 155px; 
}
.nav ul li:hover ul.flyout3 
{
 display: block; 
 position: absolute; 
 top: -15px; 
 left: 90px; 
 width: 90px; 
}
/* active states styles */
#navliwithsub
{
	z-index: 1001;
	position: relative; 
}
#navliwithsubactive
{
  margin: 0px 0px 28px 10px; 
	position: relative; 
  background-color: #625c80; 
  padding: 2px;
	border-bottom: solid 1px #625c80; 
	z-index: 1000;
}
#navliwithsubactive1
{
  margin: 0px 0px 28px 10px; 
	position: relative; 
  background-color: #625c80; 
  padding: 2px;
	border-bottom: solid 1px #625c80; 
	z-index: 1;
}
#navlinkwithsubactive
{
	color: White; 
	font-weight: bold; 
	font-size: 12px; 
}
#nosubli1:hover
{
 margin: 0px 0px 26px 12px;
 border-bottom: solid 1px #f3f3f5;
}
#nosublink1:hover
{
 font-size: 12px;
 font-weight: bold;
}
#nosubli2:hover
{
 margin: 0px 0px 26px 12px;
 border-bottom: solid 1px #f3f3f5;
}
#nosublink2:hover
{
 font-size: 12px;
 font-weight: bold;
}
#nosubli3:hover
{
 margin: 0px 0px 26px 12px;
 border-bottom: solid 1px #f3f3f5;
}
#nosublink3:hover
{
 font-size: 12px;
 font-weight: bold;
}
#nosubli4:hover
{
 margin: 0px 0px 26px 12px;
 border-bottom: solid 1px #f3f3f5;
}
#nosublink4:hover
{
 font-size: 12px;
 font-weight: bold;
}
#navliwithsub
{
	position: relative;
	z-index: 999;
}
#navliwithsub1
{	
	position: relative;
	z-index: 998;
}
#navliwithsub2
{	
	position: relative;
	z-index: 997;
}
#nosubliactive
{
 margin: 0px 0px 28px 10px;
 background-color: #625c80; 
 padding: 2px 2px 2px 2px;
 border-bottom: solid 1px #625c80;
}
#nosublinkactive
{
	color: White; 
	font-weight: bold; 
	font-size: 12px; 
}