HTML
{
 FONT-FAMILY: Verdana, Arial, sans-serif;
 FONT-SIZE: 20px;
}

BODY
{
 margin-top:0px; margin-left:0px; margin-right:0px;
 background-color: #F2DABF;
}

TD { FONT-SIZE: 2.0rem; }

INPUT, SELECT, TEXTAREA  { BACKGROUND-COLOR: white; COLOR: black; FONT-SIZE: 1.5rem; FONT-WEIGHT: normal;  }
.sampletext  { BACKGROUND-COLOR: white; FONT-SIZE: 1.0rem; }

.banner { width: 90%; max-width:490px; }

.text
{
 COLOR: #333333;
}

DIV.text
{
  padding: 10px;
  text-align: left;
  width: 90%; 
  position:relative;
  top: 95px;
	border-width: 2px;
	border-style: solid;
	border-color: white;
  background-color:#f6efdf;
}

.maintext {
  max-width:100%;
  top:10px; border:
  thin solid;
  left:5px;
  background-color:#f6efdf;
}

DIV.textsec
{
  position:relative;
  top: 20px;
  left: 50px;
  width:70%;
}

DIV.textframed
{
  position:relative;
  top: 40px;
}


.aref {
cursor: pointer;
text-decoration: underline;
color:#5F6243;
}

.troopdiv, .trooptable, .manualtable {
  padding: 10px;
  text-align: left;
  border-collapse: collapse;
  background-color: #f6efdf;
	border-width: 2px;
	border-style: solid;
	border-color: white;
}


H1
{
 FONT-SIZE: 1.3rem;
 COLOR: #000000;
 FONT-FAMILY: Arial;
	margin-top: 0;
	margin-bottom: 0;
}

.head1
{
  width: 100%;
  background-color:#5F6243;
}

.logo, .logor
{
margin: 3px;
}


DIV.headnav
{
  border: thin solid;
  FONT-SIZE: 1.0rem;
  position:absolute;
  top: 100px;
  left:5px;
  width:140px;
  background-color:#f6efdf;
  z-index: 4;
}

DIV.contentframe
{
	margin:0px;
	overflow:visible;
	width:100%;
	position:relative;
}

.err {
  font-size: 1.0rem;
  font-weight: bold;
  color: red;
  border-collapse: separate;
  border-spacing: 19px;
  background-color: white;
  border-color: #b0b0b0 #b0b0b0 #808080 #808080;
  border-style: solid;
  border-width: 3px;
  margin: 5px 5px 5px 5px;
  padding: 2px 2px 2px 2px;
  text-align: center;
}

Div.pfoot, DIV.pq {display: none;}

FORM
{
margin:0;
}

.tc
{
 TEXT-ALIGN: center;
VERTICAL-ALIGN: top;
}

.tr
{
 FONT-WEIGHT: bold;
 TEXT-ALIGN: right;
VERTICAL-ALIGN: top;
}

A:link
{
 COLOR: #5F6243;
 FONT: bold 1.0rem;
 TEXT-DECORATION: underline;
}
A:active
{
 COLOR: red;
 TEXT-DECORATION: none;
}
A:hover
{
 COLOR: red;
 TEXT-DECORATION: none;
}

.nav
{
 COLOR: white;
 FONT: bold 1.0rem;
 TEXT-DECORATION: none;
}
A.nav:visited
{
 COLOR: #dddddd;
}
A.nav
{
 COLOR: #FFFFFF;
}
A.nav:hover
{
 COLOR: red;
 TEXT-DECORATION: none;
}
A.nav:link
{
 COLOR: #FFFFFF;
 TEXT-DECORATION: underline;
}

H2
{
 display: inline;
 FONT-SIZE: 1.0rem;
 COLOR: #000000;
 FONT-FAMILY: Arial;
}
H3
{
 display: inline;
 FONT-SIZE: .9rem;
 COLOR: #000000;
 FONT-FAMILY: Arial;
}
H4
{
 display: inline;
 FONT-SIZE: .9rem;
 COLOR: #000000;
 FONT-FAMILY: Arial;
}
H5
{
 display: inline;
 FONT-SIZE: .9rem;
 COLOR: #000000;
 FONT-FAMILY: Arial;
}

OL {
	margin-top: 0;
	margin-bottom: 0;
}

UL {
	margin-top: 0;
	margin-bottom: 0;
}



/* max width of lg stylo 3 */
@media screen and (min-width: 985px)
{
HTML { FONT-SIZE: 16px; }
TD { FONT-SIZE: 1.0rem; }
INPUT, SELECT, TEXTAREA  { FONT-SIZE: 1rem;  }
.sampletext  { FONT-SIZE: 1.0rem; }
.button { font-size: 1.25rem; }

.logo { float: left; }
.logor { float: right; }

DIV.text { max-width: 650px; }

.banner { max-width: 493px;
}


}