html {
 font-size: 100.1%;
}

body {
 margin: 0;
 padding: 0;
 background: #666;
 color: #333;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 70%;
 text-align: center;
}

a:link, a:visited {
 color: #933;
 background: #fff;
 letter-spacing: 0.2ex;
 text-decoration: none;
 border-bottom: 1px solid #bbb;
}

a:hover, a:focus, a:active {
 color: #666;
 background: #fff;
 letter-spacing: 0.2ex;
 text-decoration: none;
 border-bottom: 1px solid #bbb;
}

blockquote {
 margin: 0 0 20px 0;
 font-style: italic;
}

blockquote.passage {
 padding-bottom: 40px;
 background: url(images/collage_motif2.gif) bottom center no-repeat;
}

blockquote p {
 margin: 0;
}

blockquote.passage p {
 font-style: normal;
 margin-bottom: 1em;
}

cite {
 font-style: italic;
}

blockquote cite {
 font-style: normal;
}

code {
 max-width: 292px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 90%;
 text-align: left;
}

dl {
 text-align: left;
}

dl dd {
 margin: 3px 0 10px 0;
}

h1, h2 {
 font-family: Georgia, "Times New Roman", "Times", serif;
 text-transform: uppercase;
}

h1 {
 height: 16px;
 font-size: 140%;
 margin-top: 0;
 padding: 3px 0 1px 0;
 color: #333;
 background: #fff url(images/collage_motif.gif) right no-repeat;
 border-bottom: 1px solid #a44;
 letter-spacing: 0.1ex;
}

h2 {
 margin-top: 25px;
 font-size: 130%;
 font-weight: normal;
}

img {
 border: none;
}

li {
 margin-bottom: 5px;
}

ol {
 padding-right: 2px;
}

ol, p, ul {
 line-height: 140%;
}

p.context {
 margin-bottom: 1.5em;
 font-style: italic;
}

ul {
 list-style: none;
 margin-left: 0;
 padding-left: 0;
}

#wrapper {
 width: 626px;
 margin: 0 auto;
 padding: 0 15px;
 color: #333;
 background: #fff url(images/collage_back.gif) repeat-y;
 text-align: left;
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 596px;
}

html>body #wrapper {
 width: 596px;
}

#header {
 width: 596px;
 height: 291px;
 margin: 0;
 padding: 0;
 background: #fff url(images/collage_header.jpg) no-repeat;
 border-bottom: 0;
 text-indent: -10000px;
}

#main {
 width: 437px;
 float: right;
 margin: 0;
 padding: 10px 0 45px 0;
 text-align: left;
}

#main p {
 text-align: justify;
}

#menu {
 width: 150px;
 float: left;
 margin: 0;
 padding: 27px 5px 0 5px;
 background: url(images/collage_corner.gif) no-repeat;
 text-align: left;
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 140px;
}

html>body #menu {
 width: 140px;
}

#menu a:link, #menu a:visited {
 display: block;
 margin-right: 7px;
 border-bottom: 1px solid #ddd;
 color: #933;
 background: #eee url(images/collage_bullet.gif) right no-repeat;
}

#menu a:hover, #menu a:focus, #menu a:active {
 display: block;
 margin-right: 7px;
 border-bottom: 1px solid #ddd;
 color: #555;
 background: #eee url(images/collage_bullet_on.gif) right no-repeat;
}

#menu li#current {
 display: block;
 margin-right: 7px;
 border-bottom: 1px solid #ddd;
 color: #555;
 background: #eee url(images/collage_bullet_on.gif) right no-repeat;
}

#footer {
 clear: both;
 margin: 20px 0 0 0;
 padding: 0 0 20px 160px;
 background: transparent url(images/collage_footer.gif) bottom no-repeat;
 border-bottom: 5px solid #933;
}

#footer p {
 padding: 3px 0 0 0;
 border-top: 1px solid #a44;
}

.inlinelist {
 list-style: none;
 margin-left: 0;
 padding-left: 0;
 text-align: left;
}

.inlinelist li {
 display: inline;
}

.inlinelist a {
 border-bottom: 0;
}