.title{
        font-size: 10pt;
        font-family: sans-serif;
        font-weight: 800;
        color: #A00000;
        text-decoration : none;
}
.title1{
        font-size: 11pt;
        font-family: sans-serif;
        font-weight: 500;
        color: #591A0D;
        text-decoration : none;
}
.title2{
        font-size: 11pt;
        font-family: sans-serif;
        font-weight: bold;
        color: #591A0D;
        text-decoration: none;
}
.title3{
        font-size: 20pt;
        font-weight:900;
        font-style: italic;
        color: #940D0D;
        margin-left: 10px;
}
.title4{
        font-size: 20pt;
        font-weight:800;
        color: #940D0D;
        margin-left: 10px;
}
.title5{
        font-size: 16pt;
        font-weight: 500;
        font-style: italic;
        color: #940D0D;
        margin-left: 10px;
}
.title6{
        font-size: 10pt;
        font-family: sans-serif;
        font-weight: 800;
        color: #A00000;
        text-decoration : none;
}

.topic{ font-size: 12pt;
        font-weight: 900;
        color: #CC3333;
        text-decoration : none;
}
.subtopic{ font-size: 9pt;
        font-family: serif;
        font-weight: 700;
        color: #000099;
        text-decoration : none;
}

.tlinks{ font-size: 12pt;
         font-family: serif;
         font-style: normal;
         font-weight: 900;
         color: #0000FF;
}
.slinks{ font-size: 12pt;
         font-family: serif;
         font-style: normal;
         font-weight: 700;
         color: Purple;
}
.links{
        font-size: 9pt;
        font-family: serif;
         font-style: normal;
        font-weight: 700;
        color: #000099;
        text-decoration : none;
        text-align: left;
}

.clinks{
        font-size: 9pt;
        font-family: serif;
        font-style: normal;
        font-weight: 700;
        color: Purple;
        text-decoration : none;
        text-align: left;
}

.sublinks{
        font-size: 9pt;
        font-family: serif;
        font-style: normal;
        font-weight: 700;
        color: #A57BA5;
        text-decoration : none;
        line-height: 5pt;
}

.dlink{ font-size: 9pt;
        font-family: serif;
        font-weight: 700;
        color: #A00000;
        text-decoration : none;
        text-align: left;
}
.dlink1{ font-size: 9pt;
        font-family: serif;
        font-weight: 700;
        color: #CC3333;
        text-decoration : none;
        text-align: left;
}
.fon{background-color: #FBE7C5;}


.ultopic{ list-style: disc;
        line-height: 9pt;
         margin-left: 1em;
        padding-right: 1em;
}

.lisubtopic { list-style: disc;
   margin-left: -1em;
   margin-top: 0.2em;
  list-style-position: outside ;
}

.upfon{
        background: #ECC584;
        text-decoration : none;
}
.lines{
        background-image: url("../IMAGES/Iine3.gif");
        background-repeat : repeat-y;
}
.marg{
        margin-left : 10px;
}
.lin2{
        color: Black;
        text-decoration : none;
}
.margb{
        margin-bottom: 5px;
        margin-right: 2px;
}
.margb1{
        margin-bottom: 5px;
}
.margr{
        margin-right: 2px;
}
.marglin{
        margin-left: 5px;
}
.margup{
        margin-top : 5px;
}
.marg2{
       margin-left: 1px;
}
.hrul{
     color :#D9AF6C;
}

.cat_bold{
    font-weight: 800;
    margin-left: 5px;
};

.cat_normal{
    font-weight: 400;
    margin-left: 5px;
};

.caption {
        color :#FFFFFF;
        background-color : #A46A32;
}

.caption a {
        color :#FFFFFF;
}

.mark{
        list-style-image: URL(/images/marker.gif);
}

input, select {
        font-family : lucida console, monospace;
        font-size : 14;
}

.theme_button {
        border :0px;
        background-color: #FBE7C5;
        cursor: pointer;
        text-align: left;
        color: #000099;
}

.theme_button2 {
        border :0px;
        background-color: #FBE7C5;
        cursor: pointer;
        font-size: 14pt;
        font-family: serif;
        font-style: normal;
        color: Purple;
        text-decoration:underline;
}

.theme_button1 {
        border :0px;
        background-color: #FBE7C5;
        cursor: pointer;
        text-align: left;
        color: red;
}
.button2 {
       font-size: 70%;
       margin-bottom: 0px;
}

.buttonSilka{
       border:outset;
       border-width:1px;
       text-decoration:none;
       padding-top:1px;
       padding-bottom:2px;
       color:black;
       background-color:F4F4F0;
       font-size: 70%;
}
.buttonSort{
       border:outset;
       border-width:1px;
       text-decoration:none;
       padding-top:1px;
       padding-bottom:2px;
       color:black;
       background-color:F4F4F0;
       font-size: 80%;
}
.theme_buttonn {
        border :0px;
        background-color: #FBE7C5;
        cursor: pointer;
        text-align: left;
        padding-left:0px;
        padding-right:0px;
}

.theme_bground {
        background-color: #FBE7C5;
}

.theme_button_lt {
        border :0px;
        background-color: #ffffff;
        cursor: pointer;
        text-align: left;
}

.theme_bground_lt {
        background-color: #ffffff;
}

.theme_bground_lt1 {
        background-color: #ffffff;
        display:none;
}

.hint
{
  display:none;
}
.p1{
  display:none;
}
.svitok{
  margin-left:10%;
  margin-right:10%;
}
/*pop-up picture*/
.thumbnail{
  position: relative;
  z-index: 0;
  }
  .thumbnail:hover{
  background-color: transparent;
  z-index: 20;
  }
.thumbnail span{ /*CSS for enlarged image*/
  position: absolute;
  background-color: #FBE7C5;
  padding: 5px;
  left: -1000px;
  border: 1px solid white;
  visibility: hidden;
  color: Blue;
  text-decoration: none;
  border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  }
.thumbnail span img{ /*CSS for enlarged image*/
  border-width: 0;
  padding: 2px;
  }
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
  visibility: visible;
  top: 0;
  left: 30px; /*position where enlarged image should offset horizontally */
  }
/*---------------------*/
