﻿.topmenu
{
    position:absolute;
    top: 40px;
    left:50px;
    width:1000px;
    height:55px;
    padding-top:5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 0 1px 3px gray;
    -moz-box-shadow: 0 1px 3px gray;
    box-shadow: 0 1px 3px gray;
    z-index:1000;
    background-color: rgb(255, 255, 255);
    /* RGBa with 0.6 opacity */
    background-color: rgba(255, 255, 255, 0.9);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

}

.topmenu .left
{
    float:left;
    whidth:300px;
    padding-left:10px;
}
.topmenu .right
{
    padding-left:50px;
    float:left;
    margin-top:11px;
}

#jsddm
{
    margin: 0;
    padding: 0;
}
#jsddm h2
{
    display: block;
    text-decoration: none;
    white-space: nowrap;
    font: 14px Tahoma;   
    font-weight:bold;
    text-transform:uppercase;
    line-height:18px;
    font-variant:normal;
}

#jsddm li
{
    float: left;
    list-style: none; 
}

#jsddm li a
{
    display: block;
    padding: 5px 12px;
    text-decoration: none;
    border-right: 1px solid #8dbc3b;
    white-space: nowrap;
    color: #8dbc3b;
    font: 14px Tahoma;   
    font-weight:bold;
    text-transform:uppercase;
}

#jsddm li a:hover
{
    background: #8dbc3b;
    color:White;
}

#jsddm li ul
{
    margin: 0;
    padding: 0;
    position: absolute;
    visibility: hidden;
    border-top: 1px solid white;
}

#jsddm li ul li
{
    float: none;
    display: inline;
}

#jsddm li ul li a
{
    width: auto;
    background: #8dbc3b;
    color:White;
    background-color: rgb(141, 188, 59);
    /* RGBa with 0.6 opacity */
    background-color: rgba(141, 188, 59, 0.9);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

#jsddm li ul li a:hover
{
    background: #8dbc3b;
    color: #f1f1f1;
}

#jsddm .submenu-title
{
    background-color: rgb(123, 158, 62);
    /* RGBa with 0.6 opacity */
    background-color: rgba(123, 158, 62, 0.9);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

#jsddm .submenu-title:hover
{
    background-color: rgb(123, 158, 62);
    /* RGBa with 0.6 opacity */
    background-color: rgba(123, 158, 62, 0.9);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}



.left-menu .link
{
    color:black;
}
.left-menu li
{
   padding-top:5px;
}
.left-menu .title
{
    font-size:24px;
    color: #8dbc3b;
    font-variant: small-caps;
    
}

.left-menu .subtitle
{
    font-size:14px;
    color: #8dbc3b;
}