/* ######### Drop Down ULs CSS ######### */


.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: normal 10px Arial;
margin: 0;
width: 180px;
height: 98px; 
padding: 36px 0 10px 13px;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: url(../images/dropdown.png) no-repeat 0 12px;
visibility: hidden;
z-index: 100;
display:  block;
overflow: hidden;
}

.ddsubmenustyle li a{
display: block;
width: 177px; /*width of menu (not including side paddings)*/
color: #fff;
text-decoration: none;
padding: 0 3px 0 0;
margin: 0 0 12px 0;
text-transform: uppercase;
letter-spacing: -0.03em;
font-weight: bold; 
opacity: .5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 180px; 
}

.ddsubmenustyle li a:hover{
color: #fff;
opacity: 1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/

}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/

}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}