/* Body Valiation */

.body-01 {
	background-image: url(img/pillar-01.jpg);
	background-repeat: repeat-y;
	background-color: #ffffff;
	font-size: 100%;
	font-family: sans-serif;
}

.body-02 {
	background-image: url(img/pillar-02.jpg);
	background-repeat: repeat-y;
	background-color: #ffffff;
	font-size: 100%;
	font-family: sans-serif;
}

.body-03 {
	background-image: url(img/pillar-03.jpg);
	background-repeat: repeat-y;
	background-color: #ffffff;
	font-size: 100%;
	font-family: sans-serif;
}

.body-04 {
	background-image: url(img/pillar-04.jpg);
	background-repeat: repeat-y;
	background-color: #ffffff;
	font-size: 100%;
	font-family: sans-serif;
}

.body-05 {
	background-image: url(img/pillar-05.jpg);
	background-repeat: repeat-y;
	background-color: #ffffff;
	font-size: 100%;
	font-family: sans-serif;
}

/* Link Style */

a:link {
	color: #1D2088; text-decoration: none;
}

a:visited {
	color: #1D2088; text-decoration: none;
}

a:active {
	color: #0000FF; text-decoration: underline;
}

a:hover {
	color: #1D2088; text-decoration: underline;
}

/* Whole Layout */

#box {
	width: 719px;
	margin: 0px;
	padding: 0px;
	margin-left: 81px;
	background-color: #ffffff;
}

/* Header */

#header {
	margin: 0px;
	padding: 0px;
	clear: both;
}

#header h1 {
	display: none;
}

#header img {
	border: none;
}

/* Contents */

#contents {
	width: 563px;
	margin: 0px 0px 4px 6px;
	padding: 0px;
	color: #000000;
	float: right;
}

#contents h2 {
	margin: 12px 0px 0px 0px;
	padding: 6px 10px 6px 10px;
	border-bottom: 1px dashed #1D2088;
	font-size:95%;
	clear: both;
}

#contents h3.reed {
	background: url(img/circle.gif) left center no-repeat;
	margin:0px 0px 0px 12px;
	padding: 6px 2px 2px 24px;
	font-size: 90%;
}

#contents h4 {
	font-size:90%;
	margin:0px;
	padding: 2px 2px 6px 36px;
	line-height: 1.3em;
}

#contents p {
	margin:0px;
	padding: 2px 2px 6px 36px;
	line-height: 1.3em;
	font-size: 90%;
}

#contents blockquote {
	margin: 12px 0px 0px 36px;
	padding: 0px 0px 0px 18px;
	border-left: 2px double #1D2088;
}

#contents ul {
	margin:0px 0px 0px 36px;
	padding: 0px 0px 0px 16px;
}

#contents li {
	list-style: square;
	margin:4px 0px 0px 0px;
	padding: 0px;
	font-size: 90%;
}

#contents #subcontents {
	width: 270px;
	float: left;
	margin: 0px 6x 8px 2px;
	padding: 0px 0px 24px 0px;
}

#contents #subcontents h3 {
	background: url(img/circle.gif) left center no-repeat;
	margin:12px 0px 8px 12px;
	padding: 0px 2px 0px 24px;
	border: none;
	font-size: 90%;
}

#contents #subcontents ul {
	margin:0px 0px 0px 36px;
	padding: 0px;
}

#contents #subcontents li {
	list-style: none;
	margin:4px 0px 0px 0px;
	padding: 0px;
	font-size: 90%;
}

#contents p.arrow {
	background: url(img/arrow.gif) right center no-repeat;
	margin:0px 12px 8px 0px;
	padding: 0px 18px 0px 0px;
	font-size: 90%;
	text-align: right;
}

#contents table.staff {
	table-layout: fixed;
	width: 500px;
	border-collapse: collapse;
	margin: 8px 0px 12px 36px;
	font-size: 90%;
}

#contents table.staff td {
	border-bottom: 1px solid #cccccc;
	padding: 2px;
}

#contents #publist {
	width:416px;
	float:right;
	margin:0px;
	padding:0px;
}

#contents #publist h3 {
	border-bottom:1px dashed #cccccc;
	padding-left: 12px;
	font-size:100%;
}

#contents #publist ul{
	margin:0px 0px 0px 24px;
	padding: 0px;
}

#contents #publist li{
	list-style: circle;
	margin:4px 0px 0px 0px;
	padding: 0px;
	font-size: 90%;
}

#contents #publist2 {
	width:140px;
	float:right;
	margin:0px;
	padding:0px 4px 0px 0px;
	border-right:1px solid #cccccc;
}

#contents #publist2  ul{
	margin:0px 0px 0px 12px;
	padding: 0px;
}

#contents #publist2 li{
	list-style: none;
	margin:4px 0px 0px 0px;
	padding: 0px;
	font-size: 90%;
}

/* Menu */

#menu {
	width: 144px;
	float: left;
	margin: 0px 0px 8px 4px;
	padding: 0px;
}

#menu h2    { color: #00008b; font-size: 100%; font-family: Times; background-color: #e6e6fa; text-align: center; letter-spacing: 2px; margin: 15px 0 10px; padding: 4px }

#menu #main_menu {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#menu #main_menu li {
	margin: 6px 0px 0px 0px;
	padding: 0px 0px 0px 6px;
	background: url(img/menu_back.gif) 0 0 repeat-y;
	background-color: #F8F8FF;
	border-bottom: 1px solid #B0C4DE;
	font-size: 90%;
	font-weight: normal;
	list-style: none;
}

#menu #main_menu li.active {
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 6px;
	background: url(img/menu_active.gif) 0 center repeat-y;
	background-color: #F8F8FF;
	border-bottom: 1px solid #B0C4DE;
	font-size: 90%;
	font-weight: bold;
	list-style: none;
}

#menu #main_menu li.sub_menu {
	margin: 4px 0px 0px 6px;
	padding: 0px 0px 0px 6px;
	background: url(img/menu_back.gif) 0 0 repeat-y;
	background-color: #F8F8FF;
	border-bottom: 1px solid #B0C4DE;
	font-size: 90%;
	font-weight: normal;
	list-style: none;
	}

#menu #main_menu li.sub_active {
	margin: 2px 0px 0px 6px;
	padding: 0px 0px 0px 6px;
	background: url(img/menu_active.gif) 0 center repeat-y;
	background-color: #F8F8FF;
	border-bottom: 1px solid #B0C4DE;
	font-size: 90%;
	font-weight: bold;
	list-style: none;
}

#menu #main_menu a {
	display: block;
	padding: 0px 0px 0px 6px;
	color: #00008B;
	text-decoration: none;
}

#menu #main_menu a:hover {
	background-color: #ccaaff;
}

/* Footer */

#footer {
	width: 719px;
	clear: both;
	margin: 0px;
	padding: 24px 4px 4px 4px;
}

#footer p {
	text-align: right;
	font-size: 85%;
}

