@charset "UTF-8";

.header{
	height: 10em;
	border-bottom: #000 solid 3px;
	margin-top: 1em;
	margin-bottom: 1em;
}


#left, #right {
	margin-top: 2em;
	background: #fff;
}

#left .header h1{
	font-size: 200%; 
		color: #800;
	margin-top: 2em;
}

#right .header img{
	float: left;
	margin-top: 2em;
	margin-left: 25px;
}

#right .header h1{
	clear: both;
	font-size: 150%; 
}

#footer{
	height: 3em;
	border-top: #ccc solid 2px;
	margin-top: 1em;
	padding-top: 4px;
	color: #666;
	text-align: center;
}

#content h1{
	border-bottom: #ccc solid 1px;
	padding-bottom: 12px;
	color: #800;
}

p{
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	margin-bottom: 1em;
	text-align: justify;
}

#sidebar{
	height: 100%;
}

ul {
	list-style-type:none;
	font-family: "Times New Roman", Times, serif;
	font-size:16px;
	margin-left: -20px;
}

ul .sidebar_list li {
	float:left;
	font-size:1.1em;
	line-height: 1.6em;
}
li a {
	border-bottom: 1px dotted #D9D9D9;
	color: #000;
	display:block;
	text-decoration:none;
}

li a:hover {
	background-color: #C3C3C3;
	color: #fff;
	text-decoration:none;
}

.box {
	margin-bottom: 2em;
}

.box h2{
	color: #800;
	background-color: #eee;
	padding-left: 4px;
}

.massage_title{
	font-family: "sans-serif" helvetica;
	font-weight:bold;
	color:#000;
	font-size:110%;
	margin-top:20px;
	margin-bottom:10px;
}

.message {
	border-bottom: solid 1px #ccc;
}

.message_last {
	border-bottom: none;
}

.lastbox {
	border-bottom: none;
}

.lastbox p{
	line-height: 0.5em;
}

#separator {
	color: #800;
}