* { margin: 0px; padding: 0px; }


div#index
{
	width: 50.3em;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	margin-top: .5em;
	position: relative;
}
div#indexheader
{
	background: #1B13A4 url("img/bg1.jpg") repeat-y top left;
	width: 50em;
	height:7em;
}
img#indeximg
{
	float: left;
	border-width: 0;
	width: 34.5em;
	height: 6.9em;
}
div#indexlogin
{
	float: right;
	padding: .75em 1em 0 0;
}

div#indexnav 
{
	width: 10em;
	height: 10.5em;
	padding: 0;
	float: left;
	text-align: center;
	margin: .75em 0;
}
div#indexstats 
{ 
	background: #171092;
	width: 10em;
	height: 4em;
	text-align: center;
	padding: .75em 0;
	float: left;
	clear: left;
}
div#indexcontent 
{
	background: #19129C url("img/bg3.jpg") no-repeat;
	vertical-align: middle;
	width: 38.25em;
	height: 16em;
	padding: .5em;
	float: right;
	margin-top: .75em;
}


div#indexnav a
{
	display: block;
	font-size: 85%;
	padding: .35em .2em;
	text-align: center;
}
div#indexnav a:hover
{
	background-color: #006;
}
div#indexnav li { margin: 0; padding: 0; list-style-type: none; display: inline; }

p { margin: 1em; }

div#indexstory { text-align: justify; }
div#indexstory p { margin: .8em; text-align: justify;}
div#indexcopyright { font-size: smaller; padding:.75em; position: relative; clear: both; text-align: center;}

div#indexmain { width: 50em; margin: 8px 0 0 0; padding: 10px 0;}
div#indexpadding { padding: 0 10px; }
div#indexmain ol { padding: 20px; }
div#indexmain li { padding: 3px;}

table#indexcontact td { padding: 5px; }

div#firefox { width: 49em; padding: .5em; margin-top: 1em; }
div#firefox p { padding: .5em; margin: 0; }
div#firefoxgoogle { float: right; margin-left: .5em; }

input.login { width: 7em; }

div.content {
      	border-width: 1px;
      	border-style: solid;
      	border-color: #FFFFFF;
}


table.login {
        position: relative;
        top: .5em;
        left: -.5em;
        padding: .1em;
        margin: 0 ;
}

table#indexsignup td { border-style: none; padding: 4px; }
table#indexsignup input,select { width: 150px; }



.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }



p.tos { margin-top: 1em }

table#checktos td { padding: 5px; vertical-align: middle; }


table#robottable { margin-bottom: 50px; margin-right: auto; margin-left: auto; text-align: center;}
table#robottable td { text-align: center;}
div.robotimage { margin: 10px; width: 120px; height: 148px; position: relative;}
div.robotimage a { font-size: 10pt;}
img.robotimage { width: 100px; height: 128px; z-index: 2; border: 0; }
img.robotimage:hover { width: 200px; height: 256px; position: absolute; top: -64px; left: -50px; z-index: 3; background: black; border: 2px solid white;}