/* CSS Document */


/*------------------------------
CELEBRATES.PHP CSS
------------------------------*/   
body.celebrate
{
background: #d9dada url(../images/celebrate/bg_center.jpg) no-repeat center top;
}

body.celebrate #content
{
background-image:none;	
}

body.celebrate #masthead 
{
	background:none;
height: 145px;	
}

body.celebrate #content
{
float:none;
margin:0;	
}

body.celebrate #content-inner
{
padding:0px;	
}

#timeline
{
width: 590px;
height: 590px;
float:left;
margin: 12px 0px 80px 4px;
}

#timeline .tl-body
{
  height: 531px;
  margin:2px 2px 6px 2px;
  overflow:hidden;
  position:relative;
}

#timeline .tl-header
{
  height: 28px;
  
}

#timeline .tl-footer
{
  height: 27px;
}

#timeline .tl-header a,
#timeline .tl-footer a
{
cursor:hand;
cursor:pointer;
}

.t2, .t3, .t4, .t5
{
display:none;	
}

.slide
{
width: 586px;
height: 531px;	
position:relative;
}

#content .slide h2
{
  padding: 0;
  margin: 0;
}
 .slide h2
{
display:inline;
position:absolute;
border:none;
color: #999999;	
font-size:20px;
margin:0;
padding:0;
}




.t1-slide
{
background: url(../images/celebrate/timeline_bg.gif) center top no-repeat;
}

.t2-slide,
.t3-slide,
.t4-slide,
.t5-slide
{
background: url(../images/celebrate/timeline_bg.gif) center bottom no-repeat;	
}

.tl-box
{
border:6px #c2c2c2 solid;	
position:absolute;
text-indent: -5000px;
overflow:hidden;
background-image:url(../images/celebrate/super_sprite.jpg);
background-repeat:no-repeat;
cursor:hand;
cursor:pointer;
box-shadow: 0px 12px 10px -10px #939393;
-webkit-box-shadow: 0px 12px 10px -10px #939393;
-moz-box-shadow: 0px 12px 10px -10px #939393;
}

.active-trail .tl-box
{
border-color: #ffdd00;	
cursor:inherit;
}

.always-active .tl-box
{

cursor:inherit;
}

.tl-box a
{
display:none;	
}

.always-active  .tl-box a,
.active-trail .tl-box a
{
display:block;	
position:absolute;
top:0;
left:0;
}

.tl-copy
{
display:none;	

}

#timeline-content .active-copy
{
display:block;	
}

.active-trail h2
{
color: #000;	
}

/*------------------------------
CELEBRATES.PHP BOXES/HEADERS
------------------------------*/   

.year2010 h2
{
color: #000;
font-size: 36px;
left: 315px;
top: 446px;	
}

.year2010 .b1
{
left: 61px;	
top: 76px;
background-position: 0 0;
}

.year2010 .b1,
.year2010 .b1 a
{
width:150px;
height: 52px;	
}

.year2010 .b2
{
left: 61px;
top: 150px;
background-position: 0 -52px;
}

.year2010 .b2,
.year2010 .b2 a
{
width:198px;
height: 211px;
}

.year2010 .b3
{
left: 314px;	
top: 102px;
background-position: 0 -263px;
}

.year2010 .b3,
.year2010 .b3 a
{
width:219px;
height: 162px;
}

.year2010 .b4
{
left: 118px;	
top: 385px;
background-position: 0 -425px;
}

.year2010 .b4,
.year2010 .b4 a
{
width:141px;
height: 82px;
}

.year2010 .b5
{
width:159px;
height: 132px;
left: 315px;	
top: 287px;
background-position: 0 -507px;
}


.year2009 h2
{
left: 124px;	
top: 200px;	
}

.year2009 .b1
{
left: 42px;	
top: 14px;
background-position: 0 -639px;
}

.year2009 .b1,
.year2009 .b1 a
{
width:219px;
height:161px;
}

.year2009 .b2
{
width:85px;
height:81px;
left: 20px;	
top: 197px;
background-position: 0 -801px;
}

.year2008 h2
{
left: 498px;	
top: 38px;		
}

.year2008 .b1
{
width:165px;
height:152px;
left: 314px;	
top: 33px;
background-position: 0 -882px;
}

.year2007 h2
{
left: 228px;	
top: 230px;		
}

.year2007 .b1
{
width:121px;
height:87px;
left: 138px;	
top: 258px;
background-position: 0 -1034px;
}

.year2006 h2
{
left: 360px;	
top: 275px;		
}
.year2006 .b1
{
width:92px;
height:63px;
left: 416px;	
top: 222px;
background-position: -222px -275px;
}

.year2006 .b2
{
left: 314px;	
top: 305px;
background-position: -222px 0;
}
.year2006 .b2 a,
.year2006 .b2
{
width:218px;
height:163px;
}

.year2005 h2
{
left: 41px;	
top: 493px;	
}

.year2005 .b1
{
width:167px;
height:112px;
left: 91px;	
top: 390px;
background-position: -222px -163px;
}

.year2004 h2
{
left: 108px;	
top: 21px;	
}

.year2004 .b1
{
width:154px;
height:75px;
left:105px;	
top:45px;
background-position: -222px -337px;
}

.year2003 h2
{
left: 395px;	
top: 87px;	
}

.year2003 .b1
{
width:99px;
height:51px;
left:450px;	
top:42px;
background-position: -222px -412px;
}

.year2003 .b2
{
width:235px;
height:122px;
left:314px;	
top:114px;
background-position: -222px -463px;
}

.year2002 h2
{
left: 229px;	
top: 163px;	
}

.year2002 .b1
{
left:42px;	
top:187px;
background-position: -222px -585px;
}
.year2002 .b1,
.year2002 .b1 a
{
width:218px;
height:163px;
}
.year2001 h2
{
left: 501px;	
top: 469px;	
}

.year2001 .b1
{
left:314px;	
top:285px;
background-position: -222px -748px;
}

.year2001 .b1,
.year2001 .b1 a
{
width:218px;
height:162px;
}

.year2000 h2
{
left: 57px;	
top: 477px;	
}

.year2000 .b1
{
width:152px;
height:92px;
left:107px;	
top:390px;
background-position: -222px -910px;
}

.year1999 h2
{
left: 227px;	
top: 18px;	
}

.year1999 .b1
{
width:164px;
height:76px;
left:95px;	
top:44px;
background-position: -222px -1002px;
}

.year1998 h2
{
left: 474px;	
top: 108px;	
}

.year1998 .b1
{
width:79px;
height:62px;
left:475px;	
top:29px;
background-position: 0 -1121px;
}

.year1998 .b2
{
width:140px;
height:123px;
left:314px;	
top:53px;
background-position: -461px 0;
}

.year1997 h2
{
left: 95px;	
top: 155px;	
}

.year1997 .b1
{
width:110px;
height:122px;
left:151px;	
top:152px;
background-position: -461px -123px;
}

.year1996 h2
{
left: 397px;	
top: 469px;	
}

.year1996 .b1
{
width:99px;
height:60px;
left:314px;	
top:206px;
background-position: -461px -245px;
}

.year1996 .b2
{
left:314px;	
top:286px;
background-position: -461px -305px;
}

.year1996 .b2,
.year1996 .b2 a
{
width:219px;
height:163px;
}

.year1996 .b3
{
width:83px;
height:40px;
left:450px;	
top:468px;
background-position: -461px -468px;
}

.year1995 h2
{
left: 131px;	
top: 315px;	
}

.year1995 .b1
{
width:95px;
height:81px;
left:16px;	
top:244px;
background-position: -461px -508px;
}

.year1995 .b2
{
left:41px;	
top:344px;
background-position: -461px -589px;
}

.year1995 .b2,
.year1995 .b2 a
{
width:219px;
height:164px;
}

.year1994 h2
{
left:25px;	
top:107px;	
}

.year1994 .b1
{
width:186px;
height:107px;
left:75px;	
top:14px;
background-position: -461px -753px;
}

.year1993 h2
{
left:476px;	
top:88px;	
}

.year1993 .b1
{
width:139px;
height:122px;
left:314px;	
top:53px;
background-position: -685px -365px;
}

.year1993 .b2
{
width:79px;
height:62px;
left:475px;	
top:114px;
background-position: -461px -860px;
}

.year1992 h2
{
left:226px;	
top:281px;	
}

.year1992 .b1
{
width:159px;
height:102px;
left:101px;	
top:162px;
background-position: -461px -922px;
}

.year1991 h2
{
left:429px;	
top:258px;	
}

.year1991 .b1
{
width:99px;
height:59px;
left:314px;	
top:206px;
background-position: -461px -1024px;
}

.year1991 .b2
{
width:218px;
height:161px;
left:314px;	
top:286px;
background-position: -685px 0;
}

.year1990 h2
{
left:28px;	
top:389px;	
}

.year1990 .b1
{
width:65px;
height:81px;
left:46px;	
top:284px;
background-position: -685px -161px;

}

.year1990 .b2
{
width:178px;
height:123px;
left:80px;	
top:384px;
background-position: -685px -242px;
}


.tl-bg
{
background: url(../images/celebrate/timeline_bg_active.gif) no-repeat;	
width: 586px;
}

.hmmm .tl-bg
{
background-position: center 0;
position: absolute;
top: 0px;
left:0px;
height: 88px;
}

.y1 .tl-bg
{
background-position: center -88px;	
position: absolute;
top: 88px;
left:0px;
height: 88px;
}

.y2 .tl-bg
{
background-position: center -176px;	
position: absolute;
top: 176px;
left:0px;
height: 91px;
}

.y3 .tl-bg
{
background-position: center -267px;	
position: absolute;
top: 267px;
left:0px;
height: 88px;
}

.y4 .tl-bg
{
background-position: center -355px;	
position: absolute;
top: 355px;
left:0px;
height: 88px;
}

.y5 .tl-bg
{
background-position: center -443px;	
position: absolute;
top: 443px;
left:0px;
height: 88px;
}

.tl-footer,
.tl-header
{
text-align:center;
}

.tl-footer a,
.tl-header a
{
line-height:24px;
font-size:18px;
color:#2BA0D1;
font-style:italic;
text-decoration:none;
}

.tl-footer a
{
line-height:29px;
}

.tl-footer a.arrow,
.tl-header a.arrow
{
padding-left: 20px;
}

.tl-header a.arrow
{
background: url(../images/celebrate/arrow_up.gif) no-repeat left;	
}

.tl-footer a.arrow
{
background: url(../images/celebrate/arrow_down.gif) no-repeat left;	
}

.tl-header a.arrow:hover
{
background: url(../images/celebrate/arrow_up_active.gif) no-repeat left;	
}

.tl-footer a.arrow:hover
{
background: url(../images/celebrate/arrow_down_active.gif) no-repeat left;	
}

.tl-footer a:hover,
.tl-header a:hover
{
color: #000;
}

#timeline-content {
	float:right;
	margin:40px 20px;
	width: 311px;
	
/*padding:40px 20px;	
*display:inline;
*width: 321px;*/
}

#timeline-content h2.title
{
height: 72px;
line-height: 72px;
padding:0px;
margin:0px;	
border-bottom:none;
font-size: 36px;
}



.video
{
background:url(../images/celebrate/play_off.png) center center no-repeat;
margin:0;
padding:0;
width: 100%;
height:100%;
}

#hide1
{
background:url(../images/celebrate/play_on.png) center center no-repeat;	
}

#hide2
{
background:url(../images/celebrate/play_on_hover.png) center center no-repeat;	
}

.active-trail .video a
{
background:url(../images/celebrate/play_on.png) center center no-repeat;

}

.active-trail .video a:hover
{
background:url(../images/celebrate/play_on_hover.png) center center no-repeat;
}

.celebrate #site-name
{
margin-top: 15px;	
}

.celebrate #site-name a
{
background:url(../images/celebrate/sprint_relay_20_years.gif) no-repeat center;	
height: 126px;
width: 160px;
}

.celebrate #timeline-content ul
{
*padding:0;
list-style-image:none;
list-style-position:outside;
}

.celebrate #timeline-content ul li
{
*padding:0;

margin:10px 0 0;	
*margin:10px 0 10px -10px;

}

.celebrate #timeline-content h4
{
font-size: 16px;
font-style: italic;	
font-weight:bold;
margin-bottom: 0px;
}

.celebrate #timeline-content ul a
{
  color: #2ba0d1;
}

.celebrate #timeline-content ul a:hover
{
  color:#000;
}

.celebrate #timeline-content ul.link-list li
{
padding:0px;
margin: 8px 0;
}

.celebrate #timeline-content ul.sub-menu li
{
	margin-top: 0px;
	list-style-type:circle;
	*margin-left:20px;
}

div.info
{
position: absolute;
top: 20px;
left: 20px;
background-color: #0FF;
width: 200px;
}