/* menu styles */

.menu{
margin-top: 13px;
display: block;
float: left;
width: 100%;
height: 30px;
background-image: url(images/menubg.png);
background-repeat: repeat;
}

.item{
padding-top: 5px;
height: 26px;
width: 168px;
display: block;
float: left;
text-align: center;
color: #FFFFFF;
text-decoration: none;
font-size: 1.3em;
}

.item:hover{
height: 26px;
width: 168px;
display: block;
float: left;
text-align: center;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
font-size: 1.3em;
background-image: url(images/opacity10.png);
background-repeat: repeat;
}

.item#active{
height: 26px;
width: 168px;
display: block;
float: left;
text-align: center;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
font-size: 1.3em;
background-image: url(images/opacity10.png);
background-repeat: repeat;
}


#jsddm{	
margin: 0;
padding: 0;
}

#jsddm li{	
float: left;
list-style: none;
font-size: 1.3em;
}

#jsddm li a{	
padding-top: 5px;
display: block;
background-image: none;
text-decoration: none;
width: 168px;
height: 25px;
color: #FFFFFF;
white-space: nowrap
font-size: 1.3em;
text-align: center;
}

#jsddm li a:hover{	
background-image: url(images/opacity10.png);
}
		
#jsddm li ul{	
margin: 0;
padding: 0;
position: absolute;
visibility: hidden;
font-size: 1.1em;
text-align: center;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
}
		
#jsddm li ul li{	
float: none;
display: inline;
text-align: center;
}
			
#jsddm li ul li a{	
width: auto;
width: 168px;
/* background-image: url(images/opacity10.png); */
background-color:  #2d2d2d;
color: #FFFFFF;
font-size: 0.7em;
text-align: center;
}
			
#jsddm li ul li a:hover{	
background-color:  #292929;
text-align: center;
}