body {
	margin: 0px;
	font: 120% arial;
}
button {
	height: 30px;
	width: 60px;
	
}
h1,h2,h3,h4,h5,h6 {
	margin: 0px;
}
header {
	background-color: #369;
	color:#FFF;
	font: normal 120% arial;
	top: 0;
	left: 0;
	position: fixed;
	width: 100%;
	z-index: 1;
}
header table {
	width: 100%;
}
header table thead {
	border-collapse: collapse;
	background-color: #369;
	border: 1px solid red;
	color: #FFF;
}
header table thead tr th {
	border-collapse: collapse;
	border: 1px solid #369;
	color: #FFF;
}
header table thead tr td {
	border-collapse: collapse;
	border: 1px solid #369;
	color: #FFF;
}
header nav table thead tr th {
	color:#FFF;
	cursor: pointer;
	font-size: 18px;
	width: 33%;
}
article {
	margin: 74px 0px 25px 0px;
}
article h2 {
	margin: 0px;
}
article table, th, td {
	border: 1px solid;
	width: 370px;
}
footer {
	background-color: #369;
	color:#FFF;
	font: normal 90% arial;
	bottom: 0;
	left: 0;
	position: fixed;
	width: 100%;
	z-index: 1;
}
footer table tfoot {
	color: #FFF;
	font: normal 100% arial;
	text-decoration: none;
	width: 100%;
}
table {
	width: 100%;
	border-collapse: collapse;
}
table th {
	width: 100%;
}
table caption {
	margin: 10px 0px -20px 0px;
}
form table {
	width: 100%;
}
form table th {
	width: 100%;
}
form table tr th input {
	width: 100%;
}

footer table tfoot {
	color: #FFF;
	font: normal 90% arial;
	text-decoration: none;
	width: 100%;
}

footer table tfoot a {
	color: #FFF;
	font: normal 90% arial;
	text-decoration: none;
	width: 100%;
}


.on {
	background-color: #369;
	border-color: #369;
	color: #FFF;
}
.off {
	background-color: #CCC;
	border-color: #999;
	color: #333;
}