@font-face { font-family: Myanmar Text; src: url('https://johneva.art/fonts/mmrtext.ttf'); } 
 @font-face { font-family: Myriad Pro; src: url('https://johneva.art/fonts/MyriadPro.ttf'); } 
  @font-face { font-family: Cambria; src: url('https://johneva.art/fonts/Cambria.ttf'); } 

body
{
   background-image: url('../images/bkgr_outer.jpg');
}

#top
{
    width: 90%;
    height: 10vh;
}

#main 
{
    margin-top:0;
    padding-top:0;
    width:100%;
    font-family: Myanmar Text;
    color: white;
     height:98vh;
}

#main_menu 
{
  width: 90%;
  height: 7vh;
  padding-top: 4vh;
  margin-bottom: 0;
}

.main_menu_link
{
  text-decoration: none;
  color: white;
  text-decoration: none;
  padding-right: 0.4vw;
  font-size: 1vw;
}

.main_menu_link:hover
{
  text-decoration: underline;
  color: #FFAE00;
}

.main_menu_link_active
{
  text-decoration: none;
  color: #FFAE00;
  text-decoration: none;
 padding-right: 0.4vw;
  font-size: 1vw;
}

.main_menu_link_active:hover
{
  text-decoration: underline;
}

.main_menu_link_home
{
  text-decoration: none;
  color: white;
  text-decoration: none;
  padding-right: 0.2vw;
  font-size: 0.8vw;
}

.main_menu_link_home:hover
{
  text-decoration: underline;
  color: #FC3600;
}

.lang_link 
{
   font-size: 1.5vw;
   color: white; 
   text-decoration: none;
   font-family: Myriad Pro;
   padding: 1vh;
}

.lang_link:hover
{
   font-size: 1.5vw; 
   color: #FFAE00; 
   text-decoration: underline;
   padding: 1vh;
}

.lang_link_active
{
   font-size: 1.5vw; 
   color: #FFAE00; 
   text-decoration: none;
   font-family: Myriad Pro;
   padding: 1vh;
}

#content 
{
  background-image: url('../images/bkgr_inner.png');
  width:88vw;
  height: auto;
  min-height: 60vh;
  margin-top:2vh;
  padding-bottom:3vh;
  padding-top:0.5vh;
}

.text_link
{
  color: #006600;
}

.error_message 
{
    color: red;
}

.gallery_img
{
  
  background-repeat: no-repeat;
  background-position: center center;
  webkit-background-size: cover;
  -moz-background-size:cover;
  -o-background-size: cover;
   background-size: cover;
}

#footer 
{
     width:100%;
     clear: both;
}


nav {
  margin:0 0;
  height:auto;
  display:inline-block;
  z-index: 1004;
}

nav ul {
  margin:0;padding:0;
  list-style-type:none;
  float:left;
  display:inline-block;
  z-index: 1004;
}

nav ul li {
  position:relative;
  margin:0 1vw 0 0;
  float:left;
  display:inline-block;
  z-index: 1004;
}

li > a:after { z-index: 1004;} /* Change this in order to change the Dropdown symbol */

li > a:only-child:after { content: ''; z-index: 1004;}

nav ul li a {
  padding:1vw;
  display:inline-block;
  color:white;
  text-decoration:none;
  z-index: 1004;
}

nav ul li a:hover {
  opacity:0.5;
  z-index: 1004;
}

nav ul li ul {
  display:none;
  position:absolute;
  left:0;
   background-image: url('../images/bkgr_outer.jpg');
  float:left;
}

nav ul li ul li {
  width:100%;
  border-bottom:1px solid rgba(255,255,255,.3);
}

nav ul li:hover ul {
  display:block;
}

.box {
    visibility: hidden;
    background-image: url('../images/bkgr_inner.png');
    color: black;
    font-size: 18px;
    border: 1px solid black;
    moz-border-radius: 10px;
    khtml-border-radius: 10px;
    webkit-border-radius: 10px;
    border-radius: 10px;
    border: thin groove black;
    position: absolute;
    z-index: 1002;
}