body {
  font-family: Lucida Sans Unicode, Verdana, Arial, sans-serif;
  font-size: 10pt;
  margin: 10px 0 27px 0;
  padding: 0;
  text-align: center;
  background-color: #eedcb0;
  background-image: url("../images/layout_savannah/footer.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  color: #6e5139
}

#wrapper {
  width: 1020px;
  margin: 0 auto;
  background-image: url("../images/layout_savannah/repeat.png");
}

#chatTable {
  width: 100%;
}

#header {
  background-image: url("../images/layout_savannah/top.png");
  background-repeat: no-repeat;
  background-position: left center;
  height: 264px;
}

#links {
  background-image: url("../images/layout_savannah/links.png");
  height: 35px;
}

#content {
  background-image: url("../images/layout_savannah/content.png");
  background-repeat: no-repeat;
  padding: 0 15px;
}

.line {
  border: 1px solid #fff
}

#sidebar {
  float: left;
  width: 199px;
}

#sidebar .padd {
  padding: 20px 20px 10px 10px
}

#main .padd {
  padding: 10px 15px 0 15px
}

#main {
  margin-left: 200px;
  text-align: left;
}

#links div {
  padding: 0 20px 0 300px;
  text-align: left;
  font-weight: bold;
  color: #000;
  font-variant: small-caps;
}

.navDiv {
  display: none;
}

.navLink span {
  display: inline-block;
  margin: 0;
  color: #a1977c;
  width: 90px;
  text-align: left;
  line-height: 35px;
  background-image: none;
}

.navLink span.hover{
  background-image: url(../images/layout_savannah/link.png);
  background-repeat: no-repeat;
  background-position: left 2px;
}

.navLink span.hover {
  color: #4a3b26
}

#links span .navDiv{
  background-image: none;
}

#links span.hover .navDiv {
  background-image: url(../images/layout_savannah/link.png);
  background-repeat: no-repeat;
  background-position: left -33px;
  border-top: 0
}


.padd {
  padding: 10px;

}

#footer {
  clear: both;
}

.sidebarDiv {
  background-color: #b4a788;
  padding: 5px;
  border: 1px solid #fff;
  background-image: url(../images/layout_savannah/tabs.jpg);
  background-position: bottom;
  background-repeat: repeat-x;
  -moz-border-radius: 5px;
  color: #fff;
}

div.sidebarDiv.lalign {
  text-align: left;
}

.sidebarDiv a:link, .sidebarDiv a:visited {
  color: #fff;
}

.sidebarDiv small a:link, .sidebarDiv small a:visited {
  color: #dbcead;
  font-size: 10pt
}

.sidebarDiv a:active, .sidebarDiv a:hover {
  color: #d2c4a0;
}

#turb {
  position: relative;
  text-align: left;
}

#turb img {
  display: none;
}

#links div.navDiv {
  position: absolute;
  text-align: left;
  background-color: #d6c69e;
  color: #886d51;
  padding: 0;
  width: 140px;
  border: 1px solid #fff;
  font-size: 9pt;
  line-height: 1em
}

.navDiv a {
  display: block;
  padding: 10px;
}

.navDiv a:link, .navDiv a:visited {
  color: #886d51;
  text-decoration: none;
}

.navDiv a:active, .navDiv a:hover {
  color: #fff;
  background-color: #9c9176;
}

#footer {
  text-align: center;
  margin: 30px 5px 5px 5px;
  border-top: 1px solid #6e5139;
  padding: 2px;
}

a:link, a:visited {
  color: #73583e;
  text-decoration: none;
}

a:active, a:hover {
  color: #000;
}

h1 {
  color: #6e5139;
  font-size: 15pt;
}

h2 {
  color: #846143;
  font-size: 11pt;
}

ul {
  list-style-type: square;
}

ul li {
  margin-bottom: 0.5em;
}

ul li, p {
  line-height: 20px;
  text-align: justify;
}

.thumb {
  width: 100px;
  height: 100px;
}

.gryffTable, #chatPost, #chat {
  background-color: #bbaa80;
  margin: 0 auto;
  border: 1px solid #fff
}

#chat .gryffTable {
  border:0
}

.gryffTable td {
  background-color: #ebe3ce;
  text-align: left;
  color: #6e5139;
  border: 1px solid #fff
}

.itemID {
  float: left;
  border: 5px solid #fff;
  background-color: #ebe3ce;
  width: 120px;
  padding: 5px;
  height: 180px;
  margin: 5px;
}

.itemInfo {
  display: none;
  position: absolute;
  width: 150px;
  padding: 5px;
  border: 3px solid #fff;
  background-color: #ebe3ce;
}


.gryffTable th {
  background-color: #9c9176;
  color: #fff;
  border: 1px solid #fff
}

.gryffTable th a:link, .gryffTable th a:visited {
  color: #ffffff;
}

.fourcol td {
  width: 150px;
}

#chat {
  width: 760px;
  height: 550px;
  overflow: auto;
}

#chatText {
  width: 500px;
}

#chatPost {
  padding: 5px 0;
  width: 760px;
  border-bottom: 0
}

#chatPost {
  text-align: center;
}

#chat td {
  padding: 2px;
}

.mup {
  margin-top: 30px;
}

.full {
  width: 100%;
}

.calign {
  text-align: center;
}

.areaLinks {
  text-align: center;
}

.areaLinks a {
  display: inline-block;
  background-color: #b4a788;
  border: 1px solid #fff;
  padding: 6px 15px;
  margin: 2px;
}

.areaLinks a:active, .areaLinks a:hover {
  background-color: #d7c69d;
}
#sidebar input {
  margin: 3px 0;
}

#chat table td {
  text-align: left;
}

.areaImage {
  border: 1px solid #000000;
}

.error, .alert {
  display: block;
  margin: 2px;
  padding: 5px;
  color: #fff;
}

.error a:link, .error a:visited, .alert a:link, .alert a:visited {
  color: #fff;
  text-decoration: underline;
}

.error {
  background-color: #600000;
}

.alert {
  background-color: #30D04E;
}

#gryffHunt, #gryffFish {
  margin: 10px 0;
}

.date {
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 9pt;
  color: #46a9bd;
}

.miniicon {
  width: 25px;
  height: 25px;
  border: 1px solid #000000;
}

#chatTable td {
  padding: 5px;
}

.gryfforder {
  width: 120px;
  padding: 5px;
  height: 70px;
  border: 3px solid #fff;
  background-color: #ebe3ce;
}

.gryffTable td table td {
  border: 0
}