@charset "utf-8";
/* =============================================
 Base Design & Layout
============================================= */
body{
	color: #444;
	background-color: #F2EFE5;
	margin: 0;
	padding: 0;
	font-size:100%;line-height:120%;
}
a{
	color: #1E87AE;
	background-color: transparent;
}
a:hover{
	color: #68B9D7;
	background-color: transparent;
}

/* layout -- outline */
#container{
	width: 900px;
	margin: 0 auto;
	padding: 0 10px;
	color: #000;
}
/* layout -- header */
#header{
	width: 880px;
	margin: 0 auto;
	padding: 10px 10px;
	position: relative;
	background-color:#EFE3C6;
	/*display: inline-block;*/
}
/* layout -- bread crumb */
#breadCrumb{
	width: 880px;
	height:20px;
	margin: 0;
	padding: 10px 10px;
	color: #000;
	background-color:#FFF;
}
#breadCrumb ul{
	font-size: 80%;
	list-style-type: none;
	padding: 0;
}
#breadCrumb ul li{
	display: inline;
	padding: 0px;
	margin:0px;
	color: #000;
}
#breadCrumb ul li.root{
	padding: 0 6px 0 0;
	background-image: none;
}
#breadCrumb ul li a{
	color: #444;
	background-color: transparent;
	text-decoration:underline;
}

/* layout -- content body */
#contentBody{
	width: 860px;
	margin: 0 auto;
	padding: 10px 20px 10px;
	background-color:#FEE4BA;
}
#contentBody .mainArea{
	width: 860px;
	float: left;
	margin: 0;
	padding: 0;
}
/* layout -- footer */
#footer{
	width: 880px;
	margin: 0 auto;
	padding: 10px 10px;
	background-color:#fff;
}
#footer .copyright{
	font-size: 80%;
	margin:5px 0px 10px 0px;
	text-align:right;
}
#footer ul{
	display: block;
	padding: 0;
	margin:10px 0px 5px 0px;
}
#footer li{
	display: inline;
	padding: 0;
	font-size: 80%;
	border-left: 1px solid #444;
	list-style-type: none;
}
#footer li.start{
	border: none;
	padding: 0;
}
#footer li a{
	margin-right: 2px;
}