html, body { width: 100%; height: 100%; }
body { padding: 0; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: #fff; }

h1, h2 { margin: 0 0 10px 0; font-size: 16px; color: #e09420; font-family: Georgia, "Times New Roman", Times, serif; }

h3 { margin: 0 0 10px 0; font-size: 14px; color: #000; font-family: Georgia, "Times New Roman", Times, serif; }

a { color: #5a44a6; text-decoration: none; }
a:hover { text-decoration: underline; }

img { border: none; }

#container {
	text-align: left;
	margin: 0 auto;
	width: 960px;
	height: 100%;
	padding: 10px 0 0 0;
	}

#topbar { 
	float: left;
	width: 962px;
	height: 35px;
	background: url(http://www.oakparkhuskieshockey.com/images/topbar.gif); 
	}
	
#banner {
	float: left;
	width: auto;
	height: 110px;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	background: url(http://www.oakparkhuskieshockey.com/images/picbar.jpg);
	}
	
#logo { float: left; width: 150px; padding: 10px 0 0 55px; }

#nav {
	float: left;
	width: 950px;
	height: 20px;
	margin: 0;
	padding: 2px 5px 0 5px;
	border: 1px solid #000;
	}
#nav ul { padding: 0; margin: 0; list-style: none; }
#nav ul li { float: left; }
#nav ul li a { color: #000; display: block; padding: 2px 15px; font-weight: bold; }
#nav ul li a:hover { color: #e09420; text-decoration: none; }

#main {
	float: left;
	width: 920px;
	min-height: 300px;
	background: #fff;
	padding: 20px;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	}

#content {
	float: left;
	width: 185px;
	min-height: 300px;
	background: #fff;
	padding: 0 22px 0 0;
	border-right: 1px solid #000;
	}

#contact {
	padding: 0 0 0 22px;
	float: left;
	width: 640px;
	}
#contact img { padding: 10px 20px 0 0; } 

#footer {
	float: left;
	width: 922px;
	height: 30px;
	background: #000;
	padding: 20px;
	}
#footer p { padding: 10px 0 0 0; text-align: center; font-size: 10px; color: #fff; }