@charset "UTF-8";


	body {
		background-color:#BABABA;
		width: 680px;
	}
<!--  
    .table-basic, th, td {
	background-color: #F0E9E9;
	font-family: Verdana,"Hoefler Text", "Liberation Serif",Times,    "Times New Roman", serif;
	font-variant: small-caps;
	width: 100%;
	padding: 10px;
	margin-left: 20px;
	margin-top: 36px;
	align-content: center;
	-webkit-box-shadow: inset 0px 0px;
	border: 1px solid black;
	box-shadow: inset 0px 0px;
	border-collapse: collapse;
	grid-rows: inherit;
	border-top: thin solid #000000;
	border-right: thin solid #000000;
	border-bottom: thin solid #000000;
	border-left: medium solid #000000;
	position: relative;
	left:auto;
	}
	.table-bluegrey {
	background-color: #ABABAB;
	font-family: Verdana,"Hoefler Text", "Liberation Serif", Times,    "Times New Roman", serif;
	font-variant: small-caps;
	width: 100%;
	padding: 10px;
	margin-left: 20px;
	margin-top: 86px;
	align-content: center;
	-webkit-box-shadow: inset 0px 0px;
	box-shadow: inset 0px 0px;
	border-collapse: collapse;
	grid-rows: inherit;
	border-top: medium solid #000000;
	border-right: medium solid #000000;
	border-bottom: medium solid #000000;
	border-left: medium solid #000000;
	position: relative;
	left:auto;
	}
		-->
	#wrapper {
		
		margin-left: 20px;
		margin-top:30px;
		margin-right:auto;
		margin-left:auto;
	}
	header {
		width: 680px;
		height: 180px;
		background-color:#BBBBBB;
		padding:0px 0px 0px 0px;
		margin:10px 100px 20px 10px;
		align-content:center;
		
		font-family:Georgia;
		color:#2F3D5E;
		letter-spacing:5px;
		}
		
	h1 {
		padding: 30px 30px 90px 3px;
		font-size:19px;
		align:left;
	}
	h3 {
		padding: 50px 10x 20px 10px;
		margin-left: auto;
		margin right= "auto";
		font-size:24px;
		align:left;
		width: 700px;
		background-color:#BABABA;
		
		
	}
	h4 {
		padding: 50px 10x 20px 10px;
		margin-left: auto;
		margin right= "auto";
		font-color: red; 
		font-c
		font-size:18px;
		align:left;
		width: 700px;
		background-color:#BABABA;
		
		
	}
	#main {
		background-color:#EFEFEF;
		height:30px;
		padding:10px;
		margin:10px 10px 40px 10px;
		
	/*	float:left;
	                                        removed float to fix title position in wide screen */
											
 		width:710px;
		font-family:Verdana;
		color:#403D54;
		font-size:14px;
		line-height: 26px;
	}
	
	#sidebar {
		background-color:#FFFFFF;
		height:250px;
		padding:25px;
		margin:10px 0px 20px 50px;
		
		float:left;
		width:20%;
		
		font-family:Verdana;
		color:#403D54;
		font-size:14px;
		line-height:22px;
		text-align:center;
	}
	
	footer {
		background-color:#2F4666;
		<!-- padding:30px 0px 15px 0px;
		margin:15px 10px 10px 5px; -->
		align-content:center;
		clear:both;
		font-family:Verdana;
		font-size:11px;
		color:#FFFFFF;
		text-align:center;
		width: 100%;
	    padding: 10px;
	    margin-left: 20px;
		margin-right: 20px;
		
	}