body {
    background: #000000 url(../images/background.jpg) center top no-repeat fixed;
	margin: 0;
	padding: 0;
    color: white;
    font-family: helvetica, arial, sans-serif;
}

.debug { 
	border:solid 1px #ee0000;
}



#header {
    width: 864px;
    height: 105px;
    background: url(../images/header.gif) no-repeat;
    margin: 6px auto;
}

a.stateFarmLogo {
	display:block;
	width:195px;
	height:40px;
	float:right;
	margin-top:60px;
}

#player {
    width: 864px;
    height: 388px;
    background: black;
    padding: 4px;
    margin: 8px auto;
}

#body {
    width: 864px;
    height: 400px;
    background: black;
    padding: 4px;
    margin: 8px auto;
}

#body #nav {
    z-index: 100;
    position: relative;
}

#body #nav ul {
    height: 37px;
    margin: 0;
    padding: 0;
}

#body #nav ul li {
    margin: 0 12px 0 0;
    padding: 0;
    float: left;
    list-style-type: none;
}

#body #nav ul li a {
    display: block;
    cursor: pointer;
    width: 135px;
    height: 37px;
    text-indent: -9999em;
    overflow: hidden;
}

#body #nav ul li a.details {
    background: url(../images/details.gif) no-repeat;
    background-position: 0 -36px;
}

#body #nav ul li a.connect {
    background: url(../images/connect.gif) no-repeat;
    background-position: 0 -36px;
}

#body #nav ul li a.schedule {
    background: url(../images/schedule.gif) no-repeat;
    background-position: 0 -36px;
}

#body #nav ul li a.rules {
    background: url(../images/rules.gif) no-repeat;
    background-position: 0 -36px;
}

#body #nav ul li a.active, #body #nav ul li a:hover {
    background-position: 0 0;
}

#content {
    width: 617px;
    float: left;
    font-size: 14px;
    line-height: 20px;
}

#details, #connect, #schedule, #rules {
    position: relative;
    top: -5px;
    border: solid 1px #3B3D38;
    width: 589px; /* 617px */
    height: 340px; /* 340px */
    overflow: auto;
    padding: 0 14px;
    z-index: 1;
}

#connect, #schedule, #rules {
    display: none;
}

#twitter {
    width: 230px;
    float: right;
    margin-right: 4px;
}

#twitter h1 {
    background: url(../images/twitter.gif) no-repeat;
    color: white;
    font-size: 14px;
    font-family: helvetica;
    font-weight: bold;
    text-indent: 32px;
    line-height: 24px;
    margin: 4px 0 4px 0;
}

#twitter h1 a {
    display: block;
    color: white;
    font-weight: bold;
    text-decoration: none;
}

#twitter_body {
    border: 1px solid #3B3D38;
    width: 230px;
    height: 340px;
    overflow: hidden;
}

h2 {
    color: #BC0814;
    font-size: 14px;
}

strong.extra {
    font-size: 18px;
}

a.map {
	cursor: pointer;
    color: #BC0814;
}

#connect form label {
	display: block;
	float: left;
	width: 200px;
	line-height: 40px;
}

#connect form input {
	border: 1px solid #333;
	color: #FFF;
	background: transparent;
	height: 30px;
	margin: 5px 0;
}

#connect form input#email {
	width: 300px;
}

#connect form input#areacode {
	width: 70px;
	margin-right: 10px;
}

#connect form input#phone {
	width: 220px;
}

#connect form div.phoneHelp {
	margin-left: 200px;
	font-size: 11px;
	color: #666;
}

#connect form div.phoneHelp span.phone 
{
	margin-left: 30px;
}

#connect form ul li label {
	float: none;
	width: auto;
	height: 1em;
	color: #999;
	font-size: 12px;
	display: inline;
}

#connect form ul li input {
	height: auto;
	margin-right: 5px;
}

#connect form ul {
	margin-left: 200px;
	padding: 0;
}

#connect form ul li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	height: 1.5em;
}

#connect form button#submit {
	margin-left: 200px;
	background: url(../images/submit.gif) no-repeat;
	border: none;
	width: 110px;
	height: 25px;
}

#copyright {
	clear: both;
	font-size: 10px;
	text-align: center;
}

/* override some values from the jquery tooltip css */
#tooltip {
	opacity: 1;
	padding: 0;
	border: none;
	background: none;
}