html body {
    font-family:  Arial, Veranda, sans-serif;
    font-size: 12px;
    font-size: 76%;
    line-height: 1.5;
    background-color: #ffffff;
    color: black;
    text-align: center;
    text-align: justify;
    margin: 0 0 0 0;
    padding: 0;
    height: 100%;
}
.hera_head {
    position: relative;
    width: 1054px;
    width: 999px;
    margin: auto;
    height: 70px;
    top: 2px;
    background-repeat: no-repeat;
    background-image: URL("images/violet.jpg"); /*violet*/
    background-image: URL("images/hera-99.jpg");

}

.hera_title {
    position: relative;
    top: 0px;
    left: 100px;
    width: 800px;
    font-size: 40px;
    line-height: 1.8;
    font-weight: bold;
    color: #AC81D5; /* default color = black */
    color: white; /* default color = black */
    text-align: center;
}
.hera_h1logo img{
    position: absolute;
    top: 13px;
    left: 10px;
    border: 0;
    width: 45px;
    height: 35px;

}
.hera_zeuslogo img{
    position: absolute;
    top: 15px;
    left: 945px;
    border: 0;
    width: 40px;
    height: 30px;

}

.vspace {
    position: relative;
    width: 100%;
    height: 20px;
}
.mainframe {
    position: relative;
    width: 1054px;
    width: 999px;
    height:100%
    text-align: left;
    margin: 0 auto;
    /*overflow: auto; background-color: yellow;*/
}

h1 {color: #00994D; text-align: center;}
h2 {color: #00994D; text-align: center;}
/*h3 {color: #00994D; text-align: left; border-bottom: 1px solid ; }*/
/*h3 {color: #00994D; text-align: left;text-decoration: underline;}*/
h3 {color: #00994D; text-align: left;}
h3 a{color: #00994D;}
h3 a:visited {color: #00994D;}
h4 {color: #00994D; text-align: center;}
h5 {text-align: left; font-weight:bold; font-size: 12px}

.content {
    position: relative;
    float: left; 
    left: 0px;
    right:0px;
    top: 30px;
    width: 999px;
    width: 970px;
    margin:5px;
    padding: 0 10px 0 10px;
    background-color: yellow;
    background-color: white;
} 
.figbox
  {
  margin:9px;
  border:1px dashed #009999;
  border:0;
  background-color: #B3B3FF;
  background-color: #CCFFD8;
  background-color: #99FFCC;
  background-color: #CCFFE6;
  height:auto;
  height:170px;
  width:auto;
  float:left;
  text-align:center;
  }
.figbox img
  {
  display:inline;
  margin:3px;
  border:1px solid #ffffff;
  border:1px solid green;
  }
.figbox a:hover img
  {
  border:1px solid #0000ff;
  }
.figcaption
  {
  text-align:center;
  text-align:justify;
  font-weight:normal;
  width:200px;
  margin:2px;
  }

.content p {
margin: 3px 1px 1px 1px;
padding: 2px 10px;
font-size: 1em;
font-size: 13px;
}
.internal{
font-size:15px;
font-weight: bold;
/*background-color:lightgreen; width:100%*/
}
.left{
font-size:15px;
font-weight: bold;
text-align: left;
color: #00994D; 
}
.left a{
color: #00994D;
text-decoration:none;
}
.left a:visited {
color: #6633FF; /*blue-violet*/
color: #00994D; /*green*/
}
hr {
background-color:#00994D;
}
.right{
font-size:17px;
font-weight: bold;
text-align: right;
float: right;
padding: 0 70px 0 0;
}
.right a{
color: #00994D;
}
.right a:visited {
color: #6633FF;
}


span.preliminary {
font-style:italic;
}
.center{
text-align: center;
background-color:#eee;
background-color:white;
}

.content p.small{
font-size: 9px;
text-align: center;
/*text-align: justify;*/
}

.diagram img{
float:right;
padding:0 10px 0 0;
padding:0;
}
.slide img{
padding: 0px 50px 0px 150px;
vertical-align:middle;
}
.digging img{
vertical-align: middle;
margin-bottom: 2px;
}

.warning img{
vertical-align: top;
margin-left: 10px;
}

.rightcolumn {
    position: relative;
    float: right; 
    right: 882px;
    top: 25px;/* top for all right colomn, not for a content*/
    width: 170px;
    margin: 0;
    padding: 0;
    height: 700px;
    margin: 0 auto;
    text-align: center;
    background-color: #9999FF;/*violet*/
    background-color: #009999;/*green*/
}
.rightimages {
margin: 10px 0 10px 0;
padding: 25px 15px 20px 25px;
}
.rightimages img {
margin: 20px 5px; /* top,.... */
padding: 2px; /* otstup vnutri boxa 110x90 */ 
border: 0;
/*border: 1px dashed  #95E4E4;
float: left;*/
width: 110px;
height: 90px;
}

.hot {color: green; text-align: justify;}

.breaking_news ul{
}
.breaking_news ul li{
    height: 35px;
}


.datatable ul {
    list-style-type: none;
}

.datatable ul li {
    width: 80px;
    position: relative;
/*    display: inline;
    float: left; */
display: inline-block;
}

.selected_results ul {
    list-style-type: none;
    margin:0;
    padding:0;
}

.selected_results  ul li {
    width: 300px; 
    position: relative;
    display: inline; 
    float: left;
}


.navigation {
    position: relative;
    float: left; 
    left: 0;
    top: 0;
    width: 1054px;
    width: 999px;
    padding: 0;
    text-align: center;
    height: 45px;
    overflow: visible; /*blocki vyplyvajushikh menu - visible*/
/*    overflow: auto;*/
    margin: 0 auto;
    z-index: 1;
    background-color: #9999FF; /*violet*/
    background-color: #009999;/*green*/
}
/*
}
*/
.navigation ul {
    list-style-type: none;
}

.navigation ul, li
 {
    margin: 0;
    padding: 0;
    border: 0;
}
.navigation ul li {
    width: 150px; /* shirina zasvechennogo menu*/
    width: 140px; /* shirina zasvechennogo menu*/
    position: relative;
    left: 2px; /* sdvig texta ot levogo kraja*/
    display: inline; /*!! horisontal position*/
    float: left;
}
.navigation ul li:first-child {
}

.navigation ul li a {
    text-decoration: none;
    color: #fff; /*text color on a menue without mouse*/ 
    font-size: 14px;
    font-weight: bold;
    display: block;
    line-height: 1.2;
}

.navigation ul li a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #6633FF; /*dark violet*/
    background-color: #33CC99;/*light green*/
}

.navigation ul li:hover ul {
    display: block;
}

.navigation ul li ul {
    display: none;
    position: absolute;
    left: 0px; /* otstup ot glavnogo menu*/
    width: 150px; /* shirina 1-go urovnja*/
    width: 140px; /* shirina 1-go urovnja*/
    /*top: 17px;*/
    background-color: #1F8FFF;
    background-color: #33CC99;/**/
    background-color: #6633FF; /*menu box color*/ 
}


.navigation ul li ul li {
    left: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}

.navigation ul li ul li a {
   /* color:#fff; */
}

.navigation ul li ul li a:hover {
    background-color: #6633FF; /* violet submenue's with mouse on */
    background-color: #009999; /* submenue's with mouse on */
    background-color: #33CC99;/*light green*/
}
.navigation li:hover ul li ul {display:none;}
.navigation ul ul li ul {left:150px;top: 3px;} /* submenu 2 urovnja*/
.navigation ul ul li ul {left:140px;top: 3px;} /* submenu 2 urovnja*/
.navigation ul ul li:hover ul {display:block;}

.bottom {
    position: relative;
    width: 1054px;
    width: 999px;
    height: 30px;
    margin: auto;
    text-align: right;
    background-color: #009999;
    background-color: green;
}

.thumbnail{
/*position: absolute;*/
overflow: visible;
z-index: 250;
}
.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}
.thumbnail:hover {
background-color: transparent;
}
.thumbnail:hover img{
border: 1px solid blue;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
/*background-color: lightgreen; /* #00B800; #00B8B8;*/
background-color:#00B8B8; 
background-color:#CCFFE6; 
padding: 5px;
/*left: -1000px;*/
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.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;
top: 150px;
left: 490px; /*position where enlarged image should offset horizontally from left conten border*/
z-index:250;
}