html, body {
	width:  100%;
	height: 100%; }

body, table, tr, td, h1, h2, h3, h4, h5, h6, input, textarea {

	margin:  0;
	border-spacing: 0;
 	border-collapse: collapse; 
	border-style: none;
	padding: 0;
	empty-cells: show;
	vertical-align: top;
	color: #99F;
	font-family: "Andale Mono", "Courier New", Courier, monospace;
	font-size:   12px;
	line-height: 14px;
	font-weight: normal; }

body {
	background-color: #339; }




a:link {
	background-color: transparent;
	color: #FFF; 
	text-decoration: underline; }

a:visited {
	background-color: transparent;
	color: #FFF;
	text-decoration: underline; }

a:hover	{
	background-color: #99F;
	color: #FFF;
	text-decoration: none; }

a:active { 
	background-color: transparent;
	color: #99F;
	text-decoration: none; }




h1 {
	width: 100%;
	background-color: #66C;
	color: #99F; }

h2 {
	background-color: #99F; }

h3, h4 {
	padding-bottom: 2px;
	color: #CCF; }
h4 {
	display: inline; }

td h3 {
	padding-right: 20px; }


	
ul, ul, li {
	margin:  0;
	padding: 0;
	list-style: none; }

.nav {
	margin: 0 60px 0 55px; }

.nav li {
	float: left;
	border-right: 1px solid #66C; }

.nav li:first-child {
	border-left: 1px solid #66C; }

.nav a {
	display: block;
	width:  60px;
	height: 20px;
	padding: 2px 0 0 5px;
	text-decoration: none; }

.nav a:link {
	background-color: #99F; }

.nav a:visited {
	background-color: #99F; }

.nav a:hover {
	background-color: #66C; }
	
.nav a:active {
	background-color: #339; }


.nav .active {
	border-right: 1px solid #339; }
.nav .active:first-child {
	border-left: 1px solid #339; }

.active a:link {
	background-color: #339; }

.active a:visited {
	background-color: #339; }

.active a:hover {
	background-color: #339; }

.active a:active {
	background-color: #339; }



input, textarea {
	background-color: #EEF;
	color: #003; }

.box {
	float: left;
	margin: 0 10px 10px 0; }