#motto {
	float:left;
	display:block;
	width:225px;
	height:91px;
	background:url(../images/home_motto.jpg);
	margin-top:69px;
	text-indent:-999em;
	padding:0px;
}

#spotlight {
	margin-top:-25px;
}

#twitter {
	float:right;
	height:303px;
}

#spotlight h3 {
	background:url(../images/title_home_spotlight.jpg) no-repeat;
}

#about {
	float:left;
	display:block;
	width:750px;
	height:315px;
	background:url(../images/about_background.jpg) no-repeat;
	position:relative;
}

#about p {
	width:400px;
	margin:10px 0 0 210px;
	color:#ffffff;
	font-size:14px;
	line-height:24px;
	text-shadow: 2px 2px 3px #710515;
}

#about h2 {
	display:block;
	width:440px;
	height:35px;
	margin:30px 0 0 210px;
	background:url(../images/about_title.png) top left no-repeat;
	text-indent:-999em;
}

#about h2.classroom {
	background-position:0 -35px;
}

#about h2.character {
	background-position:0 -70px;
}

#about h2.community {
	background-position:0 -105px;
}

#about h2.competition {
	background-position:0 -140px;
}

ul#aboutmenu {
	position:absolute;
	top:250px;
	left:0px;
}

ul#aboutmenu li {
	display:block;
	float:left;
	height:65px;
	position:relative;
}

ul#aboutmenu li a {
	display:block;
	height:100%;
	text-indent:-999em;
}

ul#aboutmenu li.classroom a {
	width:182px;
	background:url(../images/fourcs_classroom.jpg);
}

ul#aboutmenu li.character a {
	width:182px;
	background:url(../images/fourcs_character.jpg);
}

ul#aboutmenu li.community a {
	width:183px;
	background:url(../images/fourcs_community.jpg);
}

ul#aboutmenu li.competition a {
	width:203px;
	background:url(../images/fourcs_competition.jpg);
}

/*
ul#aboutmenu li.active a , ul#aboutmenu li a:hover {
	background-position:0 -65px;
}
*/

ul#aboutmenu li a.hover , ul#aboutmenu li a:hover {
	background-position:0 -65px;
}

ul#aboutmenu li.classroom div.active {
	display:block;
	height:100%;
	width:182px;
	opacity:0;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../images/fourcs_classroom.jpg) 0 -65px;
}

ul#aboutmenu li.character div.active {
	display:block;
	height:100%;
	width:182px;
	opacity:0;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../images/fourcs_character.jpg) 0 -65px;
}

ul#aboutmenu li.community div.active {
	display:block;
	height:100%;
	width:183px;
	opacity:0;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../images/fourcs_community.jpg) 0 -65px;
}

ul#aboutmenu li.competition div.active {
	display:block;
	height:100%;
	width:203px;
	opacity:0;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../images/fourcs_competition.jpg) 0 -65px;
}

#news {
	float:left;
/* 	width:975px; */
	font-size:12px;
	line-height:14px;
	color:#ffffff;
	margin-bottom:16px;
}

#news h3 {
	background:url(../images/title_news.jpg) no-repeat;
}

#news a {
	color:#e1f2f9;
}

#news h4 {
	background:none;
	height:auto;
	padding:0px;
	margin-bottom:8px;
	font-size:14px;
}

#news p {
	font-size:11px;
}

#news p.date {
	font-weight:bold;
}

.item {
	float:left;
	width:225px;
	margin-right:25px;
}

#news:last-child {
	margin-right:0px;
}

div.item:last-child {
	margin:0px;
}

#vote {
	float:left;
	width:725px;
	height:293px;
	margin-right:25px;
	background:url(../images/home_vote_background.jpg) 0 25px no-repeat;
	position:relative;
}

#vote h3 {
	background:url(../images/title_vote.jpg) no-repeat;
}

#vote p {
	padding:25px 0 10px 25px;
	width:360px;
}

#vote p.first {
	font-size:16px;
	font-weight:bold;
	text-shadow:2px 2px 3px #becde4;
	padding-bottom:0px;
}

p#textvote {
	position:absolute;
	top:25px;
	right:10px;
	height:230px;
	width:289px;
	background:url(../images/vote_inactive.jpg) no-repeat;
	text-indent:-999em;
}

#vote h4 {
	padding:15px 0 5px 25px;
}

.votetable {
	float:left;
	width:350px;
}

.votebutton {
	margin-left:25px;
}

#footer {
	float:left;
	width:975px;
	height:90px;
	background:url(../images/home_footer_background.jpg) no-repeat;
	position:relative;
}