﻿@charset "utf-8";
/* CSS Document */

html,body{
	margin:0;
	padding:0;
	height,width:100%;
	color:white;
	font-family:Calibri;
}

html{
	background-color:black;
	background-image:url(../media/back.png);
	background-repeat:repeat-x;
}

/********** TEXT AND HEADERS ********* 

h1{
	margin:0 0 0 0.1em;
	padding:0 0 0 0;
	font-size:1.6em;
}

h2{
	margin:0 0 0 0.1em;
	font-size:1.2em;
}

h3{
	margin:0 0 0.3em 0.1em;
	font-size:1.1em;
}

p{
	margin:0 0 0 0.2em;
	margin-bottom:5px;
}
*
/********** FORMS **********/ 

.quick_img_center {
	text-align: center;
}

form{
	margin:1em 0 1em 0;
	padding:0 0 0 0;
}

input[type=submit]{
	margin-left:6.6em;
}

.submit a{
	margin:0 0 0 5.5em;
}

label{
	width:5em;
	float:left;
	text-align:right;
	margin-right:0.5em;
	display:block;
}

a:link{text-decoration:none;color:black;}
a:active{text-decoration:none;color:black;;}
a:visited{text-decoration:none;color:black;;}

/********** DIVS **********/

.container{
	position:relative;
	padding:0;
	margin:1em auto 0 auto;
	left:0;
	top:0;
	width:965px;
	min-height:400px;
	border:none;
}

.topnav{
	padding:0 0 0 0.1em;
	height:22px;
	width:961px;
}

.topnav p{
	color:gray;
}

.topnav a{
	color:white;
}

.header{
	position:relative;
	top:0px;
	height:133px; width:961px;
	padding:0;
	margin:0 0 0.2em 0;
	background-image:url(../media/header.png);
	background-repeat:repeat-x;
	border:1px solid #1b1b1b;
}

.navigation{
	position:absolute;
	bottom:0;
	left:0px;
	height:26px;
	width:960px;
	background-color:black;
}

.navigation ul{
	margin:0;
}

.navigation ul li{
	float:left;
	text-align:center;
	line-height:26px;
	display:block;
	width:100px;
	height:26px;
	margin:0;
	padding:0 0 0 0;
	background:url(../media/nav-item.png) no-repeat;
}

.navitem{
	float:left;
	display:block;
}

.navigation ul li a{
	color:white;
	display:block;
}

.navigation ul li a:hover{
	color:yellow;	
}

.left{
	float:left;
	width:690px;
}

.right{
	float:right;
	width:259px;
}

.mod{
	background-color:black;
	border:1px solid #1b1b1b;
	margin:0 0 0.2em 0;
	padding:0;
	color:white;
	font-size:16px;
}

.left div{
	padding:5px;
	margin:0 0 0.2em 0;
	width:690px;
}

.right div{
	padding:5px;
	margin:0 0 0.2em 0;
	width: 245px;
}

.wide{
	padding:5px;
	width:950px;
}


.nav-bottom{
	position:absolute;top:10px;left:0;	
}

.content-1{
	position:relative;
	top:-5px!important!;
	top:5px;
}

.content-2{
	position:relative;
	top:-16px!important!;
	top:5px;
}

.content{
	position:relative;
	top:-7px!important!;
	top:5px;
	clear:both;
	min-height:350px;
	padding: 0.1em 0.5em 1.5em 0.5em;
	background-color:black;
}

.footer{
	clear:both;
	position:relative;
	top:5px;
	text-align:center;
	margin:0 0 0 0;
	padding:0;
}

.footer a{color:white;}
.footer p{padding:0.2em 0 0 0;color:white;font-size:0.8em;}

.t1{
	float:left;
	width:2em;
}

.t2{
	float:left;
	width:23em;
}

.t2 input{
	margin:0.5em 0 0 0;
}

.t3{
	float:left;
	width:8em;
}

.t4{
	float:left;
	width:10em;
}

.clear{clear:both;}

#keyboardMsg{ float: right; }