/* These styles create the dropdown menus. */
#navbar {
margin: 0;
padding: 0;
height: 1em;
font-family:BKoodak;
font-size:10pt;
}

#navbar li {
list-style: none;
float: right;

}
#navbar li a {
display: block;
padding: 0px 15px;
height:28px;
color: #fff;
text-decoration: none;
padding-top:7px;

}
#navbar li a:hover {
color: #FFF;
background-color: #9eba03;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;

  box-shadow:
    inset 0 2px 2px rgba(255,255,255,0.3),
    inset 0 -6px 3px rgba(0,0,0,0.3),
    0 1px 0px rgba(255,255,255,0.9);
}

#navbar li ul {
display: none;
width: 15em; /* Width to help Opera out */
box-shadow:2px 2px 3px #666;
-moz-box-shadow:2px 2px 3px #666;
-webkit-box-shadow:2px 2px 3px #666;
z-index:99;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
opacity: 0.8;
}
#navbar li:hover ul, #navbar li.hover ul {
display: block;
position: absolute;
margin: 0;
}
#navbar li:hover li, #navbar li.hover li {

float: none;
}
#navbar li:hover li a, #navbar li.hover li a {

background-color: #000;
border-bottom: 1px solid #fff;
color: #FFF;
height:20px;

}
#navbar li li a:hover {
color: #000;
background-color: #F5D20A;
box-shadow:2px 2px 3px #666;
-moz-box-shadow:2px 2px 3px #666;
-webkit-box-shadow:2px 2px 3px #666;

}
/*---------------------public-----------------------*/
element {
    font-family: vanda;
    font-size: 10pt;
    font-weight: bold;
}
a,span {
    background: none repeat scroll 0% 0% transparent;
    font-size: 100%;
    margin: 0px;
    padding: 0px;
    border: 0px none;
    outline: 0px none;
    vertical-align: top;
}

a, span {
    display: inline-block;
}
ol, ul {
    list-style: none outside none;
}
.right_list {position:fixed;top:50%;right:-15px;z-index:1000;margin-top:-180px}
.right_list > li { }
.right_list > li > a {padding:2px 15px 2px 0;margin-bottom:5px;right:-110px;color:#fff;border:1px solid #fff;border-radius:7px;box-shadow:0 0 5px #aaa;position:relative;transition:500ms;-moz-transition:500ms;-ms-transition:500ms;-webkit-transition:500ms;-o-transition:500ms}
.right_list > li > a:hover {right:0}
.right_list > li > a > span {width:100px;padding:5px 10px 0 5px;text-shadow:0 1px 2px #000;}
.right_list > li > a > img {width:49px;height:33px;}