html, body {
	margin: 0;
	padding: 0;
	background-color: #ccc;
	height: 100%
}
a, a:visited, a:hover, a:active {
	color: #000;
}
a:hover {
	color: #fff;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
	text-decoration: none;
}
div#container { position: relative; min-height: 100%;}
header {
	background: #999; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#333333'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#333)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ccc,  #333); /* for firefox 3.6+ */
	height: 175px;
	width: 100%;
}
header section#banner {
	height: 170px;
	margin: auto;
	width: 980px;
	vertical-align: bottom;
	text-align: center;
}
header div.gradient {
	clear: both;
	height: 5px;
	background-color: #ccc; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #ccc); /* for firefox 3.6+ */ 	
}
header nav {
	width: auto;
	clear: both;
	float: left;
	height: 25px;
	margin-bottom: -5px;
	text-align: left;
	position: relative;
	z-index: 30;
}
header nav ul {
	background-color: #ccc;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #ccc); /* for firefox 3.6+ */
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	-webkit-box-shadow: 0 -1px 1px rgba(0,0,0,1);
	-moz-box-shadow: 0 -1px 1px rgba(0,0,0,1);
	box-shadow: 0 -1px 1px rgba(0,0,0,1);
	overflow: hidden;
	padding-top: 5px;
}
header nav ul li {
	display: inline;
	margin: 15px;
	padding-top: 10px;
}
header nav a, header nav a:visited, header nav a:active, header nav a:hover  {
	color: #333;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.8);
	font-weight: bold;
	text-decoration: none;
}
header nav a:hover, header nav ul li a.active  {
	color: #fff;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
	font-weight: bold;
	text-decoration: none;
}

header img {
	float: left;
}
header h2 {
	font: 16px Verdana;
	color: #cccccc;
	display: inline-block;
	font-weight:normal;
	font-style: italic;
	margin-left: 0;
	text-shadow: 1px 1px 10px rgba(0,0,0,0.9);
}
section#content {
	margin: auto;
	width: 950px;
	overflow: auto;
	padding-bottom: 80px;
}
footer {
	bottom: 0;
	width: 100%;
	text-align: center;
	height: 75px;
	background: #555; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303030', endColorstr='#505050'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#555)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #333,  #555); /* for firefox 3.6+ */
	position: absolute;
	bottom: 0;
}
footer section#footer {
	width: 980px;
	margin: auto;
	padding-top: 5px;
	font: 12px Verdana;
	color: #888;
	font-weight:normal;
	font-style: italic;
	text-shadow: 2px 2px 10px rgba(0,0,0,0.9);
}
footer div.gradient {
	background-color: #ccc; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0c0c0', endColorstr='#303030'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#333)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ccc,  #333); /* for firefox 3.6+ */ 	
	clear: both;
	height: 5px;
}
div#statcounter {
	float: left;
	width: 325px;
	text-align: left;
}
div#copyright {
	float: left;
	width: 325px;
	text-align: right;
}
div#validator {
	float: left;
	width: 325px;
	text-align: center;
}