/* CSS Document */

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
background-color:#000000;
margin: 0px;
padding: 0px;
}

#container {
width: 780px;
height: auto;
margin: 0px auto;
background-image: url(images/images/diamond_bg.jpg);
background-repeat: repeat;
color: #000000;
overflow: hidden;
}

img { behavior: url(iepngfix.htc); } 

#header {
width: 746px;
height: 200px;
margin: 0px 17px 0px 17px;
}

#header h1 {
float: left;
margin: 0px 0px 0px 20px;
padding: 0px;
}

.bursting {
float: right;
margin: 0px 20px 0px 0px;
}

#main {
width: 780px;
height: auto;
}

#content {
width: 746px;
height: auto;
float: left;
margin: 0px 17px 17px 17px;
background-color: #FFFFFF;
position: relative;
display: inline;
}


ul {
margin: 0px;
padding: 5px 0px 0px;
}

#navigation {
width: 746px;
height: 40px;
float: left;
background-image: url(images/images/nav_bg.jpg);
background-repeat: no-repeat;
margin: 0px;
text-align: center;
}

#navigation li {
display: inline;
font-size: 18px;
color: #FFFFFF;
margin: 0px;
padding: 0px;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-weight: bold;
}

#navigation a {
color: #FFFFFF;
text-decoration: none;
}

#navigation a:hover {
color: #000000;
}

.leftcolumn {
width: 542px;
height: auto;
margin: 0px 0px 0px 0px;
float: left;
display: inline;
}

.floattruck {
margin: 0px 0px 0px 5px;
float: left;
}

.dualleft {
width: 271px;
float: left;
margin: 10px 0px 20px 0px;
clear: left;
display: inline;
}

.dualright {
width: 271px;
float: left;
margin: 10px 0px 20px 0px;
}

.leftcolumn ul {
margin: 0px;
padding: 0px 0px 0px 40px;
clear: both;
}

.leftcolumn li {
margin: 0px;
padding: 0px;
font-size: 16px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
}

.flash {
width: 281px;
height: 208px;
float: left;
margin: 0px;
}

.interview {
width: 256px;
height: 208px;
background-color: #000000;
float: left;
margin: 0px;
}

.text {
width: 537px;
height: auto;
clear:  both;
margin:5px 0px 0px 5px;
}

.text a {
color: #f34020;
}

.rightcolumn {
width: 194px;
height: auto;
float: left;
margin: 0px 0px 0px 10px;
padding: 0 0 220px 0;
overflow: hidden;
}

.smallmonster {
width: auto;
height: 108px;
margin: 20px 0px 10px 0px;
clear: both;
}

.smallmonster img {
width: auto;
height: 108px;
margin: 5px 25px 5px 5px;
}

h3 {
width: 180px;
height: 26px;
line-height: 26px;
background-color: #000000;
color: #FFFFFF;
margin: 0px;
padding: 0px;
text-align: center;
font-size: 18px;
text-align: center;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-weight: bold;
}

.events {
width: 180px;
height: auto;
background-color: #f34020;
}

.performers {
width: 180px;
height: auto;
background-color: #f34020;
}

.rightcolumn dl {
margin: 0px 0px 20px;
padding: 1px 0px 0px 0px;
}

.rightcolumn dt {
margin: 1em 0 0 0;
padding: 0px 0px 0px 5px;
font-size: 11px;
color: #FFFFFF;
font-weight: bold;
}

.rightcolumn dd {
margin: 0px 0px 0px;
padding: 0px 0px 0px 5px;
font-size: 10px;
color: #FFFFFF;
}

.rightcolumn ul {
margin: 0px 0px 10px;
padding: 1px 0px 0px 0px;
}

.rightcolumn a {
color: #FFFFFF;
text-decoration: none;
}

.rightcolumn li {
margin: .5em 0px 0px 0px;
padding: 0px;
text-decoration: none;
list-style-image: none;
list-style: none;
text-align: center;
color: #FFFFFF;
font-size: 18px;
font-family: Boulder, Arial, Helvetica, sans-serif;
}

.events dt.more {
height: 18px;
font-size: 12px;
background-color: #000000;
color: #FFFFFF;
text-align: right;
}

.performers li.more {
height: 18px;
font-size: 12px;
background-color: #000000;
color: #FFFFFF;
text-align: right;
}

.more a {
text-decoration: none;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 0px 5px 0px 0px;
}

.more a:hover {
color: #f34020;
}

#footer {
width: 746px;
height: 36px;
background-image: url(images/images/footer_bg.jpg);
clear: both;
margin: 0px;
}

#footer p {
color: #FFFFFF;
font-size: 18px;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-weight: bold;
margin: 0px 0px 0px 10px;
padding: 5px 0px 0px 0px;
}

#footer a {
color: #FFFFFF;
text-decoration: none;
}

#footer a:hover {
color: #000000;
}

.bottom { 
position: absolute; bottom: 36px; right: 7px;
}

.schedule {
clear: both;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 522px;
}

.schedule a {
color: #f34020;
text-decoration: none;
}

.schedule a:hover {
color: #009900;
}

.black {
background-color: #000000;
color: #FFFFFF;
font-weight: bold;
font-size: 16px;
}

.date {
width: 174px;
margin: 10px 0px 40px 0px;
float: left;
}


.location {
width: 174px;
margin: 10px 0px 40px 0px;
float: left;
}

.info {
width: 174px;
margin: 10px 0px 40px 0px;
float: left;
text-align: center;
}

.schedule li {
list-style: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

.address {
text-align: center;
font-size: 16px;
font-weight: bold;
clear: both;
}

p.address {
margin: 3px 0px 10px 0px;
padding: 0px;
}

.center {
text-align: center;
}

#contactform {
margin: 20px 20px 20px 55px;
background-color: #f34020;
width: 450px;
color: #FFFFFF;
font-weight: bold;
border: #000000 1px solid;
}

.mediumtext {
font-size: 14px;
}

.perftrucks {
width: 542px;
height: auto;;
margin: 0px;
clear: both;
}

.ticket {
color: #FFFF00;
font-size: 20px;
line-height: 28px;
clear: both;
font-weight: bold;
background-color: #000000;
text-align: center;
margin-left: 10px;
}

.ticket a {
color: #FFFFFF;
}

.vipbox {
background-color: #FFFF00;
border: #000000 1px solid;
margin-left: 10px;
}

.vipbox ul {
text-align: center;
margin: 0px;
padding: 0px;
list-style: none;
}

.vipbox li {
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.viptext {
color: #FF0000;
font-weight:bold;
font-size: 20px;
text-align: center;
margin: 0px 0px 10px 0px;
padding: 0px;
}

.includes {
text-align: center;
text-decoration: underline;
font-weight: bold;
margin: 0px 0px 5px 0px;
padding: 0px;
}

.disclaimer {
text-align: center;
font-size: 10px;
margin: 0px;
padding: 0px 0px 5px;
}

.adulttick {
background-color: #FFFF00;
border: #000000 1px solid;
color: #FF0000;
font-weight: bold;
text-align: center;
margin-left: 10px;
}

.gate {
background-color: #FF0000;
margin-left: 10px;
color: #FFFFFF;
text-align: center;
}

.links {
color: #000000;
}

.links li {
margin: 10px 0px;
}

.links a {
color: #000000;
text-decoration: none;
}

.links a:hover {
color: #f34020;
}

.flyer {
width: 300;
height: 464;
margin: 10px 0px 20px 121px;
}

h2 {
margin: 5px 0px 0px 10px;

}

h4 {
margin: 0px 0px 5px 10px;
}

.radio {
color: #FFFF00;
font-size: 14px;
line-height: 20px;
clear: both;
font-weight: bold;
background-color: #000000;
text-align: center;
margin-left: 10px;
}

.radio a {
color: #FFFFFF;
}

.back {
text-align: right;
font-size: 14px;
clear: both;
}

.back a {
color: #f34020;
text-decoration: underline;
}

.back a:hover {
color:#000000;
}

.thumbnail {
width: 200px;
height: 109px;
margin: 10px;
}

.thumbnail img {
width: 200px;
height: 109px;
border: #000000 1px solid;
}

.thumbnail_pix {
width: 200px;
height: 150px;
margin: 10px;
}

.thumbnail_pix img {
width: 200px;
height: 150px;
border: #000000 1px solid;
}

.graphwelcome {
height: 26px;
width: 91px;
margin: 5px 0px 10px 5px;
clear: both;
}

.graphnews {
height: 26px;
width: 50px;
margin: 5px 0px 10px 5px;
clear: both;
}

.graphabout {
height: 26px;
width: 66px;
margin: 5px 0px 10px 5px;
clear: both;
}

.graphentertainment {
height: 26px;
width: 153px;
margin: 5px 0px 10px 5px;
clear: both;
}

.graphspecialty {
height: 26px;
width: 153px;
margin: 5px 0px 10px 5px;
clear: both;
}

.graphcelebrities {
height: 26px;
width: 132px;
margin: 5px 0px 10px 5px;
clear: both;
}

.graphschedule {
height: 26px;
width: 148px;
margin: 5px 0px 10px 5px;
clear: both;
}

.graphcontact {
height: 26px;
width: 86px;
margin: 5px 0px 10px 5px;
clear: both;
}

.graphlinks {
height: 26px;
width: 59px;
margin: 5px 0px 10px 5px;
clear: both;
}

.graphperformers {
height: 26px;
width: 124px;
margin: 5px 0px 10px 5px;
clear: both;
}

.graphstore {
height: 26px;
width: 67px;
margin: 5px 0px 10px 5px;
clear: both;
}

.graphtickets {
height: 26px;
width: 89px;
margin: 5px 0px 10px 5px;
clear: both;
}

.graphappearances {
height: 26px;
width: 127px;
margin: 5px 0px 10px 5px;
clear: both;
}

.graphcharacters {
height: 26px;
width: 118px;
margin: 5px 0px 10px 5px;
clear: both;
}

.graphmonster {
height: 26px;
width: 160px;
margin: 5px 0px 10px 5px;
clear: both;
}

.graphvideo {
height: 26px;
width: 62px;
margin: 5px 0px 10px 5px;
clear: both;
}

.showtext {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2 em;
margin: 15px;
}

.showtext a {
color: #0000FF;
}

.showtext a:hover {
color: #000000;
}

.showlist {
list-style: none;
margin: 0px;
padding: 0px;
font-size: 12px;
font-weight: bold;
overflow: hidden;
text-align: left;
}

ul.showlist li {  overflow: hidden;  display: inline-block;  /*IE=6 hasLayout trigger*/  }
ul.showlist li {  display: block; /*repairs display while leaving hasLyout*/  }
ul.showlist li span {  float: left;  width: 150px; padding-left: 10px;  }


.auburnhills {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 10px 0px 50px 0px;
width: 500px;
}

.error {
color:#FF0000;
text-align: center;
}

.thanks {
color: #FF0000;
text-align: center;
font-weight: bold;
font-size: 1.2em;
}