html {
  height: 101%;
}
body {
 text-align: center;

 background-image: url("../images/dsgn-topfade.gif");
 background-repeat: repeat-x;
}

h1 { font-size: 150%; }
h2 { font-size: 140%; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }

body, ul, ol, li, dl, dd, dt, h1, h2, h3, h4, p, form, blockquote, hr {
  margin: 0;
  padding: 0;
}
li {
  list-style-type: none;
}
a {
  text-decoration: none;
}
p, dd {
  padding-bottom: 1em;
}
sup {
  font-size: 80%;
}
img {
  display: block;
  border: 0;
}
/*--FONT--*/
body, form input, form textarea {
  font: 70%/150%  "Lucida Grande", "Lucida Sans Unicode", "Lucida", Arial, Helvetica, sans-serif, sans;
}
#content h1, #content h2, #content h3, #content h4 {
  font-weight: normal;
  margin-bottom: 1em;
  letter-spacing: .1em;
}
/*--COLOR--*/
body {
  background-color: #42251D;
}
#content img, #content ul.gallery a {
  border-color: #563C32;
}
#content a:hover {
  text-decoration: underline;
}
body, form .text, #menu a {
  color: #CFBC80;
  border-color: #CFBC80;
}
#content ul.gallery a.current, #content ul.gallery a:hover {
  background-color:  #CFBC80;
}
#content, #menu, hr {
  background-color: #4B3025;
}
#content hr {
  color: #4B3025;
}
h1, h2, #content a {
  color: #CC9933;
}
  
/*--LAYOUT--*/
#container {
  width: 690px;
  margin: 1em auto 0 auto;
}
#header {
  width: 433px;
  margin: 0 auto;
}
#header h1 {
  text-indent: -5000px;
  background: url("../images/dsgn-header.gif") no-repeat;
  height: 96px;
}
#menu {
  background-image: url("../images/dsgn-boxtop.gif");
  background-repeat:  repeat-x;
  background-position:  0 0;
  height: 48px;
  margin-top: 1em;
  padding-top: .5em;
}
#menu ul li {
  display: inline;
}
#menu ul li a {
  padding: .5em 1em;
  background: 0 100% url("../images/dsgn-star.gif") no-repeat;
}
#menu ul li a:hover, #menu ul li.current a {
  background-position: 0 0;
}
#content {
  text-align: left;
  background-position: 0 100%;
  background-image:  url("../images/dsgn-boxbottom.gif");
  background-repeat:  repeat-x;
  padding: 0 2em 1em 2em;
}
#content img {
  border-width: 10px;
  border-style:  solid;
}
#content p.sqrimg {
  text-align: center;
}
#content p.sqrimg img {
  display: inline;
  margin: 0 20px 1em 20px;
}
#content ul.gallery {
  float: left;
  width: 100px;
}
#content ul.gallery li {
  float: left;
}
#content ul.gallery li a img {
  width: 40px;
  height: 40px;
  padding: 2px;
  border-width: 0;
}
#content ul.gallery a {
  display: block;
  border-width: 1px;
  border-style:  solid;
  margin: 0 2px 2px 0;
  width: 44px;
  height: 44px;
}
  
#content img.gallery {
  float: left;
  border-width: 10px;
  border-style:  solid;
  margin: 0 10px 0 8px;
}
#content hr.clearer {
  height: 1em;
  border-width: 0;
  clear: both;
  }
#content blockquote {
  padding: 2em 5em 0 5em;
  font-style: italic;
  clear: both;
}
#content blockquote img {
  float: left;
  margin: 0 1.5em 0 0;
}
  
#content blockquote cite {
  display: block;
  margin: 1.5em 0 0 0;
  font-style: normal;
}
.fleft {
  float: left;
  margin-right: 1em;
}
#footer {
  margin-top: 1em;
  clear: both;
}
#footer p {
  display: inline;
}
#footer p.lft {
  background: 0 0 url("../images/dsgn-ltorna.gif") no-repeat;
  padding-left: 4.5em;
}
#footer p.rgt {
  background: 100% 0 url("../images/dsgn-rtorna.gif") no-repeat;
  padding-right: 4.5em;
}