html
{
  height: 100%;
}

body
{
  margin: 0;
  padding: 0;
  height: 100%;
}

#container
{
  position: relative;
  min-height: 100%;
}

* html #container
{
  height: 100%;
}

#branding
{
  background-image: url('/images/branding-background.png');
  background-repeat: repeat-x;
  background-position: top left;
  background-color: #363636;
  height: 97px;
}

#branding div.grouplogo
{
  background-image: url('/images/peyotl.png');
  background-repeat: no-repeat;
  background-position: top left;
  height: 97px;
  line-height: 97px;
  padding-left: 150px;
  font-size: 150%;
}

#branding,
#branding a,
#navigation,
#navigation a
{
  color: #ffffff !important;
}

#navigation a:hover,
#navigation a:visited:hover,
#siteinfo a:hover,
#siteinfo a:visited:hover
{
  color: #dddddd !important;
}

#navigation
{
  height: 1.4em;
  line-height: 1.4em;
  margin-top: -1.4em;
  margin-left: -10px;
  z-index: 100;
  padding-left: 170px;
}

#navigation a
{
  color: #ffffff !important;
  padding: 0 10px;
  white-space: nowrap;
  margin: 0;
  display: block;
  font-weight: bold;
}

#navigation ul
{
  font-size: 90%;
  margin: 0;
  padding: 0;
  border-color: #ffffff;
  border-width: 1px;
  list-style: none !important;
}

#navigation ul ul
{
  height: auto;
  position: absolute;
  border-style: solid solid none none;
  margin-left: -1px;
  background-color: #000000;
}

#navigation li > ul
{
  width: auto !important;
}

#navigation li
{
  display: block;
  float: left;
  padding: 0;
  margin: 0;
  border-style: none none none solid;
  border-color: #ffffff;
  border-width: 1px;
  list-style: none;
  height: 1.4em;
  line-height: 1.4em;
}

#navigation li:first-child
{
  border-left: none;
}

#navigation ul ul li:hover,
#navigation ul ul li a:hover
{
  background-color: #111111;
}

#navigation ul ul li
{
  position: relative;
  float: none;
  border-style: none none solid solid;
  margin-bottom: -3px;
}

#navigation ul ul > li
{
  margin-bottom: 0;
}

#navigation ul ul ul
{
  position: absolute;
  left: 100%;
  top: 0;
  margin-left: 0;
  margin-top: -1px;
}

#navigation ul ul,
#navigation ul li:hover ul ul,
#navigation ul ul li:hover ul ul,
#navigation ul ul ul li:hover ul ul,
#navigation ul ul ul ul li:hover ul ul
{
  display: none;
}

#navigation ul li:hover ul,
#navigation ul ul li:hover ul,
#navigation ul ul ul li:hover ul,
#navigation ul ul ul ul li:hover ul,
#navigation ul ul ul ul ul li:hover ul
{
  display: block;
  list-style: none !important;
}


#container a:link,
#container a:visited,
#siteinfo a:link,
#siteinfo a:visited
{
  text-decoration: none;
}

#container a:hover,
#container a:visited:hover,
#siteinfo a:hover,
#siteinfo a:visited:hover
{
  text-decoration: underline;
}

#content
{
  background-image: url('/images/content-background.png');
  background-repeat: repeat-x;
  background-position: top left;
  background-color: #ffffff;
  border-top: solid 1px #ffffff;
  padding-bottom: 4em;
}

#breadcrumb
{
  background-image: url('/images/peyotl-bottom.png');
  background-repeat: no-repeat;
  background-position: top left;
  min-height: 47px;
  padding: 10px 30px;
}

#breadcrumb .maxwidth
{
  clear: both;
}

#content-text
{
  padding: 0 30px 4em;
}

html > body .maxwidth
{
  display: block;
  width: auto;
  max-width: 50em;
  margin: 0 auto;
}

#siteinfo
{
  background-image: url('/images/siteinfo-background.png');
  background-repeat: repeat-x;
  background-position: top left;
  background-color: #919191;
  height: 48px;
  line-height: 46px;
  margin-top: -48px;
  position: relative;
  margin-left: -10px;
  overflow: hidden visible;
  white-space: nowrap;
}

#siteinfo a
{
  background-color: #919191;
  color: #ffffff !important;
}

#siteinfo span.sponsor
{
  padding: 0 10px;
  border-left: solid 1px #000000;
  font-size: 90%;
}

#siteinfo span.sponsor:first-child
{
  border-left: none;
}

.jquery-enabled tbody tr th:first-child
{
  display: none;
}