@charset "utf-8";
/* CSS Document */

/* WHOLE PAGE */
.page {background-color: grey;
	width: 80%;
	margin: auto;
	padding: 10px; }

/* HEADER */
.head {background-color: #0000ff; }
.social-sites {position:relative;
	left:950px;
	top:-15px; }

.banner {margin:auto;
	width:80%;
	padding:3px; }

ul {
	list-style-type: none;
	margin: 10px 10px 10px 10px;
	padding: 20px 40px 10px 40px;
}

.nav-main a {
	margin:0px 0px 10px 0px;
	background-color: #0011ff;
	border: 3px solid #ffffff;
	border-radius: 20px;
	display: block;
	display: inline;
	text-decoration: none;
	color: #000000;
	padding: 10px 20px 10px 20px;
	text-align: center;
}

a:hover {
	background-color: #669999;
	color: #fff;
}

a:home{
	margin-top: 20px;
	}

a:active {
  background-color: #00ff00;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.sidebar {background-color: #f3e5ab;
	background-color: rgba(243, 239, 171, 0.3);
	width:35%;
	margin:auto;
	float:right; }


.content {background-color: #ffcc66;
	background-color: rgba(255, 204, 102, 0.4);
	width:65%;
	margin:auto;
	float:left; }