@media screen {

* {margin: 0; padding: 0; font-size:100%;}
body {
    margin:0px;
    padding:0px;
    background-color:#ffcc99;
    font-family: Amazone BT, Times New Roman, Arial, Helvetica, sans-serif;
}

h1 {font-size: 140%;padding-bottom: 1em;}
h1:first-letter {font-size: 170%;}
h2 {font-size: 130%; padding-bottom: .8em;}
p {font-size: 120%; padding-bottom:.6em;}
ul {list-style-type:none;}
ul li , ol li, td, th {font-size:120%;}
ul, ol {padding-bottom: .6em;}
a {text-decoration: underline; color: #000;}
a:hover {text-decoration: underline; color: #990000;}
table { border-top: 1px solid #000;border-left: 1px solid #000; width:95%;padding-bottom:.6em;}
table td, th {border-bottom:1px solid #000;border-right:1px solid #000;}
#container {
    display: table;
    margin: 0px;
    padding: 0px;
    width: 999px;
    height: 100%;
    border-left: groove #33CC99 4px;
    /* border-top: groove #33CC99 4px; */
    border-bottom: groove #33CC99 4px;
    /*background-image: url(images/container_background.gif);*/
    background-repeat:repeat-y;
}
#container2 {
    /*width:772px;*/
    width:100%;
    margin:0px;
    padding:0px;
    float:left;
}
#slogan {
    width: auto;
    height:30px;
    text-indent:-9999px;
    background-color: #33CC99;
    background-image:url(slogan.gif);
    background-repeat:no-repeat;
    padding: 0px;
    padding-left: 5px;
    font-size:150%;
    font-weight:normal;
    
}
#logo-pilt {
    width: 770px;
    background-color: #ffcc99;
    padding:1px;
}
#kooli-nimi {
    background-color: #33CC99;
    height:30px;
    text-indent:-9999px;
    background-color: #33CC99;
    background-image:url(nimi.gif);
    background-repeat:no-repeat;
    padding: 0px;
    padding-left: 5px;
    width: auto;
    font-size: 150%;
    
}


#left-side { margin:0; float:left; }
#sisukord {
    padding: 5px;
    margin: 5px 0 0 5px;
    width:182px;
    border-right: inset #ffcc99 3px;
    border-bottom: inset #6699cc 3px;
    background-color:#6699cc;
    overflow:hidden;
}

#sisukord, #uus { font-size: 90%; }
#sisukord ul li, #uus ul li {padding: 0 0 5px 0;}
#sisukord #active {font-weight: bold;}
#sisukord ul li ul li { font-size:100%; font-weight: normal; background-image:url(list-style.gif); background-repeat:no-repeat; background-position: 0px 7px; padding-left: 15px;}
#sisukord ul li ul {padding-top: 5px;}
#sisukord #subactive {font-weight: bold;}
#sisukord ul li a, #uus a, #uudised a {display: block; width: 100%; color: black; text-decoration: none;}
#sisukord ul, #uus ul { margin: 0px; padding: 0px; list-style-type: none;}
#sisukord ul ul {margin-left: 5px; }
#sisukord ul li a:hover, #uus a:hover, #uudised a:hover {background-color: #fff;}
#sisukord img, #uus img {vertical-align: middle; padding-right: 10px; float:left;}
#sisukord p, #uus p { float: left; margin-top:10px; width:120px; height:20px;text-indent:-9999px; }
#sisukord p {background-image:url(sisukord.gif); background-repeat:no-repeat;}
#uus p {background-image:url(midagi-uut.gif); background-repeat:no-repeat;}
#sisukord ul, #uus ul {clear:left;}

#uus {
    width:182px;
    border-right: inset #996699 3px;
    border-bottom: inset #996699 3px;
    padding: 5px;
    margin: 5px 0 0 5px;
    background-color:#996699;
    overflow:hidden;
}
#sisu {
    margin-left: 205px;
    padding: 10px;
    width:540px;
    
}
div#sisu ol{margin-left: 40px;}
div#sisu a img { border: none; }
div#sisu ul { list-style-type: circle; margin-left: 40px;}
div#sisu ul#alateemad { list-style-type: none; margin-left: 0px;}

#sisu table {font-size: 80%;}

#container3 {
    margin-left:772px;
    width: auto;
    height: auto;
    padding: 0px;
}

#right-side {
    padding: 5px;
    background-color: #ffcc99;
    height: auto;
    width:214px;
}
#right-side img {padding: 5px;}
#right-side a img {border-color: #6699cc;}
#right-side a:hover img {border-color: #6699cc;}
#uudised {font-weight: bold; border-bottom: 1px solid #000;}
#footer {
    width: auto;
    height:30px;
    text-indent:-9999px;
    background-color: #33CC99;
    background-image:url(footer.gif);
    background-repeat:no-repeat;
    padding: 2px;
    clear:both;
    font-size: 150%;
    font-weight: bold;
}

} /* media screen lõpp */