
body {
	background-color: #000000;
	font-size: 1em;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#AAA;
	margin:0;
}
a:link { color:#EEE; text-decoration:underline; }
a:visited { color:#EEE; text-decoration:none; }
a:focus { color:red; text-decoration:underline; }
a:hover { color:red; text-decoration:none; }
a:active { color:red; text-decoration:underline; }

#nav {
	height: 50px;

	color: black;
	padding: 10px;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.8em; font-size: 1.8vw;
	font-weight: bold;

	background: rgb(204,204,204);
	background: -moz-linear-gradient(top,  rgba(204,204,204,1) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,204,204,1)), color-stop(100%,rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(204,204,204,1) 0%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#000000',GradientType=0 );
}
#nav a:link { color:#000; text-decoration:none; }
#nav a:visited { color:#000; text-decoration:none; }
#nav a:focus { color:#a00000; text-decoration:underline; }
#nav a:hover { color:#a00000; text-decoration:underline; }
#nav a:active { color:#a00000; text-decoration:underline; }

#content {
	padding:5px;
}

#agents {
	height: 193px;
	border: 1px solid gray;
	border-left: none;
	padding: 7px;
	margin-left: 207px;
	margin-right: 207px;
}
#map_canvas {
	height: 207px;
	width: 207px;
	border: 1px solid gray;
	border-left: none;
	float: right;
}
iframe {
	width: 100%;
	height:500px;
	border:0;
	overflow: hidden;
	display: none;
}
#about { 
	clear:both;
}
/* fake link*/
#showHideChat {
	color:#EEE;
	text-decoration:underline;
}
