/* ---[ homepage ]--------------------- */

#content-area {margin: 0 auto; background: url(../images/homepage/content-background.png) no-repeat; width: 753px; height: 330px; display: block; text-align: left; padding: 0 0 11px 7px} 

.navi-block {float: left; padding-top: 16px}

#happenings {float: left; width: 128px; height: 160px; background-color: #e14378; display: block}
#happenings h1 {font: bold 15px/1em Calibri, Arial, Helvetica, sans-serif; color: #fff; display: block; padding: 8px 0 0 6px}
	.happenings {width: 128px; height: 160px; position: absolute; padding: 4px 0}
	.happenings li {display: block}
	.happenings li a:link, .happenings li a:visited {padding-top: 10px; display: block; text-decoration: none; line-height: 1em; padding: 5px 8px; z-index: 1}
		.happenings .event a:link, .happenings .event a:visited {background-color: #e14378}
		.happenings .event a:hover, .happenings .event a:focus {background-color: #ea7ba0}
		.happenings .event a:active {background-color: #ea7ba0}

	#happenings .date {color: #fff; font-size: 11px; font-weight: bold; display: block}
	#happenings .title {color: #fff; font-size: 10px; display: block}

#copyright-area {margin: 0 auto; padding-left: 7px; width: 753px; text-align: left; color: #666; font-size: 12px; background: none; position: relative; top: -10px}