/*DropDown*/
 /* TOP MENUS CSS*/

#nav, #nav ul
{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
font-family: ReplicaBold, Arial;
line-height:1.5em; 
z-index:1002;
    top: 0px;
    left: 0px;
    width: 1020px;
    color:#06568b;

}

#nav a
{
	display:block;
	padding:15px 30px;
	border-style:none;
	color:#06568b;
	text-decoration:none;	
	font-family:ReplicaBold, Arial;
	font-weight:bold;
	font-size:16px;
}
#nav a:hover
{	
	font-family:ReplicaBold, Arial;
	font-weight:bold;
	color:#882A85;
	
}


#nav li{
	float:left;
	position:relative;
    top: 0px;
    left: 0px;
    height: 35px;
}

#nav ul 
{
position:absolute;
display:none;
width:13em;
top:40px;
background-color:#ffffff;


}

#nav li ul a
{	
	font-family:ReplicaLight, Arial;
	font-weight:normal;	
	width:13em;
	height:30px;
	float:left;
	background-image:url(../images/bullet.gif);
	background-repeat:no-repeat;
	background-position:7px 9px;
	color:#005087;
	/*border-top:1px #044D79 solid;*/
	padding-top:4px;
	border-bottom: 1px solid #06568b;
		 

}
#nav li ul a:hover
{	
	font-family:ReplicaLight, Arial;
	font-weight:normal;
	color:#882A85;
}
#nav li ul a:active
{		
	
	font-family:ReplicaLight, Arial;
	font-weight:normal;
	color:#005087;
}


#nav ul ul{
top:auto;
background-color:red;

}	

#nav li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul
{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}


/*Menu Over*/
.menu ul
    {
     border-bottom: 1px solid gray;  
    }
 
    .menu ul li
    {
        font-size:larger;
        border: 1px solid white;        
        text-decoration:none;
        padding: 3px;
        margin: 9px;
    }
  .menu li 
   {
      background-color:white; 
    }
 
    .menu ul li a
    {
        color:#005087;
    }
 
    .menu ul li a:hover
    {
        font-weight:bold;
        color:red;
       
    }