body{
	width:100%;
	align:center;
	background: #336699;
	margin: 0px;
	padding:0px;
	font: 11px "Century Gothic", "Trebuchet", "Arial", sans-serif;
	font-weight: 500;
	color: #444;

}

.clear {clear: both;}


img {
	border:none;
}

a {
	color: #333333;
	text-decoration: none;
	font-weight:bold;
}
a:hover {
	color: #FF0000;
}
a:hover strong {
	color: #FF0000;

	}

h1 {
	color: #aaa;
	font-size:16px;
}
h2 {
	color: #C90302;
	font-size:14px;
}
h2 a {text-decoration: none; color: #C90302;}

h2 a:hover { color: #C90302;}

h2 a span.accessibility {float: right; font-size: 12px; font-weight: normal; display: block; text-decoration: underline; color: #C90302;}
h2 a span.accessibility:hover {color: #C90302;}

h3 {
	color: #333;
	font-size:11px;
}
h4 {
	color: #ff0000;
	font-size: 9px;
}

h1,h2,h3,h4, h5 {
	padding:0 0 0.3px 0;
	margin:1px;
}
b, strong {
	font-weight:bold;
	color: #4f5051;
}
b.label, strong.label {
	color:#bd3a89;
	font-weight:bold;
}
form {
 padding: 0;
 margin: 0;
}

table.listing {
	margin:10px 0;
	width:100%;
	border:none;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font: 12px "Trebuchet MS", sans-serif;
}
table.listing th {
	padding:5px;
	text-align:left;
}
table.listing td {
	padding:5px;

}
tr.rowstate2 {
	background-color:#ffffff;
}
tr.rowstate0 {
	background-color:#f0f0f0;
}
tr.rowstate1 {
	background-color:#f8f8f8;
}

#command_console{
	background:#ffffff; 
	width:200px;
	min-height: 500px; 
	height:500px;
	padding:3px;
	border:1px solid #000000;
	float:left;
}
#view_controls{
	background:#ffffff; 
	width:60px;
	padding:3px;
	border:1px solid #000000;
	float:left;
	position:absolute;
	top:10px;
	left:10px;
	z-index:99;
}


#footer {
width:100%;
background: #336699;
height:30px;
z-index:99;
position:fixed;
bottom:0px;
text-align:center;
border-top:2px solid #ffffff;
}
.myShips {
	
position:absolute;
z-index:99;
	
}

.tiny {
 font-size:10px;
}
.copyright {
 	margin-top:10px;
	color: #fff;

}