.drop_style{
width: 99%;
font-style:normal; font-variant:normal; 
color: #494949;
font-size:10px; 
font-family:Tahoma;
}

.drop_style:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.drop_style ul{
background-position: left; border:0px solid #BBB; width: 100%;
margin: 0;text-align: left; padding-left:10px; padding-right:10px; padding-top:7px; padding-bottom:7px; background-color:transparent; 
background-repeat:repeat-x; background-attachment:scroll;
}

.drop_style ul li{
display: inline;
}

.drop_style ul li a{
color: #494949;
padding-left:17px; padding-right:18px; padding-top:3px; padding-bottom:3px;
margin: 0;
text-decoration: none;
border-right: 0px solid #DADADA;
}

.drop_style ul li a:hover, .drop_style ul li 
a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background-position:center; background-color:transparent; background-repeat:repeat-x; background-attachment:scroll
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
border-left:1px solid #BBB; 
border-right:1px solid #BBB; 
border-top:1px solid #BBB; 
border-bottom:0px solid #BBB; position:absolute;
top: 0;


/*THEME CHANGE HERE*/
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
font-style:normal; font-variant:normal; 
font-weight:normal; font-size:12px; 
}


.dropmenudiv a{
width: auto;
display: block;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
color: black;
text-indent: 4px;
font-weight:normal; font-size:13px; 
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}

/* ######### Style for Thumbnail Popup ######### */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}
