body {
background: url(./images/bg-tile.gif) repeat-x; 
background-position: 0px 0px;
font-family: Arial, Verdana, sans-serif;
background-color: #B2B2B2;}

img {
border: 0;}

h1 {
text-align:center
}

h2 {
text-align:center
}

#container {
position: absolute; 
top: 0px; left: 0px; 
width: 909px; height: 567px;}

img#treehead {
position: absolute; 
top: 0px; left: 0px;}

img#speech {
position: absolute; 
top: 0px; left: 217px;}

img#cloud {
position: absolute; 
top: 0px; left: 426px;}

img#navigation {
position: absolute; 
top: 218px; left: 0px;}

img#content {
position: absolute; 
top: 84px; left: 426px;}

#contentboxbold {
position: absolute;
top: 80px;
left: 450px;
width: 250px;
font-size: 18px;
font-weight: 900;
text-align: center;
border: solid 0px yellow;
}
	
#contentbox {
z-index: 999;
position: relative;
text-align: left;
top: 145px;
left: 432px;
width: 305px;
border: solid 0px yellow;
}

#whoscoming {
position: absolute;
top: 485px;
left: 330px;
z-index: 1;
}

.indent {
text-indent: 25px;
}

body#other {
background: url(./images/other-bg.gif) repeat-x; 
background-position: 0px 0px; 
background-color: #B2B2B2;}


#schedule {
position: relative;
top: 280px;
width: 880px;
height: 900px;
margin-left: auto;
margin-right: auto;
border: solid 0px red
}

#fossil {
position: absolute;
background: url(./images/fossil.gif) no-repeat; 
background-position: 450px 120px;
top: 290px;
left: 0px;
width: 1000px;
height: 600px;
border: solid 0px pink;
}

.fossilevent {
position: absolute;
background: url(./images/fossil.gif) no-repeat; 
background-position: 450px 120px;
top: 760px;
left: -400px;
width: 1000px;
height: 600px;
border: solid 0px pink;
}

.eventdate {
font-size: 22px;
}	

.bike {
position: relative;
height: 370px;
}

p.bike {
margin-left: 20px;
margin-top: 50px;
width: 800px;
height: 275px;
}

img.bike {
position: relative;
float: left;
margin: 35px;
height: 300px;
border: solid 4px #000000;}

b.bike {
font: sans-serif;
font-weight: 14px;}

#contact {
font-size: 22px;
top: 30px;
left: 100px;
position: relative;
width: 350px;
height: 200px;
font-weight: 900;
}

#contactinfo {
position: absolute;
top: 300px;
left: 480px;
width: 350px;
height: 300px;
}

img.contact {
position: absolute;
height: 225px;\
top: 100px;
padding: 20px;
float: left;
border: solid 0px orange;}

p.contact {
height: 250px;
width: 400px;
margin-left: 375px;
margin-top: 30px;
border: solid 0px green;}

.event {
margin-left: 30px;
margin-top: 20px;
border: solid 0px red;}

.title {
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
font-weight: 30px;
width: 300px;
border: solid 0px yellow;
}

.checklist {
margin-left: 30px;
margin-top: 20px;
border: solid 0px red;
}

#beltcontainer{
position: relative;
width: 900px;
top: 10px;
border: solid 0px red;
}

.beltholder {
position: relative;
float: left;
width: 275px;
margin: 10px;
}

#offwhite {
background-color: #f7f8e6;
}

#mauve {
background-color: #d40dac;
}

#xtreme {
background-color: #15e71a;
}

.optional {
font-size: 11px;
}

.bringwhite {
border: dashed 2px #000000;
background-color: #f7f8e6;
margin-top: 8px;
}

.bringmauve {
border: dashed 2px #000000;
margin-top: 8px;
background-color: #d40dac;
}

.bringxtreme {
border: dashed 2px #000000;
margin-top: 8px;
background-color: #15e71a;
}

.beltdashed {
position: relative;
border: dashed 2px #000000;
}

.time {
position: relative;
border-left: solid 2px black;
border-right: solid 2px black;
border-bottom: solid 2px black;
background-color: gray;
padding-bottom: 5px;
}

b.topic {
font-size: 12px;
font-weight: bold;
text-align: center;
}

b.belt {
font-size: 18px;
}

.boldtime {
position: relative;
font-size: 15px;
text-align: left;
padding-top: 5px;
padding-left:5px;
font-weight: 900;
}

.beltdescription{
font-size: 12px;
}

.timealt {
position: relative;
border-left: solid 2px black;
border-right: solid 2px black;
border-bottom: solid 2px #000000;
background-color: #bca3a3;
padding-bottom: 5px;
}




/* MOUSEOVER SPEECHBOXES */

#tabcontentcontainer{
width:209px; /*width of 2nd level content*/
height:218px; /*height of 2nd level content. Set to largest's content height to avoid jittering.*/
position: absolute; 
top: 0px; left: 217px;
background: url('images/speechless.gif')
}

.tabcontent{
display:none;
background: url('images/speech.gif'); 
width:209px;
height:218px;
text-align: center;
}

.tabcontent2{
display:none;
background: url('images/speechless.gif'); 
width:209px;
height:218px;
text-align: center;
}

.speechbox{
position: absolute;
top: 105px; left: 50px;
width: 137px; height: 60px; 
}

.treetalkbold {
position: relative;
font-size: 15px;
font-weight: 900;
}

.treetalk {
position: relative;
font-size: 15px;
text-align: center;
}

/*Begin Tree Talk Alt*/

#tabcontentcontainersub{
width: 132px; /*width of 2nd level content*/
height: 60px; /*height of 2nd level content. Set to largest's content height to avoid jittering.*/
position: absolute; 
top: 33px; left: 407px;

}

.tabcontentsub{
display:none; 
width:132px;
height:60px;
text-align: center;
}

.tabcontent2sub{
display:none;
width:132px;
height:70px;
text-align: center;
}

.speechboxsub{
position: absolute;
top: -13px; left: 0px;
width: 132px; height: 70px;
background-color: #FFFFFF;
}

/*End Tree Talk Alt*/

.gladiator {
position: relative;
margin-right: 25px;
float: left;
}

.derby {
position: relative;
float: right;
margin-left: 5px;
margin-right: 25px;
}

.gladiatorbold {
font-size: 18px;
font-weight: 900;
text-align: center;
}

#arenafossil {
position: absolute;
background: url(./images/fossil.gif) no-repeat; 
background-position: 450px 120px;
top: 760px;
left: -200px;
width: 1000px;
height: 600px;
border: solid 0px pink;
}

.signup {
position: relative;
font-size: 17px;
font-weight: 900;
vertical-align: text-top;
height: 370px;
}

body.signup {
background-color: #606060;
background-image: none;
}

img.signup {
position: relative;
float: left;
margin: 35px;
}

.soyouwant {
position: absolute;
font-size:19px;
top: 55px;
left: 365px;
}