body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 120%;

}

a {  font-family: Arial, sans-serif; font-size: 11px; text-decoration: none; color: #666666; line-height: 120%;}

a:hover {
	font-family: Arial, Helvetica;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	background-color: #0099ff;
	line-height: 120%;
}

.small { font-family: Arial, sans-serif; font-size: 8px; text-decoration: none; color: #999999; line-height: 120%;}
.small:hover { font-family: Arial, sans-serif; font-size: 8px; text-decoration: none; color: #999999; line-height: 120%; background-color: none;}

.media { font-family: Arial, sans-serif; font-size: 11px; text-decoration: underline; color: #0099ff; line-height: 120%;}
.media:hover { font-family: Arial, sans-serif; font-size: 11px; text-decoration: none; color: #ffffff; line-height: 120%; background-color: 0099ff;}

.content {
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width: 908px;
	z-index: 20;
	background-color:#ffffff;
	-moz-box-shadow: #333 2px 2px 2px;
	-webkit-box-shadow: #333 2px 2px 2px;
}

.background {
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 1;

}

	img.bg {
		/* Set rules to fill background */
		min-height: 100%;
		min-width: 908px;
	
		/* Set up proportionate scaling */
		width: 100%;
		height: auto;
			
		/* Set up positioning */
		position: fixed;
		top: 0;
		left: 0;
		}
		
		@media screen and (max-width: 908px){
			img.bg {
				left: 50%;
				margin-left: -512px; }