@charset "UTF-8";
/* CSS Document */

body {
	
	background: #333333 url(../images/czone.gif) no-repeat bottom center;
}

strong {
	font-weight: bolder;
	}
	
a {
	color: #c30;
	font-style:normal;
	text-decoration:none;
}

a:hover, a:active {
	text-decoration:underline;
	}

#events {
	float:right;
	width: 300px;
	padding: 0 10px 10px 10px;
	background: #666666;
	color: white;
	margin: 0 0 15px 10px;
	}
	
#events a {
	color: white;
	}

#container {
	width: 850px;
	margin: 0 auto 0 auto;
	text-align: left;
	position: relative;
	padding: 0 0 0 0;
	}
	

#content {
	width: 760px;
	margin: 0 0 0 0;
	padding: 0 20px 250px 20px;
	float: right;
	background: #ffffff;
	min-height: 400px;
	}

#head {
	width: 800px;
	height: 250px;
	margin: 0 0 15px 0;	
	float: right;
	background: #333333 url(../images/creativezone/head.jpg) top right no-repeat;
	}

#foot {
	width: 800px;
	margin: 15px 0 25px 0;	
	float: right;
	background: #333333;
	font-size: 80%;
	color: #ffffff;
	}
	
#menu {
	width: 740px;
	margin: 0 0 10px 0;
	padding: 10px;
	float: left;
	background: #c30;
	text-align: center;
	font-size: 160%;
	}
	
#menu a {
	color: white;
	}

hr {color: #f90;
background-color: #f90;
height: 3px;}	


.mooECal td.hover{background-color:#ff9900;color:#fff} /* color when hovering a day */
.mooECal td.selected{background-color:#cc3300;color:#fff} /* color for the selected day */
.mooECal td.hover a, td.selected a{color:#fff} /* color for the selected day */