body {
background-image: url(kala/back.gif);
background-repeat: repeat;
background-color: #DFEFFA;
}
hr {
border: 1px dotted #CCC;
}
img {
border: none;
}
#otsing {

width: 900px;
height: 30px;
text-align: right;
padding: 2px 25px 2px 0px;
background-image: url(kala/otsing.png);
background-repeat: no-repeat;
font: 11px Trebuchet MS, Tahoma, Arial;
color: #FFF;
background-color: #FFF;
}

#otsing input {

font: 10px Arial, Tahoma, sans-serif;
margin: 2px;
width: 80px;
background-color: rgb(35, 175, 225);
border: 1px solid #DFEFFA;
color: #FFF;
}

#history {

width: 900px;
height: 25px;

background-color: #FFF;
text-align: right;
padding-right: 25px;
font: 11px Trebuchet MS, Tahoma, Arial;
color: #CCC;
}

#history a {

font: 11px Trebuchet MS, Tahoma, Arial;
color: rgb(0,125,175);
text-decoration: none;

}

#history a:hover {

color: #FF6600;

}

#menyy {

width: 225px;
height: 330px;
overflow: visible;
background-image: url(kala/menyy1.gif);
background-repeat: repeat-y;
background-position: center top;
background-color: #FFF;

}

#menyy1 {
width: 225px;
height: 50px;
background-image: url(kala/menyy.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #1593C2;
}

#menyy2 {

width: 225px;
height: 45px;
background-image: url(kala/menyy2.gif);
background-repeat: no-repeat;
background-position: top center;
background-color: #FFF;

}

#menyy3 {
width: 195px;
height: 130px;
background-image: url(kala/rak.png);
background-repeat: no-repeat;
background-position: center top;
background-color: #FFF;

}
#menyy ul {
margin-top: 0;
}
#menyy ul li {
list-style-image: url(kala/li1.gif);
list-style-position: outside;
}
#menyy ul li a {

width: 170px;
height: 30px;
line-height: 15px;
padding-top: 10px;
display: block;
border-bottom: 1px dotted #FFF;
font: 12px Trebuchet MS, Tahoma, Arial;
color: #FFF;
text-decoration: none;

}
#menyy ul li a:hover {
font-weight: bold;
}
#menyy ul ul li {
margin-left: -10px;
list-style-image: url(kala/li2.gif);
list-style-position: outside;
}
#menyy ul ul li a {

width: 140px;
height: 30px;
line-height: 15px;
padding-top: 10px;
display: block;
border-bottom: 1px dotted #FFF;
font: 11px Trebuchet MS, Tahoma, Arial;
color: #FFF;
text-decoration: none;

}
#menyy ul ul li a:hover {
font-weight: bold;
}
#heading {

padding-bottom: 1ex;
font: 20px Trebuchet MS, Tahoma, Arial;
color: rgb(0,125,175);
width: 655px;
height: 50px;
background-image: url(kala/heading.gif);
background-repeat: no-repeat;
padding-left: 25px;
background-color: #FFF;
}

#content {

width: 675px;
height: 345px;
overflow: visible;
font: 13px Trebuchet MS, Tahoma, Arial;
color: rgb(0,125,175);
padding: 10px 15px 15px 25px;
background-color: #FFF;
text-align: justify;
}

#content td{

font: 13px Trebuchet MS, Tahoma, Arial;
color: rgb(0,125,175);
text-align:left;
}

#content li a, #content td li a {
text-decoration: none;
color: #006699;

}
#content li a:hover {
text-decoration: underline;

}

#content a, #content td a {
text-decoration: none;
color: #FF6600;

}
#content a:hover, #content td a:hover {
text-decoration: underline;

}
#content h2 {

font: 15px Trebuchet MS, Tahoma, Arial;
color: rgb(0,125,175);
font-weight: bold;
}

#content a h2 {
text-decoration: none;
color: #FF6600;
font-weight: bold;
}
#content a:hover h2{
text-decoration: underline;
}

#content input, #content select, #content textarea {
font: 11px Arial, Tahoma, sans-serif;
margin: 2px;
padding: 2px;
width: 200px;
background-color: #FFF;
border: 1px solid rgb(35, 175, 225);
color: rgb(0,125,175);
}
#footer {

width: 900px;
height: 60px;
background-image: url(kala/footer.gif);

}
fieldset {
margin: 5px;
border: 1px dotted #CCC;
}