@charset "utf-8";


body{
	margin:0;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	background: #DDD;
}

h2{
	color: #3BB3C4;
}


.column{
	float: left;
	width: 310px;
	padding-right: 20px;
}

main{
	float: left;
	width: 650px;
	/*padding-right: 20px;*/
}

aside{
	float: right;
	width: 300px;	
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover {
    background-color: #111;
}



section, header, footer{
	width: 1000px;
	margin: 0 auto;
}

header, footer{
	background: #FFF;
}

header img, header p {
	margin-left: 10px; 
}

main div {
	background: #FFF;
	padding : 10px;
	margin: 20px 0;
}

aside div {
	background: #FFF;
	padding : 10px;
	margin: 20px 0;
}





.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

main table{
	width: 100%;
}

main table td{
	padding: 3px;
	border: thick;
}

a{
	color: #333;
	
}