body{
background-color: black;
color: white;
}

table.background {
background-image: url(../granola/background.jpg); 
height: 470px;
}

.disclaimer {color: #006699; font-size: 10px; font-family: Arial,Helvetica,sans-serif;}

#gamelogo {display:block; width:250px; height:178px;}
#gamelogo ul {margin:0; padding:0; list-style-type:none;}
#gamelogo li {float:left;}
#gamelogo a {display:none; width:250px; padding-top:178px; margin-right:1px; height:0; color:#000; text-decoration:none; overflow:hidden;}
#gamelogo a#game {background:transparent url(../../ssxblur_index/logo_index_ssxblur.gif) 0 0 no-repeat;}
* html #gamelogo a:link, * html .menu a:visited {height:178px; he\ight:0;}
* html #gamelogo a:hover {height:178px; he\ight:0;}

#characters {display:none;}
#ontourcharacters {display:none;}
#ssxcharacters {display:none;}
#ssxtrickycharacters {display:none;}
#ssx3characters {display:block;}

#news {display:block; width:53px; height:113px;}
#news ul {margin:0; padding:0; list-style-type:none;}
#news li {float:left;}
#news a {display:block; width:53px; height:113px; margin-right:1px; color:#000; text-decoration:none; overflow:hidden;}
#news a#news1 {background:transparent url(../granola/granola_sprite.gif) 0 -210px no-repeat;}
#news a#news1:hover {background:transparent url(../granola/granola_sprite.gif) 0 -324px no-repeat;}
/** html #news a:link, * html .menu a:visited {height:113px; he\ight:0;}
* html #news a:hover {height:113px; he\ight:0;}
*/

.menu {display:block; width:110px; }

.menu ul {margin:0; padding:0; list-style-type:none;}

.menu li {float:left; height: 20px;}

.menu a {display:block; width:110px; margin-right:1px; height: 20px; color:#000; text-decoration:none; overflow:hidden; }

.menu a#fanart {background:transparent url(../granola/granola_sprite.gif) 0 0 no-repeat;}
.menu a#fanart:hover {background:transparent url(../granola/granola_sprite.gif) 0 -21px no-repeat;}
.menu a#kb {background:transparent url(../granola/granola_sprite.gif) 0 -42px no-repeat;}
.menu a#kb:hover {background:transparent url(../granola/granola_sprite.gif) 0 -63px no-repeat;}
.menu a#enterssx {background:transparent url(../granola/granola_sprite.gif) 0 -84px no-repeat;}
.menu a#enterssx:hover {background:transparent url(../granola/granola_sprite.gif) 0 -105px no-repeat;}
.menu a#gravbar {background:transparent url(../granola/granola_sprite.gif) 0 -126px no-repeat;}
.menu a#gravbar:hover {background:transparent url(../granola/granola_sprite.gif) 0 -147px no-repeat;}
.menu a#masterruns {background:transparent url(../granola/granola_sprite.gif) 0 -168px no-repeat;}
.menu a#masterruns:hover {background:transparent url(../granola/granola_sprite.gif) 0 -189px no-repeat;}
.menu a#scoreboard {background:transparent url(../granola/granola_sprite.gif) 0 -438px no-repeat;}
.menu a#scoreboard:hover {background:transparent url(../granola/granola_sprite.gif) 0 -459px no-repeat;}




/* generated sprite CSS

.sprite-art_button_index_granola { background-position: 0 0; } 
.sprite-art_over_index_granola { background-position: 0 -21px; } 
.sprite-base_button_index_granola { background-position: 0 -42px; } 
.sprite-base_over_index_granola { background-position: 0 -63px; } 
.sprite-enter_button_index_granola { background-position: 0 -84px; } 
.sprite-enter_over_index_granola { background-position: 0 -105px; } 
.sprite-grav_button_index_granola { background-position: 0 -126px; } 
.sprite-grav_over_index_granola { background-position: 0 -147px; } 
.sprite-master_button_index_granola { background-position: 0 -168px; } 
.sprite-master_over_index_granola { background-position: 0 -189px; } 
.sprite-news_index_granola { background-position: 0 -210px; } 
.sprite-news_over_index_granola { background-position: 0 -324px; } 
.sprite-score_button_index_granola { background-position: 0 -438px; } 
.sprite-score_over_index_granola { background-position: 0 -459px; } 
*/

/* original CSS

.menu a#item1 {background:transparent url(../granola/enter_button_index_granola.gif) 0 0 no-repeat;}
.menu a#item2 {background:transparent url(../granola/grav_button_index_granola.gif) 0 0 no-repeat;}
.menu a#item3 {background:transparent url(../granola/base_button_index_granola.gif) 0 0 no-repeat;}
.menu a#item4 {background:transparent url(../granola/master_button_index_granola.gif) 0 0 no-repeat;}
.menu a#item5 {background:transparent url(../granola/score_button_index_granola.gif) 0 0 no-repeat;}
.menu a#item6 {background:transparent url(../granola/art_button_index_granola.gif) 0 0 no-repeat;}

.menu a#item1:hover {background:transparent url(../granola/enter_over_index_granola.gif) 0 0 no-repeat;}
.menu a#item2:hover {background:transparent url(../granola/grav_over_index_granola.gif) 0 0 no-repeat;}
.menu a#item3:hover {background:transparent url(../granola/base_over_index_granola.gif) 0 0 no-repeat;}
.menu a#item4:hover {background:transparent url(../granola/master_over_index_granola.gif) 0 0 no-repeat;}
.menu a#item5:hover {background:transparent url(../granola/score_over_index_granola.gif) 0 0 no-repeat;}
.menu a#item6:hover {background:transparent url(../granola/art_over_index_granola.gif) 0 0 no-repeat;}

*/

* html .menu a:link, * html .menu a:visited {height:20px; he\ight:0;}

* html .menu a:hover {height:20px; he\ight:0;}