/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

* { margin: 0; padding: 0; }
html, body { height: 100%; overflow: hidden; background: # CCF; }
body { font: 14px Helvetica, Arial, sans-serif; }
#page-wrap { width: 960px; padding: 0 0 0 0px; margin: 0 auto; overflow: hidden; height: 100%; }
#page-wrap2 { width: 960px; padding: 0 0 0 0px; margin: 0 auto; overflow: scroll; height: 100%; }

.info-col { float: left; width: 142px; height: 100%; background-color:6c60aa; }
.info-col h5 { text-align: center; font-weight: normal; padding: 10px 0; font: 16px Verdana, Geneva, sans-serif; background-color:#f7e9fd }
.info-col a:active, a:focus { outline-style: none; -moz-outline-style:none; }


.image { height: 200px; text-indent: -9999px; display: block; border-right: 1px solid white; }

.batman { background: url(/images/panel3.jpg) center center no-repeat; }
.spiderman { background: url(/images/panel4.jpg) center center no-repeat; }
.aquaman { background: url(/images/panel1.jpg) center center no-repeat; }
.ironman { background: url(/images/panel5.jpg) center center no-repeat; }
.superman { background: url(/images/panel2.jpg) center center no-repeat; }

dl { }
dt { padding: 5px; background: #6c60aa; color: white; border-bottom: 1px solid white; border-right: 1px solid white; }
dd {
	position: absolute;
	left: -9999px;
	top: -9999px;
	width: 339px;
	background: #6c60aa;
	padding: 10px;
	color: white;
	border-right: 1px solid white;
}

dt:nth-of-type(1) { background: #475da8; }
dd:nth-of-type(1) { background: #475da8; }

dt:nth-of-type(2) { background: #ffc452; }
dd:nth-of-type(2) { background: #ffc452; }

dt:nth-of-type(3) { background: #92c951; }
dd:nth-of-type(3) { background: #92c951; }

dt:nth-of-type(4) { background: #ee4a55; }
dd:nth-of-type(4) { background: #ee4a55; }

dt:nth-of-type(5) { background: #475da8; }
dd:nth-of-type(5) { background: #475da8; }

dt:nth-of-type(6) { background: #6c60aa; }
dd:nth-of-type(6) { background: #6c60aa; }

.curCol { -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); z-index: 1; position: relative; }

#mylist {
	padding-left: 15px;
}

#holiday {
	width: 600px;
	padding:12px;
	margin-left: 200px;
	text-align:center;
}