#panel { 
	width:900px;
	list-style:none; 
	padding-top:30px;
	display:inline-block;
}

#panel li {  
	border-radius:3px 3px 3px 3px; 
	margin-top:5px;
	width:863px;
	background: #faf5ed;
        border-left:1px solid #fbfbfb; border-top:2px solid #ffffff; border-right:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9;
}

#panel li h2 { 
	color:#f8aa2b;
        background: #faf0e0;
	display:block; 
	padding:5px 20px 5px 10px;
        text-decoration:none;
        font-size:18px;
        text-align:right;
}

#panel li a { 
	color:#9e9d9d; 
	display:block; 
	padding: 5px 5px 5px 20px;
        text-decoration:none;
        font-size:18px;
}

#panel li a:hover { 
	color:#f8aa2b;
	background:#faf0e0;
}

#panel li.animation { 
	-moz-transition: all 0.4s ease-in-out; 
	-moz-transform:translateX(0px); 
	-o-transition: all 0.4s ease-in-out; 
	-o-transform:translateX(0px); 
	-webkit-transition: all 0.4s ease-in-out; 
	-webkit-transform:translateX(0px); 
}

#panel li.animation:hover { 
	-moz-transform:translateX(25px);
	-o-transform:translateX(25px);
	-webkit-transform:translateX(25px);
}

#panel li.sub {
        background:#ffffff;
        margin-left:60px;
        width:803px;
	    border-left:1px solid #fbfbfb; border-top:5px solid #fbfbfb; border-right:1px solid #e5e4e4; border-bottom:1px solid #e5e4e4;  
        
}
#panel li.sub a{
        color:#c1bfbf;
        padding-left:30px;
  
        
}
#panel li.sub a:hover {   
        background: #faf0e0; 
        color:#f8aa2b;
	    text-shadow:1px 1px #ffffff;
}