body          { background: url(images/pepar.jpg) repeat; text-align: center; margin: 0px; padding: 0px }
img { border: 0px }
#museum  { color: #fff; font-size: small; text-align: left; letter-spacing: 120%; padding: 3px; height: 30px }
#field { margin: 0px auto 0px auto; width: 800px }
#title   { color: #333; font-weight: 300; font-size: medium; line-height: 150%; background: url(images/title.jpg) no-repeat; margin: 0px; width: 800px; height: 450px }
#menu  { color: #333; font-weight: normal; font-size: small; line-height: 150%; background-repeat: no-repeat; text-align: left; margin-left: 430px; padding-top: 200px }
#menu li  { font-size: medium; line-height: 200%; list-style-type: none; border-bottom: 1px dashed #08a5d5 }
#menu :link { color: #08a5d5; text-decoration: none }
#menu :visited { color: #08a5d5; text-decoration: none }
#menu :hover   { color: #bd5166; text-decoration: none }
#main    { font-size: small; text-align: left }
#intro { color: #46372f; font-size: small; line-height: 150%; margin: 5px auto 5px auto; padding: 5px; border: dashed 1px #46372f }
#infomation   { color: #333; font-size: small; clear: both; margin-top: 5px; margin-bottom: 5px }
#infomation li  { list-style-type: none; list-style-position: outside; margin-left: 0px }
#access  { clear: both; margin-top: 10px; margin-bottom: 10px }
#press img { margin-left:5px;}
#sample { font-size: x-small; text-align: left; margin-right: auto; margin-left: auto; width: 500px }
#sample img { float: left; clear: both; margin: 5px }
.parts    { clear: both; margin-top: 20px; margin-bottom: 20px }
.parts table  { font-size: small; padding: 5px; border: solid 1px #000 }
.icon  { vertical-align: middle; margin-right: 5px }
.calendar { font-size: small }
img.map  { margin: 3px }
#footer     { font-size: x-small; background: url(images/footer.jpg) no-repeat; text-align: center; margin-top: 0px; width: 800px; height: 100px }
/*----------------------------------------------------------------*/
.eventparts     { font-size: small; text-align: left; margin-right: auto; margin-bottom: 20px; margin-left: auto; padding-bottom: 20px; border-bottom: 2px solid #c73; width: 70% }
.eventtitle      { color: #d50; font-weight: bold; font-size: large; padding-bottom: 3px; border-bottom: 1px solid #ddd }
.eventbody { font-size: small; width: 600px }
table.data     { margin-top: 5px; margin-bottom: 5px; border-top: 1px solid #888; border-left: 1px solid #888; width: 100% }
td.data     { font-size: small; padding: 2px 10px; border-right: 1px solid #888; border-bottom: 1px solid #888 }
td.dataname     { font-size: small; background-color: #ddd; text-align: center; padding: 2px 10px; border-right: medium none; border-bottom: 1px solid #888; width: 50px }
/*----------------------------------------------------------------*/
li  { color: #000; font-size: small; list-style-type: square; padding-left: 20px }
.line    { font-weight: bold; font-size: medium; margin-top: 5px; margin-bottom: 5px; padding-top: 2px; padding-right: 10px; padding-left: 3px; border-top: 5px none; border-bottom: 1px solid #999 }
.strong1   { color: #f60; font-weight: bold; font-size: large; margin: 5px 8px }
.head1 { color: #333; font-size: small; background: url(images/maru_or.gif) no-repeat; margin-top: 5px; padding-left: 18px }
.head2 { color: #f60; font-weight: bold; font-size: medium; margin-top: 3px; margin-bottom: 3px; padding-top: 2px; padding-right: 10px; padding-left: 3px }
.large     { font-weight: bold; font-size: x-large; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin: 5px 5px 3px }
.small    { color: #333; font-size: x-small }
.italic { color: #333; font-style: italic; font-size: x-small; margin-right: 5px; margin-left: 5px }
.clear { clear: both }
A:link { color: #00c; font-weight: bold; text-decoration: none }
A:visited { color: #00c; font-weight: bold; text-decoration: none }
A:hover { color: #06c; text-decoration: underline }