html{overflow-y: scroll;}

body{background-color: DeepSkyBlue;}

a:visited{color: blue;}

a.current{color:green;}

hr{
color: black;
background-color: black;
height: 1px;
}

.box {
display: block;
border: 1px solid black;
padding: 5px;
background: #F3F3F3;
/*background: #ffc;*/
}

.box:hover {background-color:#ffc;}

.output {
display: block;
padding: 5px;
background-color: black;
color: white;
}

.table {
	background-color: white;
}

.table td {
	border-width: 2px;
	text-align: center;
	border-color: black;
	border-style: inset;
	background-color: white;
}

.clear{
clear: both;
font-size: 0px;
height: 0px;
}

input, textarea, select{vertical-align: middle;}

/*.tbl:hover {background-color:#cecece;}

.tbl{border: 1px solid black; padding: 3px; Background: #F3F3F3;}
*/

a:hover{COLOR: black;}

#headBoard,#menubox,.navigation,.navigation2,.navigation3{
margin: auto;
width: 766px;
}

#menubox{
background: #898989 url(http://wartex8.com/images/background.png) no-repeat left top;
font-size: 12px;
font-weight: bold;
height: 27px;
margin-top: 4px;
}

#menubox ul{
list-style-type: none;
margin: 0;
}

#menus{
margin: 0;
padding: 0 0 0 5px;
}

#menus li.top{
float: left;
position: relative;
z-index: 100;
margin: 0 1px;
padding: 4px 0 0;
}

#menus table{
position: absolute;
border-collapse: collapse;
z-index: -1;
left: 0px;
top: 4px;
width: 106px;
text-align: left;
}

#menus table td{
position: relative;
top: -4px;
line-height: 1px;
font-size: 1px;
height: 23px;
}

#menus a.tl, #menus a.tl:visited{
display: block;
width: 106px;
height: 19px;
line-height: 19px;
color: #e8d800;
text-decoration: none;
text-align: center;
font-weight: bold;
margin-bottom: 4px;
background: url(http://wartex8.com/images/buttons.png) left top;
}

#menus a.tl#login, #menu a.tl#login:visited{
color: #4fbf0c;
}

#menus a.tl#logout, #menu a.tl#logout:visited{
color: #be1616;
}

#menus li.top:hover a.tl,
#menus a.tl:hover,
#menus li.top:hover a.tl#login,
#menus li.top:hover a.tl#logout,
#menus a.tl#login:hover,
#menus a.tl#logout:hover{
color: black;
background-position: left -24px;
}

#menus li.top ul{
visibility: hidden;
position: absolute;
left: -1px;
top: 27px;
padding: 0 0 1px 0;
font-size: 12px;
background: url(http://wartex8.com/images/buttons.png) left bottom;
}

#menus li:hover ul,
#menus a:hover ul{
visibility: visible;
}

#menus li.top li{
float: left;
}

#menus li{
font-family: Arial, Helvetica, FreeSans, sans-serif;
}

#menus a.fly{
display: block;
width: 184px;
height: 22px;
overflow: hidden;
line-height: 15px;
color: white;
text-decoration: none;
text-align: left;
background: transparent url(http://wartex8.com/images/buttons.png) no-repeat 999px top;
}

#menus a.fly span{
display: block;
padding: 3px 4px 0;
}

#menus a.fly:hover{
color: black;
background-color: gold;
background-position: 1px -48px;
}