html {
  background-color:	#028;
}
body {
  background:	#eef url(body-back.jpg); 
  color:	#000;
  font-size:	100%;
  font-family:	Arial, Helvetica, "MS PGothic", sans-serif;
  line-height:	1.5;
  margin:	0 10% 0 10%;
  padding:	0 80px 0 80px;
}
a:link {
  color:	#00f;
}
a:visited {
  color:	#608;
}
a:link:hover, a:visited:hover {
  color:	#f60;
}
a:link:active, a:visited:active {
  color:	#f00;
}
.nav {
  text-align:	center;
  margin:	1em -50px;
  padding:	1em 50px;
  border:	2px none #028;
}
#top {
  border-bottom-style:	solid;
}
#bottom {
  margin-top:	2em;
  border-top-style:	solid;
}
.nav li {
  margin:	0 4px;
  padding:	0;
  display:	inline;
}
.nav li a {
  background-color:	#fff;
  font-weight:	bold;
  font-family:	Verdana, Arial, Helvetica, sans-serif;
  text-decoration:	none;
  padding:	0.3em 1em;
  border:	1px solid #028;
}
.nav li a:hover {
  background-color:	#fea;
  border-color:	#d50;
}
h1 {
  background:	url(-h1-back.png) right bottom no-repeat;
  color:	#07a;
  font-size:	1.6em;
  text-align:	center;
  margin:	0 -80px 1em -80px;
  padding:	0 30px 0.5em 30px;
  border-bottom:	30px solid #028;
}
h2 {
  color:	#07a;
  font-size:	1.4em;
  margin:	1.5em 0 0.5em 0;
  padding-left:	6px;
  border-left:	6px solid;
  border-bottom:	2px solid;
}
hr {
  background-color:	#07a;
  color:	#07a;
  margin:	1em 0;
  border:	none;
  height:	2px;
}
h1, h2, h3, h4, h5, h6, hr, .nav {
  clear:	both;
}
table {
  background-color:	#eef;
  border-collapse:	collapse;
}
table, th, td {
  border:	1px solid #07a;
}
th {
  text-align:	left;
}
th, td {
  padding:	2px 3px 0 3px;
}
thead {
  background-color:	#028;
  color:	#fff;
}
.calendar .saturday {
  background-color:	#3cf;
}
.calendar .sunday, .calendar .holiday {
  background-color:	#f98;
}
dt {
  font-weight:	bold;
  margin-top:	0.3em;
}
dl.overview dt {
  font-weight:	normal;
  margin-top:	0;
  width:	3.8em;
  float:	left;
  clear:	left;
}
dl.overview dd {
  margin-left:	3.8em;
}
dl.result dt {
  color:	#f00;
}
dl.images dt {
  clear:	left;
}
dl.images dt img {
  margin:	0 1em 1em 0;
  float:	left;
}
dl.images dd {
  margin-left:	0;
}
dl.roles {
  padding-top:	0.5em;
  border:	2px solid #07a;
  border-bottom:	0px none;
}
dl.roles dt {
  margin-top:	0;
  padding-left:	1em;
  float:	left;
}
dl.roles dd {
  margin:	0 0  0.5em 0;
  padding:	 0 0 0.5em 3em;
  border-bottom:	2px solid #07a;
  clear:	left;
}
.line {
  display:	block;
}
img {
  border:	none;
}
img.thumbnail {
  border:	2px solid;
}
img.portrait {
  margin:	0 0 1em 1em;
  float:	right;
}
table.info {
  width:	100%;
  clear:	both;
}
table.info th {
  background-color:	#dbf;
  font-weight:	normal;
  width:	50%;
}
table.info, table.info th, table.info td {
  border-width:	2px;
}
table.info ul, table.info ol {
  margin:	0;
  padding-left:	1.5em;
}