body {
background-color: #000000;
margin-left: 1%;
margin-right: 1%;
background-image: url("img/tri.gif");
}

htitle {
letter-spacing: -2px;
font-size: 175%;
vertical-align: center;
color: #FFFFFF;
font-family:Verdana,Tahoma,Arial,Times New Roman;
text-align:center;
}

.img {
	float: right;
	margin: 5px;
}

.topnav {
  box-sizing: border-box;
  width: 80%;
  overflow: hidden;
  background-color: #28203090;
  font-size: 90%
}

.topnav a {
  float: left;
  display: block;
  color: #f2f270;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.topnav a2 {
  float: right;
  display: block;
  color: #f2f270;
  text-align: center;
  padding: 14px 35px;
  text-decoration: none;
}

.topnav a:hover {
  background-color: #303030;
  color: #ffff20;
}

.topnav a2:hover {
  background-color: #303030;
  color: #ffff20;
}

.logo {
    content: url("logo.png");
}

.logoHeader {
    vertical-align: middle;
    text-align: center;
}

.floatLeft { margin-left: 15%; float: left;  }

.floatRight { margin-right: 15%; float: right;  }


.infobox {
  box-sizing: border-box;
  width: 60%;
  text-align: center;
  word-wrap: break-word;
  padding-left: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  border: solid 3px yellow;
  background-color: #000000;
  font-size: 100%
}

hsubtitle {
font-size: 40px;
color: #D59aff;
font-family:Tahoma,Verdana,Arial,sans-serif;
}

hbody {
letter-spacing: 0px;
font-size: 25px;
color: #FFFFFF;
font-family:Verdana,Tahoma,Arial,Times New Roman;

}

hnav {
color:#006980;
font-family:Tahoma,Verdana,Arial,sans-serif;
font-weight:bold;
font-size:1.1em;
}

hdisabled_text
{
color:gray;
}

hborder {
height: 500px;
width: 200px;
border: 1px solid black;
background: orange;
}

lable{
color;#ff10B6;
}

comment{
color:#7Eff6D;
}

print{
color:#7Ecccc;
}

define{
color:#CE6E3D;
}

reg{
color:#0000FF;
}

pointer{
color:#FF00FF;
}