/* Appearance section CSS Document */

/*
#navAppearances a, #navAppearances a:hover {
	width: 106px;
	background: url(/img_base/nav-appearances.gif) -25px left no-repeat;
	}
*/
	
#navCalendar a, #navCalendar a:hover {
	width: 80px;
	background: url(/img_base/nav-calendar.gif) 0 -25px no-repeat;
	}
	
	#yearNav {
		width:100px;
		margin-top:60px;
		float:left;
		display:inline;
		position:inherit;
	}
	
#yearLabel {
	width:60px;
	float:left;
	display:inline;
}
 
#navArrowL, #navArrowR {
	/*float:left;*/
	margin: 0;
	padding: 0;
	width: 20px;
	height: 20px;
	overflow: hidden;
	float:left;
	display:inline;
	}


#navArrowL a, #navArrowR a {
	padding: 20px 0 0 0;
	margin:0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win */
	width: 20px;
	position:relative;
	}
	
#navArrowR a {
	background: url(/img_base/nav-arrow-right.gif) left top no-repeat;
}

#navArrowL a {
	background: url(/img_base/nav-arrow-left.gif) top left no-repeat;
}
	
#navArrowL a:hover, #navArrowR a:hover {
	background-position: 0 -20px;
	}
	

	
	#appearancesWrap {
		width:760px;
		margin-top:60px;
		float:left;
		display:inline;
	}
	
	#JANtoAPR, #MAYtoAUG, #SEPtoDEC {
		margin-bottom:60px;
	}
	
	
	#JAN, #FEB, #MAR, #APR, #MAY, #JUN, #JUL, #AUG, #SEP, #OCT, #NOV, #DEC {
		width:170px;
		margin-left:20px;
		padding-top:40px;
		float:left;
		display:inline;
	}
	
	#JAN {
		background:url(/img_base/JAN.jpg) top left no-repeat;
	}
	
	#FEB {
		background:url(/img_base/FEB.jpg) top left no-repeat;
	}
	
	#MAR {
		background:url(/img_base/MAR.jpg) top left no-repeat;
	}
	
	#APR {
		background:url(/img_base/APR.jpg) top left no-repeat;
	}
	
	#MAY {
		background:url(/img_base/MAY.jpg) top left no-repeat;
	}
	
	#JUN {
		background:url(/img_base/JUN.jpg) top left no-repeat;
	}
	
	#JUL {
		background:url(/img_base/JUL.jpg) top left no-repeat;
	}
	
	#AUG {
		background:url(/img_base/AUG.jpg) top left no-repeat;
	}
	
	#SEP {
		background:url(/img_base/SEP.jpg) top left no-repeat;
	}
	
	#OCT {
		background:url(/img_base/OCT.jpg) top left no-repeat;
	}
	
	#NOV {
		background:url(/img_base/NOV.jpg) top left no-repeat;
	}
	
	#DEC {
		background:url(/img_base/DEC.jpg) top left no-repeat;
	}
		
	#appearancesWrap img {
		border: 1px solid #999966;
	}
	
	#appearancesWrap .date { /*use for Date & Time*/
		margin-top:30px;
		margin-bottom:0;
		font-size:11px;
		font-weight:normal;
		color:#999966;
	}
	
	#appearancesWrap h2 { /*use for Event Title*/
		margin:0px;
		color:#999966;
	}
	
	#appearancesWrap p {
		margin: 5px 0;
	}