/* CSS Document */

#mainNav {
	float:left;
	margin: 0px;
	padding: 0;
	}

#mainNav ul {
	margin: 0;
	}
	
#mainNav li {
	float:left;
	margin: 0;
	padding: 0;
	list-style:none;
	}
	
#mainNav li.mainNavspacer {
	float:left;
	margin: 0;
	padding: 0;
  height: 22px;
	list-style:none;
	line-height:1;
	border-bottom: solid #DDDDDD 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
	width: 200px;
	}

#mainNav li a {
	padding:5px 10px 5px 10px;
	font-size:12px;
	color:#FF6600;
	text-decoration:none;
	display: block;
  }

#mainNav li:hover, #mainNav li.active {
  }

#mainNav li:hover a, #mainNav li.active a {
	padding:5px 10px 5px 10px;
	font-size:12px;
	color:#333333;
	text-decoration:none;
	display: block;
	background-color: #FF6600
	}
	
	
/* Artist Menu */

#artistNav {
	float:left;
	margin: 0px 6px;
	padding: 0;
	}

#artistNav ul {
	margin: 0;
	}
	
#artistNav li {
	float:left;
	margin: 0;
	padding: 0;
	list-style:none;
	border-bottom: solid #666666 1px;
	}
	
#artistNav li.artistNavspacer {
	float:left;
	margin: 0;
	padding: 0;
	list-style:none;
	border-bottom: solid #666666 1px;
	}
	
#artistNav li.artistNavspacer1 {
	padding:5px 10px 5px 10px;
	font-size:12px;
	color:#FF6600;
	text-decoration:none;
	display: block;
	width: 244px;
	}

/*
The over and active state get handled here.
Notice the use of negative pixels? This is the advantage of CSS sprites.
Instead of using two images to achieve the effect, we just use one and move it.
*/

#artistNav li a {
	padding:5px 10px 5px 10px;
	font-size:12px;
	color:#FF6600;
	text-decoration:none;
	display: block;
  }

#artistNav li:hover, #mainNav li.active {
  }

#artistNav li:hover a, #mainNav li.active a {
	padding:5px 10px 5px 10px;
	font-size:12px;
	color:#333333;
	text-decoration:none;
	display: block;
	background-color: #FF6600
	}
	
	
/* Side Navigation */
	
#sideNav {
}
	
#sideNav ul {
	margin: 0;
}
	
#sideNav li {
	margin: 0;
	padding: 0;
	list-style:none;
}
	
#sideNav li a {
	padding:5px 20px;
	font-size:12px;
	color:#333333;
	text-decoration:none;
	display: block;
  }
	
#sideNav li:hover, #sideNav li.active {
  }
	
#sideNav li:hover a, #sideNav li.active a {
	padding: 5px 20px 4px 20px;
	color: #999999;
	border-bottom: solid #DDDDDD 1px;
	}