BODY {
	font-family: helvetica, arial;
	color: #fff;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #fff;
	margin-bottom: 32px;
}

#header {
	background-color: #0C1F5B;
	color: #fff;
	padding: 16px;
	font-size: 21px;
	font-weight: bold;
	letter-spacing: -1px;
}

#container {
	background: top left url('bg.jpg') repeat-x;
	width: 100%;
}

#treecontainer {
	position: relative;
	width: 665px;
	height: 729px;
	margin-left: auto;
	margin-right: auto;
}

IMG { border: 0px; }

.box { border: 2px solid #ddf; padding: 8px 6px 3px 6px; text-align: center; position: absolute; width: 34px; height: 34px; font-size: 28px; color: #fff; background-color: #0C1F5B; }
.box A { color: #fff; }
.box A:visited { color: #224488; }


.day1  { left: 121px; top: 68px; }
.day2  { left: 20px; top: 260px; }
.day3  { left: 97px; top: 375px; }
.day4  { left: 26px; top: 520px; }
.day5  { left: 17px; top: 1px; }
.day6  { left: 135px; top: 195px; }
.day7  { left: 395px; top: 17px; }
.day8  { left: 564px; top: 39px; }
.day9  { left: 253px; top: 35px; }
.day10 { left: 518px; top: 159px; }
.day11 { left: 605px; top: 431px; }
.day12 { left: 606px; top: 256px; }
.day13 { left: 533px; top: 345px; }
.day14 { left: 512px; top: 570px; }
.day15 { left: 338px; top: 530px; }
.day16 { left: 139px; top: 561px; }
.day17 { left: 217px; top: 459px; }
.day18 { left: 370px; top: 444px; }
.day19 { left: 449px; top: 431px; }
.day20 { left: 325px; top: 359px; }
.day21 { left: 231px; top: 342px; }
.day22 { left: 410px; top: 343px; }
.day23 { left: 271px; top: 265px; }
.day24 { left: 359px; top: 244px; }
.day25 { left: 302px; top: 132px; }
.active { background-color: #f00; }
.active A { color: #ff0; }