body {
	background-color: #003399;
	color: gold;
}

head {
	width: 20%;
	float: left;
}

div#logo {
	float: left;
}

div.main {
	text-align: center;
	background-color: #FF8800;
	padding-top: 25px;
	padding-bottom: 25px;
}

div.hide:hover {
	color:#000000;
	background-color: #BDBDBB;
	padding-top: 50px;
	padding-bottom: 50px;
}

table.navig {
	background-color: #ffffff;
	display: inline;
	
}

td.nav {
	background-color: #9999FF;
	float: left;
	border: 3px;
	padding-left: 10px;
	padding-right:10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

td.nav:active {
	background-color: #FFFFFF;
}

div.one {
	margin: 10px auto;
	width: 100%;
	background-color: #C0C0C0;
}

ul.one-a {
	text-align: center;
}

ul.one-a li {
	display: inline;
}

ul.one-a a {
	color: #000000;
	background-color: #ffffff;
	text-decoration: none;
	border: 1px solid #000000;
	padding: 5px;
}

ul.one-a a:hover {
	color: #ffffff;
	background-color: #000000;
	padding: 15px;
	border: 1px dashed #ffffff;
}

ul.three-a {
	text-align: center;
}

ul.three-a li {
	display: inline;
}

ul.three-a a {
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	padding: 5px;
}

ul.three-a a:hover {
	color: #0000ff;
	text-decoration: none;
	border-top: 1px solid #00ff00;
	border-left: 1px solid #00ff00;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	padding: 5px;
}

ul.three-a a:active {
	color: #abc123;
	padding: 20px;
}