body	{
        padding: 20px 0;
        font: 14px verdana, arial, helvetica, sans-serif;
        text-align: center;
        background: url("/static/images/rejaqua.png") #accacd;
        background-attachment: fixed;
      }
      div.table	{
        width:684px;
        border:solid 1px #bbdba6;
        background-color:#628152;
        margin:auto;
      }
      td {
        padding:5px;      
      }

      p		{font:14px verdana, arial, helvetica, sans-serif; color:#d4e8c7;  margin:3px 3px 3px 5px;}

      h2  {font:bold 10px verdana,arial,helvetica,sans-serif; color:#dedab4; margin:0px 0px 2px 0px;}

      em    {font:14px verdana,arial,helvetica,sans-serif; color:#86c6f9; font-style:italic;}
      cite    {font:14px verdana,arial,helvetica,sans-serif; color:#9ffc6a; font-style:italic;}

      a		{font:14px verdana, arial, helvetica, sans-serif; color:#b1c8f9; text-decoration:none;}
      a:visited {color:#a1f4a4;}
      a:hover {color:#acda94;}
      a:active{color:#b1c5dc; text-decoration:line-through;}

      img {border:solid 1px #525d94;}  

      .left {
        width:75%;
	float:left;
        vertical-align:top;        
      }			
      #top {
        background-color:#4a6962;
        margin-bottom:5px;
        border:dotted 1px #94b2bd;
        text-align:center;
        padding:2px;
        font: 18px verdana,arial,helvetica,sans-serif;
        color:#d5eab4;
        font-variant:small-caps;        
      }			

      .pbox {
        background-image: url("/static/images/vietnam7260.jpg");
        background-repeat: no-repeat;
        clear:left;
      }
      .intro {
        font: 14px verdana,arial,helvetica,sans-serif;
        background-color:#526120;
        margin-bottom:5px;
        border:solid 1px #949d62;
        color:white;
        text-align:left;
        padding:3px;
        clear:left;
      }
.intro ul {
	padding: 0;
	margin: 5px 5px 5px 15px;
	list-style: disc;
}

.intro li {
	float: none;
	position: static;
	width: auto;
}

.intro li ul { /* second-level lists */
	display: block;
	position: static;
        background-color: transparent;
}

ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

li { /* all list items */
	float: left;
	position: relative;
	width: 10em;
}

li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
        background-color:#c5e2ac;
}

#nav li li a {
        font:14px verdana, arial, helvetica, sans-serif; color:#333; text-decoration:none; font-variant:small-caps;
	display: block;
	padding: 0.2em 10px;
}

#nav li li a:hover {
	padding: 0.2em 5px;
        color:black; 
	border: 5px solid #526120;
	border-width: 0 5px;
}

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}

.left,.right{padding:5px;}
      .right {
	  margin-top:5px;
          width:21%;
	  float:left;
        text-align:center;
        vertical-align:top;
        border:dotted 2px #525d94;
        background-color:#9caebd;
        padding-top:3px;
      }			
      #orange {
        background-color:#94ae83;			
        border:solid 1px #525d94;				
        margin-bottom:35px;
        padding:2px;	
        font: 14px verdana,arial,helvetica,sans-serif;
        color:#552346;			
        font-variant:small-caps;
      }
      .menu {
        width:80%;
        background-color:#c5e2ac;
        border:dotted 1px #5a6585;
        padding:2px;
        margin:auto;
        margin-bottom:3px;
        text-align:center;
      }
      .menu a{font:14px verdana, arial, helvetica, sans-serif; color:#333; text-decoration:none; font-variant:small-caps;}
      .menu a:hover{color:black;}

      .currmenu {
        width:80%;
        background-color:#b4d69c;
        border:solid 1px #414c6a;
        padding:2px;
        margin:auto;
        margin-bottom:3px;
        text-align:center;
      }      
      .currmenu a{font:14px verdana, arial, helvetica, sans-serif; color:#333; text-decoration:none; font-variant:small-caps;}
      .currmenu a:hover{color:#333;}
/* nexter stuff */
#nxtr {
        background: transparent url("/static/images/rejltaqua.png")
                    0 0 repeat fixed;
	width:14%;
	position:fixed;
	overflow: hidden;
	top:16px;
	left:10px;
        font: small sans-serif;
	z-index:0;
	}
#nxtr h3 {
        border: dotted 1px #333333;
        text-align:center;
	margin:2px 2px 2px 2px;
	font-size:1.0em;
        font-weight:bold;
	}
#nxtr p {
        text-align:left;
	margin:2px 2px 2px 2px;
	}
#nxtr a:link {
	color:#66a;
	background-color:transparent;
	}
#nxtr a:visited {
	color:#636;
	background-color:transparent;
	}
#nxtr a:active {
	color:#633;
	background-color:transparent;
}
#toptxt{float:none;}
#menub{display:none;float:left;border:dotted 1px #94b2bd;}
#vspc{height:36px;}
#toptxt{margin-top:;}

/* ------------------------------------ */
@media screen and (max-width: 719px) {
    #menub{display:block;}
    #vspc{height:auto;}
    #toptxt{float:left;}
    .right {width:auto;position:absolute;margin-top:0;display:none;}
    div.table{width:100%;}
    .left{width:98%;}
    body{padding:1px;}
    .pbox{width:100%;background-size:cover;}
    .pbox img{border:0;width: 100%; height: auto;}
}