BODY, TABLE, TH, TD,  P, LI , UL, OL, DL, DD, DT, DIV, BLOCKQUOTE {
    font-size: 14px; 
    font-family: Arial,Verdana, Geneva, Arial, Helvetica, sans-serif;
}

TD {
    vertical-align:top;
}

P {
    text-align : justify;
}

A {
    font-size: 12px;
    text-decoration:none;
}

.menu {
   display: inline;
}

.flag {
 background-color: #E4E7E7;
}

.smalltype {
  font-size: 12px;
}

.smallheader {
  font-size: 14px;
  font-weight: bold; 
}

.mediumtype {
   font-size: 16px; 
   font-weight: bold;
}

.bigtype {
   font-size: 24px; 
}

.smallcolortype {
    font-size: 10px; 
    color: #FF3333;
}

.mediumcolortype {
    font-size: 16px; 
    color: #FF3333;
}

.bigcolortype {
    font-size: 18px; 
    color: #FF3333;
}

#content {
  //  width: 650px;  
    width: 60%; 
   // text-align: center;
    margin: auto;
  margin: 0% 20% 0% 20% ;
float:left;

}

#mytable {
   // width: 100%;  
}

#photoBlockSet1 {
 position:absolute;
 //width: 800px;
width: 80%;
min-width: 600px;
//  Width:70vw;
 //width:100%;
 //height:50%;
 top: 20px;
 left: 110px;
//background-color: #619191;
 border-radius: 4px;
//border: 1px solid #619191;
//border: 10px solid yellow;
 display:none;
}

#photoBlock1 {
 position:relative ;
 // width:100%;
 //margin-top 5px ;
padding-top: 5px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
background-color: #a70000;
 border-radius: 4px;
 display:inline-block;


}

.buttonHide1 {
   
    border-radius: 4px;
    border: 2px;
    color: white;
    color: black;
    padding: 3px 5px 2px 5px;
    text-align: center;
   //max-width: 180px;
 max-width: 95%;
    //text-decoration: none;
    display: inline-block;
    font-size:16px;
    margin: 5px 1px 2px 5px ;
    //cursor: pointer;
   // background-color: orangered;
    background-color: blue;
   background-color: cadetblue;
  background-color: #ffc25b;


}
.buttonHide2 {
   
    border-radius: 4px;
    border: 2px;
    color: black;
    padding: 3px 3px 2px 3px;
    text-align: center;
   //max-width: 180px;
   max-width: 95%;
    //text-decoration: none;
    display: inline-block;
    font-size:10px;
    margin: 0px 1px 5px 1px ;
    //cursor: pointer;
   // background-color: orangered;
    background-color: #ffc25b;

}

.buttonHide3 {
   
    border-radius: 4px;
    border: 2px;
    color: white;
    padding: 3px 3px 2px 3px;
    text-align: center;
   //max-width: 180px;
 //max-width: 95%;
    //text-decoration: none;
    display: inline-block;
    font-size:18px;
    margin: 5px 1px 2px 10px ;
    //cursor: pointer;
   // background-color: orangered;
    background-color: #5F9EA0;


}
.buttonArrow {
   
    border-radius: 4px;
    border: 2px;
    color: black;
    padding: 3px 3px 2px 3px;
    text-align: center;
   //max-width: 180px;
 max-width: 95%;
    //text-decoration: none;
    display: inline-block;
    font-size:11px;
    margin: 0px 1px 5px 1px ;
    //cursor: pointer;
   // background-color: orangered;
    background-color: #ffc25b;

}