﻿@charset "utf-8";

#nav ul {
  list-style:none;
  margin: 0px;
  padding: 0px;
}

#nav{
    background:#ffe0ff;
    float:left;
	margin-left:20px;
	margin-right:20px;
	width:880px;
	

}

#nav li{

	height:40px;
	text-align:center;
	position:relative;
	float:left;
    width:88px;
	padding: 0px;
	margin: 0px;
}

#nav a{
    text-decoration:none;
    color:#222;
}

#nav li a{
	display:block;
	height:40px;
	line-height:40px;
	font-size:18px;
}

#nav .children-1 a,
#nav .children-2 a{
	padding-top: 9px;
	height: 40px;
	line-height: 40px;
	width: 100%;
	font-size:16px;
	background: #ffddff;
	border-top: 1px solid #dd7777;
}

#nav .children-2 a{
	width:100%;
}

#nav li .children-1 li,
#nav li .children-2 li{
	width:88px;
}

#nav li .children-1{
	display:none;
	position:absolute;
	top:40px;
	left:0px;
	width:100%;
}

#nav li .children-1 li .children-2{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
}

#nav li:hover .children-1{
	display:block;
	background:ffccff;
}

#nav .children-1 li:hover .children-2{
	display:block;
	background:#ffaaff;
}


#nav li:hover > a{
	background:#ffccff;
}

#nav li:hover a:hover{
	background:#feccf0;
}






#nav2 ul {
  list-style:none;
  margin: 0px;
  padding: 0px;
}

#nav2{
    background:#ffe0ff;
    float:left;
	margin-left:20px;
	margin-right:20px;
	width:880px;
	

}

#nav2 li{

	height:40px;
	text-align:center;
	position:relative;
	float:left;
    width:88px;
	padding: 0px;
	margin: 0px;
}

#nav2 a{
    text-decoration:none;
    color:#222;
}

#nav2 li a{
	display:block;
	height:40px;
	line-height:40px;
	font-size:18px;
}

#nav2 .children-1 a,
#nav2 .children-2 a{
	padding-top: 9px;
	height: 40px;
	line-height: 40px;
	width: 100%;
	font-size:16px;
	background: #ffddff;
	border-top: 1px solid #dd7777;
}

#nav2 .children-2 a{
	width:100%;
}

#nav2 li .children-1 li,
#nav2 li .children-2 li{
	width:88px;
}

#nav2 li .children-1{
	display:none;
	position:absolute;
	top:40px;
	left:0px;
	width:100%;
}

#nav2 li .children-1 li .children-2{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
}

#nav2 li:hover .children-1{
	display:block;
	background:ffccff;
}

#nav2 .children-1 li:hover .children-2{
	display:block;
	background:#ffaaff;
}


#nav2 li:hover > a{
	background:#ffccff;
}

#nav2 li:hover a:hover{
	background:#feccf0;
}









