/*#page, #headerDiv, #leftNavDiv, #contentDiv, #btmLinks, footer {border:thick black solid !important;}*/

/*The CSS box-sizing property allows include the padding and border in an element's total width and height.*/
* { box-sizing: border-box; }

@media print { body {background-color:white !important; } }

.DivCenter { margin-left:auto; margin-right:auto; } 
.DN {display:none;}
.Left {text-align: left;}   
.Center {text-align: center;}
.Right {text-align: right;}
.dIL{display:inline} .dILB{display:inline-block} .dB{display:block}
.Large {font-size:large;} .Small {font-size: small;} .Smaller {font-size:smaller } 
.xLarge {font-size:x-large;} .xSmall {font-size: x-small;} .xxSmall {font-size: xx-small;}

body{font-family: Arial,Helvetica,Times New Roman;	font-size: 16px;background-color: #000000;background-image: none;}
div {position:relative;}
img {border-style:none;}

#page{position:relative;background-color: #F8F4E0;border: 5px outset #E3D6BF;max-width:750px;margin: 0px auto;}
#headerDiv {padding-top:30px; text-align:center; }
#headerDiv img{max-width:100%; max-height:100%; }
#leftNavDiv {float: left;top:0; left:0;max-width: 150px;text-align: center;padding-top: 10px;z-index:1;}
#contentDiv {border: 3px outset #E3D6BF; text-align: center;}
#contentDiv a {color:blue;}
#BottomDiv {background-color: #e5e5e5;padding: 15px;	margin: 7px auto 0px auto;	text-align: center;}

.NavCurrentButton {
	position: relative;
	border-style: solid;border-color: #000000;border-width: 2px;border-radius: 25px;
	background-color: #FF0000;color: white;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-weight: bold;font-style: normal;font-size: 1.0em;
	line-height: 30px;
	width: 120px;height: 30px;margin: 2px auto 3px auto;
}
.NavCurrentButton a:active,a:link,a:visited { color:white; text-decoration:none; }

.NavButton {/* NavButton should have an <a> link in it */
   position: relative;
   border-style: solid; border-color: #000000; border-width: 2px; border-radius: 25px;
   background-color: #6666FF; color: white; cursor:pointer;
   font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight: bold; font-style: normal; font-size: 1.0em;
   width: 120px; height: 30px; line-height: 30px; margin: 2px auto 3px auto;
}
.NavButton a{position:absolute;width:100%;height:100%;top:0;left:0;z-index: 1;}
.NavButton a:active,a:link,a:visited {color:white;text-decoration:none;}
.NavButton a:hover {color:black;text-decoration:none;}
.NavButton:hover {background-color:yellow; color:black; left:10px; }
.NavButton:active {top: 1px;}

.LinkButton {display:inline-block;border:2px solid #000000;border-radius:10px;background-color: #7EB6CE;color:black !important;padding:5px 8px 5px 8px;margin:2px; cursor:pointer;}
.LinkButton text{cursor: pointer;}

.BlueLink {clear:both;padding-bottom: 5px;padding-top:10px;}
.BlueLink span {font-size: small;padding-right:5px;padding-left:5px;}
.BlueLink a {color:blue;text-decoration:none;}

#btmLinks {	text-align: center;clear:both;padding-bottom: 5px;	padding-top: 10px;}
#btmLinks span {	font-size: small;padding-right: 5px;padding-left: 5px;}
#btmLinks a {color:blue;text-decoration:none;}

#footer {clear:both;text-align:center;font-size:0.8em; background-color:white; color:black;max-width:760px;margin:10px auto;}

/*For mobile phones*/
@media only screen and (max-width: 620px) {
  #leftNavDiv, #contentDiv, #BottomDiv, #RightDiv  { width: 100%; }
  #leftNavDiv {position: fixed; top:10px; left: 10px;}
  .NavButton {float:left; margin: 2px 5px 15px 20px; }
  .Flags { height:15%; width:10%;}
  #headerDiv { font-size:0.7em; }
}