body {
  text-align: center;
  margin: auto;
  background: #000000;
  font-family: verdana, tahoma;
  font-size: 14px;
  color: #ffffff;
}
a { 
  font-family: verdana, tahoma; 
  font-weight: bold;
  color: #f9dd44; 
}
.ten { font-size: 10px; }
.eleven { font-size: 11px; }
.twelve { font-size: 12px; }
.thirteen { font-size: 13px; }
.fourteen { font-size: 14px; }
.sixteen { font-size: 16px; }
.eighteen { font-size: 18px; }
.twenty { font-size: 20px; }
.twentyfour { font-size: 24px; }
.twentysix { font-size: 26px; }
.bold { font-weight: bold; }
.grey { color: #696969; }
.blue { color: #00C6FF; }
.sand { color: #d8d6b6; }
.red { color: #C64D09; }
.ice { color: #d8e5e4; }
.gold { color: #efd062; }
.beige { color: #cbb680; }
.keygold { color: #f3c215; }
.cadnium { color: #f5600d; }
.orange { color: #ffa619; }
.yellow { color: #f9dd44; }
.white { color: #ffffff; }
.underline { text-decoration: underline; }
.nou { text-decoration: none; }
.indent220 { margin: -20px 0px 0px 217px; } 
.indent20 { margin: 0px 0px 0px 20px; } 

#main {
  width: 695px;
  height: auto;
  margin: auto;
  background: #000000;
}

/* Start of Nav Button Divs */
#nav {
 margin: 50px 0px 0px 0px;
 height: 70px;
 width: 695px;
 border-bottom: 1px solid #5a5a5a;
 text-align: left;
 vertical-align: top;
 z-index: 99;
  }
.logo {
  width: 127px;
  border: 0px solid #fff;
  display: inline;
  float: left;
}  
#navbtnBuddy {
 position: relative;
 float: left;
 margin: 15px 00px 0px 0px;
 height: 37px;
 width: 61px;
 border: 0px solid #5a5a5a;
 text-align: left;
 z-index: 111;
  }
#navbtnJP {
position: relative;
 float: left;
 margin: 15px 30px 0px 0px;
 height: 37px;
 width: 58px;
 border: 0px solid #5a5a5a;
   }   
#navbtnJoel {
 position: relative;
 float: left;
 margin: 15px 30px 0px 0px;
 height: 37px;
 width: 56px;
 border: 0px solid #5a5a5a;
  }    
#navbtnGallery {
 position: relative;
 float: left;
 margin: 35px 0px 0px 168px;
 height: 14px;
 width: 68px;
 border: 0px solid #5a5a5a;
 text-align: left;
  }
#navbtnEvents {
 position: relative;
 float: left;
 margin: 35px 0px 0px 46px;
 height: 14px;
 width: 68px;
 border: 0px solid #5a5a5a;
 text-align: left;
  }  
#navbtnContact {
 position: relative;
 float: left;
 margin: 35px 0px 0px 44px;
 height: 14px;
 width: 68px;
 border: 0px solid #5a5a5a;
 text-align: left;
 z-index: 111;
  }  
#navbtnAboutus {
 position: relative;
 float: left;
 margin: 35px 0px 0px 38px;
 height: 14px;
 width: 68px;
 border: 0px solid #5a5a5a;
 text-align: left;
  }
/* END of Nav Button Divs */   

#buddy_player {
    position: relative;
	width: 359px;
	height: 50px;
	margin: 10px 0px 10px 0px;
}  
#jayp_player {
    position: relative;
	width: 359px;
	height: 50px;
	margin: 40px 0px 0px 0px;
}
#content_home {
  position: relative;
  width: 695px;
  height: auto;
  padding: 0px 0px 0px 0px;
  text-align: center;
  font-weight: bold;
  border: 0px solid #5a5a5a;
}
#content_about {
	display: inline;
	float: left;
	width: 695px;
	margin: 0px 0px 0px 0px;
}
#content_contact {
	display: inline;
	float: left;
	width: 695px;
	margin: 0px 0px 0px 0px;
}
#content_bio {
	display: inline;
	float: left;
	width: 695px;
	margin: 0px 0px 0px 0px;
}
.about_img {
  width: 277px;
  border: 0px solid #fff;
  display: inline;
  float: left;
}
.gallery_img {
  width: 277px;
  border: 0px solid #fff;
  display: inline;
  float: left;
}
.bio_img_jayp {
  width: 418px;
  height: 81px;
  border: 0px solid #fff;
  display: inline;
  text-align: left;
  float: right;
  background: url(images/jay_p_sponsers.gif) no-repeat left top;
}
.bio_img_joel {
  width: 418px;
  height: 81px;
  border: 0px solid #fff;
  margin: 0px 0px 20px 0px;
  display: inline;
  text-align: left;
  float: right;
  background: url(images/joel_sponsers.gif) no-repeat left top;
}
.about_text {
  display: inline;
  float : left;
  text-align: left;
  width: 379px;
  height: auto; 
  border: 0px solid #5a5a5a;
  margin: 15px 0px 0px 20px;
}
.contact_text {
  display: inline;
  float : left;
  text-align: left;
  width: 379px;
  height: auto; 
  border: 0px solid #5a5a5a;
  margin: 15px 0px 0px 20px;
}
.bio_text {
  display: inline;
  float : left;
  text-align: left;
  width: 379px;
  height: auto; 
  border: 0px solid #5a5a5a;
  margin: 15px 0px 0px 20px;
}
#footer {
  text-align: left;
  width: 695px;
  height: 48px;
  border-top: 1px solid #5a5a5a;
}
.footer_img {
  display: inline;
  float: left;
  height: auto;
  width: 277px;
  margin: 10px 180px 0px 0px; 
}   
#footerNav {
  position: relative;
  float: left;
  width: 270px;
  border: 1px solid #5a5a5a;
  }


/* Start of CSSRollovers */
.navBuddy
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images/dj_nav_buddy_off-over.gif) no-repeat;
white-space: nowrap;
display: block;
height: 37px;
width: 61px;
margin: 0px 0px 0px 0px;
padding: 0;
}
.navJP
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images/dj_nav_jp_off-over.gif) no-repeat;
white-space: nowrap;
display: block;
width: 58px;
height: 37px;
margin: 0px 0px 0px 0px;
padding: 0;
}
.navJoel
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images/dj_nav_joel_off-over.gif) no-repeat;
white-space: nowrap;
display: block;
width: 56px;
height: 37px;
margin: 0px 0px 0px 0px;
padding: 0;
}
.navGallery
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images/header_nav_gallery_off-over.gif) no-repeat;
white-space: nowrap;
display: block;
width: 59px;
height: 14px;
margin: 0px 0px 0px 180px;
padding: 0;
}
.navEvents
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images/header_nav_events_off-over.gif) no-repeat;
white-space: nowrap;
display: block;
width: 49px;
height: 14px;
margin: 0px 0px 0px 0px;
padding: 0;
}
.navAboutus
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images/header_nav_about_us_off-over.gif) no-repeat;
white-space: nowrap;
display: block;
width: 68px;
height: 14px;
margin: 0px 0px 0px 0px;
padding: 0;
}
.navContact
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images/header_nav_contact_off-over.gif) no-repeat;
white-space: nowrap;
display: block;
width: 68px;
height: 14px;
margin: 0px 0px 0px 0px;
padding: 0;
}
.navBuddy a
{
display: block;
color: #000000;
font-size: 11px;
height: 37px;
width: 61px;
display: block;
float: left;
color: black;
border: 0;
text-decoration: none;
}
.navJP a
{
display: block;
color: #000000;
font-size: 11px;
width: 58px;
height: 37px;
display: block;
float: left;
color: black;
border: 0;
text-decoration: none;
}
.navJoel a
{
display: block;
color: #000000;
font-size: 11px;
width: 56px;
height: 37px;
display: block;
float: left;
color: black;
border: 0;
text-decoration: none;
}
.navGallery a
{
display: block;
color: #000000;
font-size: 11px;
width: 59px;
height: 14px;
display: block;
float: left;
color: black;
border: 0;
text-decoration: none;
}
.navEvents a
{
display: block;
color: #000000;
font-size: 11px;
width: 59px;
height: 14px;
display: block;
float: left;
color: black;
border: 0;
text-decoration: none;
}
.navAboutus a
{
display: block;
color: #000000;
font-size: 11px;
width: 59px;
height: 14px;
display: block;
float: left;
color: black;
border: 0;
text-decoration: none;
}
.navContact a
{
display: block;
color: #000000;
font-size: 11px;
width: 59px;
height: 14px;
display: block;
float: left;
color: black;
border: 0;
text-decoration: none;
}
.navJP img
{
width: 58px;
height: 37px;
border: 0
}
.navJoel img
{
width: 56px;
height: 37px;
border: 0
}
.navBuddy img
{
height: 37px;
width: 61px;
border: 0
}
.navGallery img
{
width: 59px;
height: 14px;
border: 0
}
.navEvents img
{
width: 49px;
height: 14px;
border: 0
}
.navContact img
{
width: 68px;
height: 14px;
border: 0
}
.navAboutus img
{
width: 68px;
height: 14px;
border: 0
}

* html a:hover
{
visibility:visible
}
.navJP a:hover img
{
visibility:hidden
}
.navBuddy a:hover img
{
visibility:hidden
}
.navJoel a:hover img
{
visibility:hidden
}
.navGallery a:hover img
{
visibility:hidden
}
.navEvents a:hover img
{
visibility:hidden
}
.navAboutus a:hover img
{
visibility:hidden
}
.navContact a:hover img
{
visibility:hidden
}

.navBuddy span
{
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px;
cursor: pointer;
}
.navJoel span
{
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px;
cursor: pointer;
}
.navJP span
{
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px;
cursor: pointer;
}
.navGallery span
{
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 
.navEvents span
{
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px;
cursor: pointer;
}
.navAboutus span
{
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px;
cursor: pointer;
}
.navContact span
{
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px;
cursor: pointer;
}
/* End of Rollover Css */

.answer {
  position: absolute;
  left: 600px;
  top: 330px;
  width: 335px;
  background: #000000;
  border: 1px solid #5a5a5a;
  padding: 20px;
  font-family: verdana, san serif;
  font-size: 12px;
  display: none;
  z-index: 9999;
}
.answerClosed {
  position: absolute;
  left: 530px;
  top: 390px;
  width: 375px;
  background: #212e33;
  border: 1px solid #b1b7bb;
  padding: 20px;
  font-family: verdana, san serif;
  font-size: 12px;
  display: none;
  z-index: 99;
}
.answerTemp {
  position: absolute;
  left: 230px;
  top: 195px;
  width: 375px;
  background: #212e33;
  border: 1px solid #b1b7bb;
  padding: 20px;
  font-family: verdana, san serif;
  font-size: 12px;
  display: none;
  z-index: 9999999999;
}
.answerKey {
  position: absolute;
  left: 610px;
  top: 205px;
  width: 375px;
  background: #212e33;
  border: 1px solid #b1b7bb;
  padding: 20px;
  font-family: verdana, san serif;
  font-size: 12px;
  display: none;
  z-index: 99;
}
.clear { clear: both; }
   
/* Legal Footer */
#adBlockHelp {
  display: none;
}
#legalText {
  width: 1006px;
  height: 63px;
  color: #FFFFFF;
  font-family: trebuchet ms, verdana, tahoma;
  font-size: 11px;
  text-align: left;
  margin: 0px;
  padding: 15px 0px 0px 420px;
  background: url(/promotions/gogoracer/images/ggr_footer.jpg) no-repeat left top;
}  
