@media screen {
	body {
		text-align: center;
		margin: 10px;
		padding: 0;
		font: 80% Arial, Helvetica, Verdana, sans-serif;
		background-color: #999;
	}
	
	#container {
		width: 850px;
		margin: auto;
		border: 1px solid;
		border-color: #e2e2e2 #333 #333 #e2e2e2;
		background-color: #fff;
	}
	
	h1.header {
		width: 830px;
		height: 135px;
		margin: 0;
		padding: 10px;
		background: transparent url(../gfx/logo.gif) 10px 10px no-repeat;
	}
	h1.header a {
		display: block;
		width: 830px;
		height: 100%;
		text-decoration: none;
		text-indent: -750em;
		background: transparent url(../gfx/header_bg.gif) bottom left repeat-x;
	}
	
	#innercontain {
		min-height: 300px;
		margin-bottom: 10px;
		padding: 10px;
		text-align: left;
		background: transparent url(../gfx/content_bg.gif) 10px 10px repeat-y;
	}
	.clear {
		clear: both;
		font-size: 1px;
		line-height: 1;
		height: 1;
		margin: 0;
		padding: 0;
	}
	
	.topnav {
		display: block;
		width: 170px;
		margin: -5px 0 0 0;
		padding: 10px 20px;
		list-style: none;
		line-height: 1.5em;
		float: left;
		font-weight: bold;
		font-size: 90%;
	}
	.topnav li ul {
		margin: 0;
		padding: 0px 20px;
		list-style: none;
		font-size: 90%;
	}
	.topnav a {
		text-decoration: none;
		color: #fff;
		font-size: 110%;
	}
	.topnav a:hover {
		text-decoration: underline;
	}
	
	#content {
		float: right;
		width: 608px;
	}
	
	#footer {
		clear: both;
		margin: 0 10px 5px 10px;
		padding: 5px 0 0 0;
		border-top: 1px solid #e2e2e2;
		color: #999;
		font-size: 90%;
	}
	#footer a {
		color: #999;
		text-decoration: none;
	}
	#footer a:hover {
		text-decoration: underline;
	}
}