#nav{ width:100%; z-index:4000; color:#fff; z-index:99999; background-color:none;  }

#nav ul{ margin:0px 0px 7px 0px ; padding:0px; list-style-type:none; }   
#nav > a{display: none; padding:0px; margin:0px; }
#nav li {position: relative; padding:0px; margin:0px ; line-height:12px; /*line*/ }

#nav li a {font-family:helvetica_neue_lt_pro67MdCn; color:#444;  font-size:15px; font-weight:normal; text-decoration:none; padding:0px 12px; line-height:0px; /*line*/  text-transform:uppercase;} #nav li.li2 { border-right:none; }
#nav li a:active{ color:#444; !important;} #nav li .bno{ border:none;} 

/* Triangle */
#nav span:after { width: 0; height: 0; /* border: 0.313em solid transparent;  border-bottom: none; border-top-color: #FFF;*/
content: url(../images/tri.png);  vertical-align: middle; display: inline; position: relative; top:-3px; right: -3px; /* 5 */}

/* first level */
#nav > ul {  background-color:none; padding:0px; margin:0px ;}
#nav > ul > li {  float:left; z-index:4000;  margin:0px; padding:0px; border-right:1px solid #666;}


#nav > ul > li > a {font-size:15px; /* 24 */ line-height:0px; /*line*/ /* 60 (24) */ text-align: center;  margin:0px;  padding:0px 12px; }
#nav > ul > li:not( :last-child ) > a { }
#nav > ul > li:hover > a,
#nav > ul:not( :hover ) > li.active > a  { background-color: none; color:#054380; }


/* second level */
#nav li ul { background:rgba(246, 246, 246, 0.9); display:none; position: absolute;  border-right:none;} 
#nav li:hover ul {left: 0; top:15px;  width:180px; display:block; }
#nav li:not( :first-child ):hover ul { display:block;    }

#nav li ul a{font-size:14px; display:block; border-bottom:1px solid #ccc; border-right:none; line-height:12px; padding:8px 10px; margin:0px;}
#nav li ul li a:hover,
#nav li ul:not( :hover ) li.active a {color:#054380; display:block; margin:0px; }

 
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
#nav > ul > li > a {font-size: 12px; /* 24 */ line-height: 0px; /* 60 (24) */ text-align: center;  margin:0px;  padding:8px 10px; }
#nav li a {text-decoration:none; padding:8px 10px;}
}

@media only screen and ( max-width: 40em ) /* 640 */	{
html { font-size: 12px; /* 12 */}

#nav { position: relative;	top: auto;	left: auto; width:96%;  background:rgba(240, 240, 240, 0.9);}
#nav > a{ width: 2.525em; /* 50 */ height: 2.155em; /* 50 */ text-align: left; text-indent: -9999px; position: relative;}

#nav > a:before,
#nav > a:after{ position: absolute; border: 2px solid #666; top: 35%; left: 25%; right: 25%; content: ''; }
#nav > a:after{ top: 60%; }
#nav:not( :target ) > a:first-of-type,
#nav:target > a:last-of-type { display: block; }

/* first level */
#nav > ul { height: auto; display: none; position: absolute; left: 0; right: 0;  }
#nav:target > ul { display: block;  background:rgba(240, 240, 240, 0.9);}
#nav > ul > li { width: 78%; float: none; display: block; margin:0 auto;   border-right: none;}
#nav > ul > li.li2 {   float: none;  margin:0 auto;} 
#nav > ul > li > a { height: auto; text-align: left; padding: 0 0.833em; /* 20 (24) */ display: block; line-height:38px;  }
#nav > ul > li:not( :last-child ) > a {  border-bottom: 1px solid #666; }

/* second level */
#nav li ul {position: static; 	padding: 1.25em; /* 20 */ padding-top: 0; border-right:none;}
}

@media only screen and (max-width: 479px) { 
#nav { position: relative;	top: auto;	left: auto; width:95%;  background:rgba(240, 240, 240, 0.9);}
}