body, html {
    margin: 0;
    padding: 0;
    background: #222222;
}
a:link, a:visited{
	color: #CCCCCC;
	font-weight: bold;

    text-decoration: none;
}
a:hover, a:active{
color: #DCA00C;
}
.mid {
text-align: center;
position: absolute;
background-color: #000000;
top: 3%;
left: 12.5%;
right: 12.5%;
width: 75%;
height: 650px;
border: medium ridge #CCFF00;
z-index: 0;
}
.small {
font-size: 12px;
color: #000000;
letter-spacing: 1px;
}
.left {
text-align: center;
position: absolute;
background-color: #333333;
left: 13%;
right: 75%;
top: 20%;
width: 12%;
height: 500px;
border-top: thin dashed #999999;
border-left: thin dashed #999999;
border-right: thin dashed #999999;
border-bottom: thin dashed #999999;
z-index: 1;
}

.right {
text-align: center;
position: absolute;
background-color: #333333;
left: 75%;
right: 13%;
top: 20%;
width: 12%;
height: 500px;
border-top: thin dashed #999999;
border-left: thin dashed #999999;
border-right: thin dashed #999999;
border-bottom: thin dashed #999999;
}
* {
font-size: 13px;
font-family: verdana, arial, helvetica, sans-serif;
color: #FFFFFF;
line-height: 15pt;

}
input {
color: black;
}