@charset "iso-8859-1";

body {
	background: #FFEEDD url(bio.png) no-repeat fixed;
}

h1 {
	text-align: center;
}

#legend {
	/* float: right;*/
	position: absolute;
	left: 870px;
	border: 1px solid #DDCCAA;
	padding: 1em;
	margin: 15em 1em 1em;
	text-align: center;
	width: 8em;
}

#legend p {
	padding: 0;
	margin: 0.3em 0 0 0;
}

#legend h1 {
	font-style: italic;
	font-size: 14pt;
}

#expl {
	font-style: italic;
	font-size: 10pt;
}

button {
	border: 1px outset brown;
	font-weight: bold;
	background-color: #fddfc5;
	cursor: pointer;
}

button :hover {
	border: 1px outset white;
	background-color: white;
	color: red;
}

button :active {
	border: 1px inset red;
	background-color: red;
	color: white;
}

#container {
	/* border: 1px solid red;*/
	width: 840px;
	}

/* list */

.l_outer {
	padding: 0;
	margin-left: 0.5em;
	margin-top: 1em;
	border: 1px solid #DDCCAA;
	background: white;
	width: 12em;
	float: left;
}

.l_outer div {
	float: left;
	padding: 0;
	margin: 0;
	border-bottom: 1px dotted #DDCCAA;
	width: 100%;
}

.l_outer div p {
	padding: 0;
	margin-left: 0.5em;
	font: italic bold 1em/ 1.5em Monospace;
	display: inline;
}

.l_outer h1 {
	padding: 0;
	margin: 0;
	background-color: #DDCCAA;
	text-align: center;
	font-weight: bold;
	font-size: 14pt;
}

.d {
	color: #777;
}

.p {
	color: #FF0000;
}

.e {
	color: #0000D0;
}

.i {
	color: #008000;
}

#dispc {
	margin-left: 200px;
	}

/* curve */

.c_bg {
	/* position: absolute;*/
	position: relative;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	border: 1px solid #DDCCAA;
	background: white;
	width: 744px;
	height: 246px;
}

.c_phy {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 202px;
	background-color: transparent;
	background-image: url(c_phy.png);
	border: none;
}

.c_emo {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 202px;
	background: transparent url(c_emo.png) repeat-x;
	border: none;
}

.c_int {
	position: absolute;
	width: 100%;
	height: 202px;
	top: 0;
	left: 0;
	background: transparent url(c_int.png) repeat-x;
	border: none;
}

.c_d {
	padding: 0;
	margin: 0;
	background: transparent url(c_d.png) repeat-x;
	border: none;
	width: 24px;
	height: 100%;
	float: left;
}

.c_d_p {
	background: none;
	margin: 208px 0 0;
	border: none;
	font: italic bold 1em/ 1.5em Monospace;
	color: grey;
	text-align: center;
}

.cc_d {
	color: #777;
	position: absolute;
	border: none;
	font: italic bold 1em/ 1.5em Monospace;
	text-align: center;
}

.cc_p {
	color: #FF0000;
	position: absolute;
	border: none;
	font: italic bold 1em/ 1.5em Monospace;
	text-align: center;
	
}

.cc_e {
	color: #008000;
	position: absolute;
	border: none;
	font: italic bold 1em/ 1.5em Monospace;
	text-align: center;
}

.cc_i {
	color: #0000D0;
	position: absolute;
	border: none;
	font: italic bold 1em/ 1.5em Monospace;
	text-align: center;
}