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

body {
	background-color: #333;
	text-align: center;
}

body,td,th {
	color: #0F6;
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
}

a:link {
	color: #6CF;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #6CF;
}

a:hover {
	text-decoration: underline;
	color: #6CF;
}

a:active {
	text-decoration: none;
}

div.container {
	width:100%;
	margin:auto;
	text-align:left;
}

div.content {
	top:10px;
	padding:10px 25% 0px 25%;
	margin-left:50px;
	margin-right:50px;
	text-align:justify;
}

div.header {
	text-align:center;
}

div.footer {
	text-align:center;
	width:100%;
	clear:both;
	float:left;
	margin-top:20px;
	margin-bottom:20px;
}

div.links {
	text-align:center;
	font-size:12px;
	font-weight:bold;
	clear: both;
	margin-bottom:20px;
}

div.social {
	float:right;
	padding: 30px 30px 0px 0px;
	width: 25%;
}

div.roster {
	float: left;
	padding: 0px 10px 0px 0px;
	width: 25%;
}

div.roster img {
	float:left;
	img margin:0px;
	padding:5px;
	border:none;
}

div.info {
	margin:auto;
	width:50%;
	text-align:center;
}

div.infol {
	width:100%;
	text-align:left;
	vertical-align:middle;
}

div.infol img {
	float:left;
	border:0;
	margin-right:20px;
}

div.infor {
	width:100%;
	text-align:right;
	vertical-align:middle;
}

div.infor img {
	float:right;
	border:0;
	margin-left:20px;
}

div.about {
	margin-top:20px;
	width:80%;
	margin-left:10%;
	margin-right:10%;
	text-align:justify;
}

div.about h1 {
	color:#6CF;
	font-size:14px;
	font-weight:bold;
}

div.aboutleft {
	float:left;
	width:48%;
}

div.aboutleft img {
	float:right;
	border:0;
	margin:10px;
}

div.aboutright {
	float:right;
	width:48%;
}

div.aboutright img {
	float:left;
	border:0;
	margin:10px;
}