#jsddm
{	margin: 0;
	display: flex;
	padding: 0;
	text-align:left;
	height:50px;
	width: 1000px;
	
	background-color: #0f4800;
    background: -webkit-gradient(linear, left top, left bottom, from(#146400), to(#0f4800));
    background: -webkit-linear-gradient(top, #146400, #0f4800);
    background: -moz-linear-gradient(top, #146400, #0f4800);
    background: -o-linear-gradient(top, #146400, #0f4800);
    background: -ms-linear-gradient(top, #146400, #0f4800fff);
    background: linear-gradient(top, #146400, #0f4800);
	 -webkit-box-shadow: 0px 0px 6px 1px #666;
	   -moz-box-shadow: 0px 0px 6px 1px #666;
	        box-shadow: 0px 0px 6px 1px #666;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
		    border-radius: 3px;
}
	
	#jsddm li {
		flex-grow: 1;
		list-style: none;
		text-align:center;
		height: inherit;
		width: 125px;
		background: none;
	}

	#jsddm li a {	
		display: table-cell;
		height: 50px;
		padding: 0px;
		vertical-align: middle;
		text-decoration: none;
		width: 125px;
		color: #DDD;
        -webkit-border-radius: 3px;
           -moz-border-radius: 3px;
		       border-radius: 3px;
          -webkit-transition: all .3s ease-out;  
             -moz-transition: all .3s ease-out;
               -o-transition: all .3s ease-out;  
                  transition: all .3s ease-out; 
		font-weight: normal;
		background: none;
	}

	#jsddm li a:hover {	
		background-color: rgb(20, 100, 0);
		color: white;
		text-shadow:  2px 2px 5px black;
	}