a:link,
a:visited,
a:hover,
a:active,
img {
	text-decoration:none;
	border:0px;
}
#wrapper {text-align:center;}
#yearMovie {
	display:block;
	width:200px;
	height:65px;
	background-color:transparent;
	background-image:url('/Life/Setup/Images/calendarMovie.png');
	background-repeat:no-repeat;
	background-position:-0px -0px;
}
#yearMovie:hover {
	background-image:url('/Life/Setup/Images/calendarMovie.png'), url('/Life/Setup/Images/calendarMovie.png');
	background-position:-200px 0px,0px 0px;
}
#SillyDance {
	display:block;
	width:120px;
	height:91px;
	background-color:transparent;
	background-image:url('/Life/Setup/Images/SillyDance.png');
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#SillyDance:hover {
	background-image:url('/Life/Setup/Images/SillyDance.png'), url('/Life/Setup/Images/SillyDance.png');
	background-position:-120px 0px,0px 0px;
}

#home {
	position:absolute;
	top:20px;
	left:20px;
	width:110px;
	height:114px;
	background-color:transparent;
	background-image:url('/Life/Setup/Images/CalendarSpriteNavigation.png');
	background-repeat:no-repeat;
	background-position:-0px -0px;
}
#home:hover {background-position:-111px -0px;}
#home a {
	width:100%;
	height:100%;
	display:block;
}

.divLinebreak {clear:both;}

#changeYear a:link,
#changeYear a:visited,
#changeYear a:hover,
#changeYear a:active{
	color:#ffffcc;
	text-decoration:none;
	border:0px;
}

/* Year Selection Styles */
#changeYear, #calendar, #hoverDescription, #yearMovie, #SillyDance, #extra, #extra a {
	margin-left:auto;
	margin-right:auto;
}
#changeYear a {
	width:100%;
	height:100%;
	display:block;
}
#changeYear .yearLink, #changeYear .yearLink:visited, #changeYear .yearLink:active {
	font-weight:800;
	text-align:center;
	float:left;
	color:#ffffff;
	vertical-align:bottom;
	background-image:url('/Life/Setup/Images/buttonBackgroundBlue.png');
	border-radius: 25px;
	border:1px solid gray;
	margin:1px;
	padding:0;
	border-bottom:3px solid transparent;
}
#changeYear .yearLinkBlank {
	float:left;
	padding:0;
	margin:0;
}
#changeYear .yearLink:hover {
	border-bottom:3px solid #990000;
}

.calendarMonth {
	color:#09232F;
	overflow:hidden;
	margin:0;
	padding:0;
	float:left;
	background-image:url('/Life/Setup/Images/buttonBackgroundGreen.png');
	border-radius: 35px;
	border:2px solid gray;
	margin:2px;
	background-repeat:no-repeat;
	text-shadow:0 1px 0 #4190AF;
	text-align:center;
}
.calendarMonth:hover {
	color:#990000;
}
.calendarMonthFuture {
	background-image:url('/Life/Setup/Images/buttonBackgroundGray.png');
}

#calendar {
	text-align:center;
	overflow:hidden;
	display:block;
	white-space:nowrap;
}
#changeYear .lvl0 {
	color:#ffffff;
	font-weight:900;
}

#extra {
	width:300px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:500;
	color:#000000;
}

#hoverDescription {
	min-height:4em;
	padding:10px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:500;
	color:#000000;
}
.backdrop {
	border-radius: 25px;
	border: 1px solid #cccccc;
	background: rgba(54, 25, 25, .3);
}





/* ALL OF THE RESPONSIVE STUFF */
#hoverDescription {width:900px;	padding-top:20px;	padding:20px;}
#calendar {width:900px;}
.calendarMonth {width:215px; height:130px; font-size:80px;	font-weight:800; padding-top:30px;}
#changeYear {width:1000px;	height:50px;	margin-bottom:50px;}
#changeYear .lvl4 {font-size:16px;	width:73px;		height:20px;	border-radius: 6px;}
#changeYear .lvl3 {font-size:20px;	width:93px;		height:26px;	border-radius: 9px;}
#changeYear .lvl2 {font-size:28px;	width:116px;	height:32px;	border-radius: 10px;}
#changeYear .lvl1 {font-size:36px;	width:143px;	height:40px;	border-radius: 14px;}
#changeYear .lvl0 {font-size:46px;	width:112px;	height:50px;	border-radius: 17px;}

@media screen and (max-width:1024px){
	#hoverDescription {width:800px;}

	#calendar {width:800px;	margin-top:5em;}
	.calendarMonth {width:192px; height:110px; font-size:65px; padding-top:30px;}
	
	#changeYear {width:820px;	height:50px;	margin-bottom:50px;	margin-top:140px;}
	#changeYear .lvl4, #changeYear .lvl3, #hoverDescription {display:none;}
	#changeYear .lvl2 {font-size:28px;	width:150px;	height:32px;}
	#changeYear .lvl1 {font-size:36px;	width:175px;	height:40px;}
	#changeYear .lvl0 {font-size:46px;	width:145px;	height:50px;}
}

@media screen and (max-width:1024px) and (orientation:portrait){
	body {background-image:none;	background-color:gray;}
	#hoverDescription {width:100%;	color:#FFFF99;}
	#calendar {width:100%;}
	.calendarMonth {width:32%; height:150px; font-size:80px; padding-top:50px;}

	#changeYear {width:90%;		height:100px;	margin-bottom:50px;	margin-top:150px;}
	#changeYear .lvl2, #SillyDance, #yearMovie, #extra {display:none;}
	#changeYear .lvl1 {font-size:36px;	width:34%;	height:80px;	padding-top:30px;	border-radius: 25px;}
	#changeYear .lvl0 {font-size:46px;	width:29%;	height:100px;	padding-top:40px;	border-radius: 30px;}
	
	#home {margin-left:auto;	margin-right:auto;	position:absolute;	right:40%;	left:40%;}
}