/* CSS Styles (C)2006 Dustin Spicuzza. All rights reserved */

body{
	background-color: #eeeeee;
	margin: 0;
	font-family: sans-serif;
	font-size: 0.75em;
}

#mainbody{
	color: #000000;
	background-color: #ffffff;
	border: 0.01em solid #005500;
	margin: 0 auto;
	width: 760px;
}

#header{
	position: relative;
	background-image: url('cloud.jpg');
}

#announce{
	position: absolute;
	padding: 0.5em;
	background-color: #ffffff;
	border: 1px dashed #000000;
	width: 25em;
	font-size: 0.9em;
	top: 1em;
	left: 1em;
}

#announce ul{
	margin-top: 0em;
	margin-bottom: 0em;
	list-style-type: square;
}

#announce a, #announce a:visited{
	color: #0000ff;
}

#announce a:hover{
	color: #0000ff;
}

.headerimg{
	position: relative;
	top: 1.4em;
	left: 440px;
	width: 300px;
	height: 100px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='logo.png');
}

.headerimg[class] {
	background-image:url(logo.png);
}

#rules{
	border: 2px solid #000000;
	position: absolute;
	display: block;
	background: #ffffff;
	left: 10em;
	top: 13em;
	width: 25em;
	padding: 1em;
}

#weapons{
	text-align: center;
	padding: 1em 0 0 0;
	border-left: 1px dotted #efefef;
	font-size: 0.8em;
}

#weapons ul{
	margin: 0;
	padding: 0;
	border-top: 1px dotted #efefef;
}

#weapons li{
	display: inline;
	text-decoration: none;
	list-style-type: none;
	padding: 0.25em;
}

#weapons li a{
	padding: 0.25em 1em;
	color: #ffffff;
	background: #ff2200;
}

#weapons li a:hover{
	background: #990000;	
}

#blowMenu{
	display: none;
}

#boomleft{
	position: relative;
	float: left;
	border: 1px solid #000000;
	margin: 0.75em 0;
	padding: 0.5em;
	width: 45%;
	z-index: 200;
	background-color: #efefef;
}

#boomright{
	position: relative;
	float: right;
	border: 1px solid #000000;
	margin: 0.75em 0;
	padding: 0.5em;
	width: 45%;
	height: 5em;
}

#score{
	float: right;
	border: 1px dotted #000000;
	background: #efffef;
	padding: 0.25em;
}

#navbar{
	width: 100%;
	background: #33cc33;
	border-top: 0.01em solid #005500;
	border-bottom: 0.01em solid #005500;
}

#navbar ul {
	margin: auto 0;
	padding: 0.4em;
	list-style-type: none;
}

#navbar li{
	display: inline;
}

#navbar li a {
	text-decoration: none;
	color: #ffffff;
	padding: 0 1em;
	border-right: 0.05em solid #005500;
	font-weight: bold;
}

#navbar a:hover{
	color: #ffffff;
	background: #00aa00;
}

#con{
	margin: 0 auto; 
	width: 750px;
	border-left: 1px dotted #efefef;
	border-right: 1px dotted #efefef;
}

#content{
	margin-left: 5.1em;
	width: 52em;
	padding: 1em;
	border-left: 1px dotted #efefef;
}

#drivenav{
	text-align: center;
	padding: 1em 0 0 0;
	border-left: 1px dotted #efefef;
}

#drivenav ul{
	margin: 0;
	padding: 0;
	border-top: 1px dotted #efefef;
}

#drivenav li{
	display: inline;
	text-decoration: none;
	list-style-type: none;
	padding: 1.5em;
}

#drivenav li a{
	padding: 0.25em 1.5em;
	color: #ffffff;
	background: #000088;
}

#drivenav li a:hover{
	background: #990000;	
}

#roadside{
	position: relative;		/* key */
	width: 750px;
	height: 350px;
	background-image: url('bg.jpg');
	overflow: hidden;
	z-index: 1;
}

.ss{
	position: relative;
	width: 738px;
	border: 1px dotted #cfcfcf;
	background-color: #efefef;
	padding: 5px;
	font-size: 0.75em;
}

.ssr{
	float:right;
}

#adcaptionl{
	position: relative;
	float: left;
	border: 1px solid #000000;
	margin: 0.75em 0;
	padding: 0.5em;
	width: 45%;
	height: 5em;
}

#adcaptionr{
	position: relative;
	float: right;
	border: 1px solid #000000;
	margin: 0.75em 0;
	padding: 0.5em;
	width: 45%;
	height: 5em;
}

#adcaptionr h5, #adcaptionl h5, #boomright h5, #rules h5{
	margin-top: 0px;
}

#legal{
	text-align: center;
	border-top: 0.01em solid;
	font-size: 0.75em;
	font-family: Helvetica;
	background: #00aa00;
	color: #ffffff;
}

#sponsors{
	border: 1px solid #000000;
}

#sponsors th{
	background-color: #efefef;
}	

div.both{
	clear: both;
	font-size: 0.2em;
	margin: 0;
}

.notice{
	padding: 0.5em;
}

#tip{
	margin: 0 0.5em;
	padding: 0 0;
	font-size: 0.9em;
}

h5{
	font-size: 1.1em;
}

a{ 
	text-decoration: none;
}