@charset "UTF-8";
body {
	margin:0px 0px 20px 0px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: small;
	background-color:transparent;
}

/* a */
a,
a:link,
a:visited { color:#ccccff; text-decoration:none; }
a:hover,
a:active { color:#6666ff; background-color:#ffcccc; text-decoration:none; }
h2 a,
h2 a:link,
h2 a:visited { color:#ffcccc; text-decoration:none; }
h2 a:hover,
h2 a:active { color:#6666ff; background-color:#ffcccc; text-decoration:none; }

/* h */
h1, h2, h3, h4 {
	font-family: "Trebuchet MS", georgia, helvetica, arial, verdana, sans-serif;
	font-weight: bold;
	color: #ffcccc;
	margin: 24px 0 0 0;
	padding: 0px;
}
h1 { font-size: 200%; }
h2 { font-size: 150%; }
h3 { font-size: 110%; }
h4 { font-size: 100%; }
#content h2 { padding-top: 16px; font-size: 200%; text-align: center; }
#content-toppage h2 { padding-top: 16px; font-size: 200%; text-align: center; }
#sidepanel h1 { display:none; }
#summary h2 { text-align: left; border-bottom: 16px solid #ffcccc; font-size: 150%; }

/* lists */
#feature ul {
	margin:-48px 216px 0px -144px;
	color:#ffffff;
	list-style:none;
}
#sidepanel ul { color:#cccccc; }
#sidepanel ul li { list-style-position: outside; list-style-type: square; margin-bottom: 0.5em }

/* images */
a img, img {
    border: none;
}
#feature img {
	position:relative;
	top:-48px;
	left:-24px;
	border:none;
}

em {
	color:#ff9966;
	font-size:small;
}

/********** page structure **********/
/* 0 level */
#wrap {
	width: 768px;
	margin: 0px auto 0px auto;
	text-align: left;
	background: url("./images/bg.png") repeat left top;
}

/* 1st level */
#banner {
	height:74px;
	padding-top:2em;
	text-align:center;
	color:#cccccc;
	background-color:#525288;
	font-weight:normal;
	font-size:small;
}

#nav {
	position:relative;
	top:-60px;
	left:-28px;
}

#feature {
	padding:0px 60px 16px 300px;
	line-height:1.8em;
	color:#ffffff;
}

#summary {
	margin-bottom:48px;
	padding: 0px 16px 0px 16px;
	text-align: left;
	color: #ffffff;
	font-size: medium;
}

#content-toppage {
	float: left;
	width: 55%;
	border-top:2px dotted #cccccc;
	border-right:2px dotted #cccccc;
	line-height: 1.5em;
	text-align: left;
}

#content {
	float: left;
	width: 55%;
	border-right:2px dotted #cccccc;
	line-height: 1.5em;
	text-align: left;
}

#sidepanel {
	border-top:2px dotted #cccccc;
	border-left:2px dotted #cccccc;
	margin-left: 55%;
}

address {
	padding:16px 8px;
	color:#ffffff;
	background-color:#525288;
	text-align:center;
	line-height:1.5em;
} address.cgi {color:#666666; border:none; }

#legal {
	padding:16px 8px;
	color:#ffffff;
	background-color:#525288;
	text-align:right;
	line-height:1.5em;
	font-style:normal;
}

/********** text styles **********/
.contentText {
	padding-left:32px;
	color:#ffffff;
	background-color:transparent;
	font-size:small;
}

.feature-items {
	margin-left:-1em;
	padding:0.2em 0em 0.2em 2em;
	width:8em;
	color:#525288;
	background-color:#ffc;
	font-size:medium;
	font-weight:bold;
	border-left:12px solid #f90;
}

.sidetitle {
	margin-top:16px;
	padding-left:8px;
	padding-right: 32px;
	border-bottom:4px solid #999999;
	color:#cccccc;
	text-align: right;
}

h3.sidetitle {
	border-bottom:1px solid #cccccc;
	padding:8px 8px;
	text-align: center;
}

.ditto_documentInfo {
	display:none;
}

.float-right { float:right; }
.float-left { float:left; }
.clear-float { clear:both; }

.in-line form {
	display:inline;
	font-size:small;
}

.counter {
	background-color:transparent;
}

.annotation {
	color:#cccccc;
	font-size:small;
}