@charset "utf-8";


/*======== div#Header ul ========*/

div#Header ul{
	background: url(../images/menu.gif) no-repeat;
	width: 675px;
	height: 30px;
	margin-left: 105px;
	position: absolute;
	top: 85px;
}

div#Header ul span {
	display: none;
}

div#Header ul li{
	display: inline;
}

div#Header ul li a{
	color: #fffffe;
	font-size: 1px;
	text-align: center;
	height: 0;
	padding-top: 30px;
	float: left;
	overflow: hidden;
}

div#Header ul li a.root,
div#Header ul li a:hover{
	color: #ffa0b8;
}

div#Header ul li.top a,
div#Header ul li.lesson a,
div#Header ul li.contact a{
	width: 113px;
}

div#Header ul li.program a,
div#Header ul li.info a,
div#Header ul li.access a{
	width: 112px;
}

div#Header ul li.top a:hover{
	background: url(../images/menu.gif) 0 -30px;
}
div#Header ul li.program a.root,
div#Header ul li.program a:hover {
	background: url(../images/menu.gif) -113px -30px;
}
div#Header ul li.info a.root,
div#Header ul li.info a:hover {
	background: url(../images/menu.gif) -225px -30px;
}
div#Header ul li.access a.root,
div#Header ul li.access a:hover {
	background: url(../images/menu.gif) -337px -30px;
}
div#Header ul li.lesson a.root,
div#Header ul li.lesson a:hover {
	background: url(../images/menu.gif) -449px -30px;
}
div#Header ul li.contact a.root,
div#Header ul li.contact a:hover {
	background: url(../images/menu.gif) -562px -30px;
}