/*div.ex1 {direction:ltr;}*/

.droplinebar{
overflow: hidden;
}

.droplinebar ul{
margin: 0;
padding: 0;
float: right;
width: 100%;
font: 11px Arial;
background: transparent url('../images/mermaid2of2.gif') center center no-repeat; /*default background of menu bar*/ 
}

.droplinebar ul li{
display: inline;
}

.droplinebar ul li a{
float: right;
color: white; 
font-weight:bold;  
padding: 5px 2px 4px 1px; 
text-decoration: none;
background: transparent url('../images/blueactive.png') center center no-repeat;
}

.droplinebar ul li a:visited{
color: white; 
text-align:left;
}

.droplinebar ul li:hover a{
color: white;
font-weight:bold;
background: transparent url('../images/grayhover.png') center center no-repeat;
}

.droplinebar ul li a:hover, .droplinebar ul li .current{ /*background of main menu bar links onMouseover*/
color: white;
background: transparent url('../images/grayhover.png') center center no-repeat-x;
}


/* Living in norfolk tab link width*/
.droplinebar ul li a.LivinginNorfolk:link{text-align:center; text-decoration:none; width:118px;}
.droplinebar ul li a.LivinginNorfolk:visited {text-align:center; text-decoration:none; width:118px;}
.droplinebar ul li a.LivinginNorfolk:hover {text-align:center; text-decoration:none; width:118px;}
.droplinebar ul li a.LivinginNorfolk:active {text-align:center; text-decoration:none; width:118px;}
/*Visiting in Norfolk link width*/
.droplinebar ul li a.VisitinginNorfolk:link{text-align:center; text-decoration:none; width:118px;}
.droplinebar ul li a.VisitinginNorfolk:visited {text-align:center; text-decoration:none; width:118px;}
.droplinebar ul li a.VisitinginNorfolk:hover {text-align:center; text-decoration:none; width:118px;}
.droplinebar ul li a.VisitinginNorfolk:active {text-align:center; text-decoration:none; width:118px;}
/*Business in Norfolk tab link width*/
.droplinebar ul li a.BusinessinNorfolk:link{text-align:center; text-decoration:none; width:118px;}
.droplinebar ul li a.BusinessinNorfolk:visited {text-align:center; text-decoration:none; width:118px;}
.droplinebar ul li a.BusinessinNorfolk:hover {text-align:center; text-decoration:none; width:118px;}
.droplinebar ul li a.BusinessinNorfolk:active {text-align:center; text-decoration:none; width:118px;}
/* City Government tab link width*/
.droplinebar ul li a.CityGovernment:link{text-align:center; text-decoration:none; width:118px;}
.droplinebar ul li a.CityGovernment:visited {text-align:center; text-decoration:none; width:118px;}
.droplinebar ul li a.CityGovernment:hover {text-align:center; text-decoration:none; width:118px;}
.droplinebar ul li a.CityGovernment:active {text-align:center; text-decoration:none; width:118px;}
/* Online Services tab link width*/
.droplinebar ul li a.OnlineServices:link{text-align:center; text-decoration:none; width:118px; margin-right:5px;}
.droplinebar ul li a.OnlineServices:visited {text-align:center; text-decoration:none; width:118px; margin-right:5px;}
.droplinebar ul li a.OnlineServices:hover {text-align:center; text-decoration:none; width:118px; margin-right:5px;}
.droplinebar ul li a.OnlineServices:active {text-align:center; text-decoration:none; width:118px; margin-right:5px;}


/* Sub level menus*/
.droplinebar ul li ul{
position: absolute;
z-index: 100;
left: 0;
top: 0;
height:214px;
background: #296197; /*sub menu background color */
/* The opacity property is supported in all major browsers, except Internet Explorer.
Specifies the opacity. From 0.0 (fully transparent) to 1.0 (fully opaque) */
opacity:0.95; 
/* Internet Explorer supports an alternative, the filter property, e.g. filter:Alpha(opacity=50); */
filter:Alpha(opacity=95);
visibility: hidden;   
}



/* Sub level menu links style */
.droplinebar ul li ul li a{
font: normal 12px Arial; 
font-weight:normal;
padding: 6px;
padding-right: 8px;
margin:0;
border-bottom: 0px solid navy;
color: white;
background:transparent;   
}


.droplinebar ul li:hover ul li a{
color: white;
font-weight:normal;
background:transparent;  
}


.droplinebar ul li ul li a:hover{ /*sub menu links' background color onMouseover */
color: white;
background:transparent;  

}


.droplinebar ul li:hover ul li table{ 
margin-left:auto; 
margin-right:auto; 
margin-top:11px;   
}

.droplinebar ul li ul li table{ 
margin-left:auto; 
margin-right:auto; 
margin-top:11px;    
}



.category_gold{ 
font-weight:bold;
color:#EFE9A4;
text-align:left; 

}

.red{height:11px;}
.droplinebar ul li ul li table.red tr td{width:160px; height:11px; padding:0px 0px 0px 0px;}


/* add to one:link to test padding location background: #0066CC;*/
.droplinebar ul li ul li table.red tr td a.one:link {text-align:left; text-decoration:none; width:160px; height:10px;}
.droplinebar ul li ul li table.red tr td a.one:visited {text-align:left; text-decoration:none; width:160px; height:10px;}
.droplinebar ul li ul li table.red tr td a.one:hover {text-align:left; text-decoration:underline; width:160px; height:10px;}
.droplinebar ul li ul li table.red tr td a.one:active {text-align:left; text-decoration:none; width:160px; height:10px;}




.droplinebar ul li ul li table.red tr td a.more { text-align:left; text-decoration:none; width:160px; height:10px; }
.droplinebar ul li ul li table.red tr td a.more:link {text-align:left; text-decoration:underline; width:160px; color:#EFE9A4; text-decoration:underline;}
.droplinebar ul li ul li table.red tr td a.more:visited {text-align:left; text-decoration:underline; width:160px; color:#EFE9A4}
.droplinebar ul li ul li table.red tr td a.more:hover {text-align:left; text-decoration:underline; width:160px; color:#fff; }
.droplinebar ul li ul li table.red tr td a.more:active {text-align:left; text-decoration:underline; width:160px; color:#EFE9A4}