﻿

/***** NAVIGATION *****/


#navigation {
    margin: 0px;
    padding: 0px;

}

	#navlist {height: auto;}

    #navigation ul {
        margin:0;
        padding:13px 0;
        height: 75px;
        white-space: nowrap;
		margin: -145px 0 0 40px;
		position: absolute;
    }
        
        #navigation ul li {
            height:146px;
            list-style-type:none;
            display:inline;
        }
        
            #navigation ul li a {
                font-weight:Bold;
                font-size:1.7em;
                color:#ff7f00;
                padding-left:1.5%;
                padding-right:1.5%;
                text-transform:uppercase;
                text-decoration:none;
                outline-style: none;
                height: 100px;
                margin: 0px;
                padding: 0px;
                text-indent: -99em;
                overflow: hidden;
                outline: none;
            }
            
            #navigation ul li a:hover {
                color:#f0eab5;
            }
     
					#navigation ul li a#home
					  {
						background:url(../img/btn1.png) no-repeat;
						width: 111px;
						height: 68px;
  						color: Blue;
  						float: left;
					  }
					  
						  #navigation ul li a#home:hover,
						  #navigation ul li a#home:active {
								background-position: 0 -68px;
							}
					  
					#navigation ul li a#news
					  {
						background:url(../img/btn2.png) no-repeat;
						width: 118px;
						height: 68px;
  						color: Blue;
  						float: left;
					  }
					  
					   #navigation ul li a#news:hover {
								background-position: 0 -68px;
							}
					 
					#navigation ul li a#tickets
					  {
						background:url(../img/btn3.png) no-repeat;
						width: 118px;
						height: 68px;
  						color: Blue;
  						float: left;
					  }   
					  
					   #navigation ul li a#tickets:hover {
								background-position: 0 -68px;
							}
							
					#navigation ul li a#lineup
					  {
						background:url(../img/btn4.png) no-repeat;
						width: 195px;
						height: 68px;
  						color: Blue;
  						float: left;
					  }  
					  
					   #navigation ul li a#lineup:hover {
								background-position: 0 -68px;
							}
					  
					  #navigation ul li a#eventinfo
					  {
					  	background:url(../img/btn5.png) no-repeat;
						width: 124px;
						height: 68px;
  						color: Blue;
  						float: left;
					  }
					  
						#navigation ul li a#eventinfo:hover {
								background-position: 0 -68px;
							}
					  
					  
					   #navigation ul li a#photos
					  {
					  	background:url(../img/btn6.png) no-repeat;
						width: 118px;
						height: 68px;
  						color: Blue;
  						float: left;
					  }
					  
						#navigation ul li a#photos:hover {
								background-position: 0 -68px;
							}
					  
					  #navigation ul li a#forums
					  {
					  	background:url(../img/btn7.png) no-repeat;
						width: 114px;
						height: 68px;
  						color: Blue;
  						float: left;
					  }
					  
						#navigation ul li a#forums:hover {
								background-position: 0 -68px;
							}	
							
 /* footer */

#footerWrapper 
{
    margin-top: -2px;
    height:690px;
    _height:990px;
    width: 980px;
    background: url(../img/footer.jpg) no-repeat;
    background-position:center top;
    clear: both;
    float: left;
}

#footerWrapper ul 
{
	padding-top: 18px;
}

    #footerWrapper ul li {list-style-type: none; display:inline;}

	  #footerWrapper ul li a.registerBox {   
				  margin:0 10px 0 80px;
				  background-image:url(../img/footer_box-left.png);
				  background-repeat:no-repeat;
				  width:156px;
				  height:145px;
				  float: left;
	  }
            
	  #footerWrapper ul li a.registerBox:hover {            
				background-position: 0 -145px;  
	 }
	     
	 #footerWrapper ul li a.greenBox {   
		  margin:0;
		  background-image:url(../img/footer_box-right.png);
		  background-repeat:no-repeat;
		  width:156px;
		  height:145px;
		  float: left;
		}
            
    #footerWrapper ul li a.greenBox:hover {            
            background-position: 0 -145px;  
     }
    
    #footerWrapper .arenas h2 { }  
     
    #footerWrapper .arenas { padding:9px 0 0 0; margin:0 10px 0 0; background-image:url(../img/footer_box-mdl.png); background-repeat:no-repeat; width:488px; height:156px; float: left; }
    #footerWrapper .arenas ul {margin:1px 0; padding:0; width:488px; height:156px; padding: 0 0 0 5px;}
    #footerWrapper .arenas ul li { display:inline; }
    #footerWrapper .arenas ul li { display:block; width:162px; float:left; height:20px; }
    #footerWrapper .arenas ul li a { display:block; padding:0 0; width:162px; float:left; height:15px; }
    
    #footerWrapper .arenas ul li a:hover { color:Red; }
    
     
     
    #footerLink ul:hover    
    {
    	background-position: 0 -145px;
    }
                               
     #footerWrapper ul li.support {   
        float:left;
        padding-top: 10px;
        background-image:url(../img/footer_box-mdl.png);
        background-repeat:no-repeat;
        width: 488px;
        height: 156px;
		margin:0 10px 0px 0px;
		display: inline;
    }
    
    #footerWrapper li.support .column1 
    {
    	width: 200px;
    	margin-left: -10px;
    	float: left;
    }
 
   #footerWrapper li.support .column2 
    {
    	margin-left: -160px;
    	width: 200px;
    	float: left;
    }
      #footerWrapper li.support .column3
    {
    	margin-left: -40px;
    	width: 200px;
		float: left;
    }
    
    		#footerWrapper #footer {
			width:800px;
			margin: 0 auto;
			text-align: center;
		}

#footer 
{
	clear: both;
	padding-top: 180px;
	margin: 0px auto;
	width: 980px;
	height: auto;
	font-size: 12px;
	_margin-bottom: 90px;
}

#footer ul li {_padding: 0; _margin: 0;}

#footer .block2
{
    width: 200px;
    float: left;
    text-align: left;
    _margin: 0px;
    _padding: 0px;
}

#footer .block1
{
    width: 200px;
    float: left;
    text-align: left;
    margin-left: 0px;
    _margin: 0px;
    _padding: 0px;
}

#footer p {color: #dde893; clear: both;  left: 0; bottom:0; text-align: center; width: 800px; padding-top: 15px;}

	#footer .block2 a, #footer .block1 a
	{
		color: #85c240;
		display: block;
		padding: 2px 0;
		margin-left: 20px;
		 _margin-bottom: -10px;
	}
		#footer .block2 a:hover, #footer .block1 a:hover
	{
		color: #dde893;
		font-size: 12px;
		padding: 2px 0;
		display: block;
		 _margin-bottom: -10px;
	}

#footer  .title
{
    width: 200px;
    color: #dde893;
    font-size: 12px;
    font-weight:bolder;
    margin-left: 20px;
}

/***** NAVIGATION INFO *****/

.nav {height: 149px;  width: 810px;margin: 20px auto;}

.overflow { text-indent: -99em; overflow: hidden; }
.nav #submenuInfo a { text-indent: -999em; overflow: hidden; }
.nav #submenuInfo a.active { background-position:0px -166px; }

/* info*/
 a#info1 
{
	background:transparent url(../img/btn_info-1.png) no-repeat ; 
	width: 79px;
	height: 149px;
	margin: 0px auto 0px 10px;
	text-align: center;
	float: left;
}

 a#info1:hover
{
	background-position:0px -166px;
}

/* Travel */
 a#info2
{
	background:transparent url(../img/btn_info-2.png) no-repeat top center; 
	width: 79px;
	height: 149px;
	margin: 0px auto 0px 10px;
	text-align: center;
	float: left;
}

 a#info2:hover
{
	background-position: 0px -166px;
}

/* Where to Stay */
 a#info3
{
	background:transparent url(../img/btn_info-3.png) no-repeat top center; 
	width: 79px;
	height: 149px;
	margin: 0px auto 0px 10px;
	float: left;
}

 a#info3:hover
{
	background-position: 0px -166px;
}

/* Food/drinks  */
 a#info4
{
	background:transparent url(../img/btn_info-4.png) no-repeat top center; 
	width: 79px;
	height: 149px;
	margin: 0px auto 0px 10px;
	float: left;
}

a#info4:hover
{
	background-position: 0px -166px;
}

/* care/safety  */
 a#info5
{
	background:transparent url(../img/btn_info-5.png) no-repeat top center; 
	width: 79px;
	height: 149px;
	margin: 0px auto 0px 10px;
	float: left;
}

 a#info5:hover
{
	background-position: 0px -166px;
}

/* care/safety  */
 a#info6
{
	background:transparent url(../img/btn_info-6.png) no-repeat top center; 
	width: 79px;
	height: 149px;
	margin: 0px auto 0px 10px;
	display: block;
	text-align: center;
	float: left;
}

 a#info6:hover
{
	background-position: 0px -166px;
}

/* latitude green  */
 a#info7
{
	background:transparent url(../img/btn_info-7.png) no-repeat top center; 
	width: 79px;
	height: 149px;
	margin: 0px auto 0px 10px;
	display: block;
	text-align: center;
	float: left;
}

 a#info7:hover
{
	background-position: 0px -166px;
}

/* Volunteer  */
 a#info8
{
	background:transparent url(../img/btn_info-8.png) no-repeat top center; 
	width: 79px;
	height: 149px;
	margin: 0px auto 0px 10px;
	display: block;
	text-align: center;
	float: left;
}

 a#info8:hover
{
	background-position: 0px -166px;
}

/* Disable People  */
 a#info9
{
	background:transparent url(../img/btn_info-9.png) no-repeat top center; 
	width: 79px;
	height: 149px;
	margin: 0px auto 0px 10px;
	display: block;
	text-align: center;
	float: left;
}

 a#info9:hover
{
	background-position: 0px -166px;
}

