* { margin: 0; padding: 0; }
body { margin: 0; padding: 0; font: .9em verdana,sans-serif; }

hr { display: none; }
small { display: none; }
#content img { display: none; }
#nav { display: none; }
#text { display: none; }
#footer { display: none; }

h2 { text-align: right; margin: 0 0 5px; padding: 0 5px; font-size: 1em; color: #333; background-color: #fff; border: 1px solid #999; }
h3 { padding: 0 5px; color: #333; font-size: 1em; }
h4 { padding: 5px 5px 0; color: #333; font-size: 1em; }

p  { margin: 5px 5px 10px; line-height: 1.5em; }
ul { list-style: none; }
dl { padding: 0 5px 5px; margin: 0 0 10px; border: 1px solid #999; }
dt { padding: 0 0 5px; }
dd { color: #666; font-size: 0.9em; }
address { padding: 0 0 5px; color: #000; font-style: normal; font-size: 1.1em; }

.clear { clear: both; }

#info { display: none; }

.highlight { background-image: url(../images/bead.jpg); background-position: top right; background-repeat: no-repeat; }

table { margin: 0 0 10px; width: 100%; font-size: .9em; }
table h3 { text-align: right; border-bottom: 1px solid #999; color: #333; }
td { vertical-align: top; border: 1px solid #999; }
td small { padding: 5px; }

#event-box { width: 33%; color: #666; }
#visit-box { width: 34%; color: #666; }
#class-box { width: 33%; color: #666; }

#cost-box { width: 33%; color: #666; }
#book-box { width: 34%; color: #666; }
#organise-box { width: 33%; color: #666; }

#link ul { padding: 0 5px 5px; margin: 0 0 10px; border: none; }
#link li { margin: 0 0 10px; }
#link em { color: #666; margin: 0 10px 10px 0; font-style: normal; font-size: 0.9em; }

a         { color: #666; text-decoration: underline; }
a:link    { color: #666; }
a:visited { color: #666; }
a:hover   { color: #000; background-color: #9cc; }
a:active  { color: #666;  }

