body,
html {height: 100%;}


body { font-size: 62.5%; font-family: Verdana; color: #5E5400;  background: #FFD900 url('/img/uus/bg_body.gif') repeat-x; margin: 0;}

a {color:  #807000; }
a img {border: 0;}

#login_menu {  width: 100%; background: #F5F4F9; border-bottom: 1px solid #96969D;z-index: 999;left: 0;}
#login_menu .container {margin: 0 auto; width: 900px;}
#login_menu .container div {float: left; }
#login_menu_height,
#login_menu  {height: 30px;position: fixed;top: 0;}

#marker,
#header,
#main_menu_L1 .margin,
#footer,
#login_menu .container {width: 940px; margin-left: auto; margin-right: auto;}


#logo {margin-top: 38px; margin-bottom: 38px; display: block; float: left;}
#banner {float: right; height: 192px; border-collapse: 0;}
#banner td img {border: 1px solid white;}

#main_menu_L1 {background: black; }
#main_menu_L1 .margin div {float: left;}
#main_menu_L1 .margin div a {color: white; text-decoration: none; text-transform: lowercase; font-weight: bold; display: block; font-size:1.1em;padding: 1em 0 1em 0; } 
#main_menu_L1 .margin div.first a {margin-left: 0;}
#main_menu_L1 .margin div.sel {background: white; }
#main_menu_L1 .margin div.sel a {background: url('/img/uus/bg_L1_sel_right.png') no-repeat left; color: black;}
#main_menu_L1 .margin div.sel a span {background: url('/img/uus/bg_L1_sel_left.png') no-repeat right;}
#main_menu_L1 .margin div a:hover { text-decoration: underline;}
#main_menu_L1 .margin div.separator {width: 35px; background: url('/img/uus/L1_spacer.gif') no-repeat center; height: 3.5em; }
#main_menu_L1 .margin div.separator_noimg {background: none;}
#main_menu_L1 .margin div.separator_sel_left {background: url('/img/uus/L1_spacer_sel_left.gif') no-repeat center;}
#main_menu_L1 .margin div.separator_sel_right {background: url('/img/uus/L1_spacer_sel_right.gif') no-repeat center;}

#main_menu_L1 .margin #lang {float: right;} 
#main_menu_L1 .margin #lang a {display: block; height: 12px; padding: 0; margin: auto 0; margin: 11px 0 0 5px; float: left;}

#container {position: absolute;	top: 300px;	left: 30px; /* js kirjutab yle*/width: 650px; height: 265px; overflow: hidden;overflow-y: auto; }
#container #content {position: relative;left: 5px; font-size: 1.2em; line-height: 1.8em; }
#container #content h1 {margin: 0 0 1em 0; padding: 0; font-weight: normal; font-size: 1.5em; font-family: Georgia; text-transform: uppercase; }


#mid {background: white; height: 385px;}
#mid #dog {position: absolute;  top: 297px; left: 750px; /* js kirjutab yle*/width: 251px; height: 387px;}

#mid #main_menu_L2 {}
#mid #main_menu_L2 .margin {padding-top: 15px;}
#mid #main_menu_L2 .margin div {float: left;/*background: url('/img/uus/arrow_right.gif') no-repeat 0 2px;*/}
#mid #main_menu_L2 .margin div a {color: #807000; text-decoration: none;}
#mid #main_menu_L2 .margin div a:hover {text-decoration: underline;}
#mid #main_menu_L2 .sel {/*background: url('/img/uus/arrow_down.gif') no-repeat 0 2px;*/ font-weight: bold;/*padding-left: 13px;*/}
#mid #main_menu_L2 .begin {padding-left: 15px ! important;}

#footer {}
#footer .top {margin-top: 17px;}
#footer .bottom {font-size: 1.2em; margin-top: 12px;}




.XulMenu {
    -moz-user-select: none;
}
.XulMenu .button,
.XulMenu .button:hover,
.XulMenu .button-active,
.XulMenu .button-active:hover {
    line-height: normal;
    padding: 8px 6px 8px 6px;
    border: 1px solid #ECE9D8;
    color: #000000;
    text-decoration: none;
    cursor: default;
    white-space: nowrap;
    display: block;
    position: relative;
}
.XulMenu .button:hover {
    border-color: #ffffff #ACA899 #ACA899 #ffffff;
}
.XulMenu .button-active,
.XulMenu .button-active:hover {
    border-color: #ACA899 #ffffff #ffffff #ACA899;
}
.XulMenu .item,
.XulMenu .item:hover,
.XulMenu .item-active,
.XulMenu .item-active:hover {
    background: #ffffff;
    line-height: normal;
    padding: 3px 30px 3px 20px;
    color: #000000;
    text-decoration: none;
    cursor: default;
    white-space: nowrap;
    display: block;
    position: relative;
}
.XulMenu .item:hover,
.XulMenu .item-active,
.XulMenu .item-active:hover {
    background: #316AC5;
    color: #ffffff;
}
.XulMenu .section {
    background: #ffffff;
    border: 1px solid;
    border-color: #F1EFE2 #716F64 #716F64 #F1EFE2;
    padding: 2px 1px 1px 2px;
    position: absolute;
    visibility: hidden;
    z-index: -1;
}
.XulMenu .arrow {
    position: absolute;
    top: 7px;
    right: 8px;
    border: 0;
}

* html .XulMenu td { position: relative; } /* ie 5.0 fix */


.ddmx {
}
.ddmx .item1,
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover {
    padding: 0  5x 3px 5x;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
}

.ddmx .item1:hover,
.ddmx .item1-active:hover{
    text-decoration: underline;
}

.ddmx .item2,
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
    padding: 3px 8px 4px 8px;
    color: #000000;
    font-weight: normal;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .item2 {
}
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
    background: #ffffff;
    text-decoration: none ! important;
}
.ddmx .arrow,
.ddmx .arrow:hover {
    padding: 3px 16px 4px 8px;
}
.ddmx .item2 img,
.ddmx .item2-active img{
    position: absolute;
    top: 4px;
    right: 1px;
    border: 0;
}
.ddmx .section {
	margin-top: 4px;
    border: 1px solid #b8b4ae;
    position: absolute;
    visibility: hidden;
    background: #F1EFE3;
    z-index: -1;
}

* html .ddmx td { position: relative; } /* ie 5.0 fix */

#content table { border: 0 ! important; border-top: 1px solid #B8B4AE ! important; border-left: 1px solid #B8B4AE ! important;  }
#content td {border: 0 ! important; border-bottom: 1px solid #B8B4AE ! important; border-right: 1px solid #B8B4AE ! important }
#content table { border-collapse: collapse; }
#content table td { padding: 1px 4px; }