* {
 margin: 0;
 padding: 0;
}

body, html {
 height: 100%;
}

body {
 font: .9em verdana,sans-serif;
}

#container {
 max-width: 1024px;
}

#header {
 height: 80px;
}

#logo {
 border: none;
 float: left;
 margin: 0;
}

#content {
 margin: 0 10px 0 160px;
}

#footer {
 background: #fff;
 clear: both;
 color: #999;
 font-size: 12px;
 padding: 10px;
 text-align: right;
}

h2 {
 background-color: #fff;
 background: url(../images/fade-s-turquoise.png) top left repeat-x;
 border: 1px solid #999;
 color: #333;
 font-size: 1em;
 margin: 0 0 5px;
 padding: 0 5px;
 text-align: right;
}

h3 {
 color: #333;
 font-size: 1em;
 padding: 0 5px;
}

h4 {
 color: #333;
 font-size: 1em;
 padding: 5px 5px 0;
}

p {
 line-height: 1.5em;
 margin: 5px 5px 10px;
}

ul {
 list-style: none;
}

dt {
 padding: 0 0 5px;
}

dd {
 color: #666;
 font-size: 0.9em;
}

hr {
 display: none;
}

img {
 border: 1px solid #999;
 float: right;
 margin: 0 0 10px 10px;
}

small {
 display: block;
 margin: 5px 0 0;
 text-align: right;
}

address {
 color: #000;
 font-size: 1.1em;
 font-style: normal;
 padding: 0 0 5px;
}

dd img {
 border: 1px solid #999;
 float: none;
 margin: 2px;
}

dd.shop-images {
 float: right;
 margin: -1.5em 0 0;
}

.clear {
 clear: both;
}

.clear-right {
 clear: right;
}

#info {
 background: url(../images/fade-s-turquoise.png) top left repeat-x;
 border: 1px solid #999;
 font-size: 0.9em;
 margin: 0 0 10px;
 padding: 0 5px;
}

.table-wrapper {
 width: 100%;
}

table {
 font-size: .9em;
 margin: 0 0 10px;
 width: 100%;
}

table h3 {
 background: url(../images/fade-s-turquoise.png) top left repeat-x;
 border-bottom: 1px solid #999;
 color: #333;
 text-align: right;
}

td {
 border: 1px solid #999;
 vertical-align: top;
}

td small {
 padding: 5px;
}

#link li {
 margin: 0 0 10px;
}

#link em {
 color: #666;
 font-size: 0.9em;
 font-style: normal;
 margin: 0 10px 10px 0;
}

dl,
#link ul {
 border: 1px solid #999;
 margin: 0 0 10px;
 padding: 0 5px 5px;
}

#visit-box,
#event-box,
#class-box {
 color: #666;
 width: 33%;
}

/* contact */
form {
 margin: 5px;
 width: 400px;
}

fieldset {
 border: none;
}

fieldset em {
 color: #999;
 font-style: normal;
}

#inputs label {
 display: block;
}

#inputs input,
#inputs textarea {
 border: 1px solid #ccc;
 font-family: verdana,sans-serif;
 margin: 0 0 10px;
 padding: 0 5px;
 width: 100%;
}

#inputs input:focus,
#inputs textarea:focus,
#inputs input:hover,
#inputs textarea:hover {
 border-color: #999;
}

#shop-key {
 color: #666;
 font-size: 0.8em;
}

/* links */
a {
 color: #666;
 text-decoration: underline;
}

a.links {
 color: #000;
 text-decoration: underline;
}

a.links:link,
a.links:visited,
a.links:active {
 color: #000;
}

a:link,
a:visited,
a:active {
 color: #666;
}

a:hover,
a.links:hover {
 background-color: #9cc;
 color: #000;
}

/* navigation */
#nav {
 display: inline;
 float: left;
 margin: 0 0 0 10px;
 width: 140px;
}

#nav ul {
 list-style-type: none;
 margin: 0 0 10px;
 padding: 0 0 10px;
}

#nav li {
 margin: 0 0 3px;
}

#nav li img {
 float: none;
 margin: 0 2px;
 padding: 0;
}

#nav a {
 background-color: #fff;
 border: 1px solid #999;
 display: block;
 padding: 0 0 0 5px;
 text-decoration: none;
 width: 130px;
}

#nav a:link,
#nav a:visited {
 color: #000;
}

#nav a:hover,
#selected a:link,
#selected a:visited,
#selected a:hover {
 background-color: #fff;
 background: url(../images/fade-s-turquoise.png) top left repeat-x;
 border: 1px solid #999;
 color: #333;
}