html
{
  overflow-y:       scroll !important;
}

body
{
  text-align:       center;
  background:       white url(/images/x.png) repeat scroll top left;
  font-family:      Helvetica, Arial, "Sans Serif";
  padding-top:      30px;
}

.center
{
  text-align:       center;
}

.float-left
{
  float:            left;
}

.float-right
{
  float:            right;
}

body > div
{
  margin:           0px auto;
  width:            800px;
}

div#header
{
  width:            800px; /* Otherwise IE would take the width of the document here instead of the parent div */
  height:           100px;
  background:       transparent url(/images/landscape.png) no-repeat scroll bottom right;
  text-align:       left; /* IE doesn't inherit this from the outer div, so I've to repeat it in every definition */
}

div#header img
{
  position:         absolute;
  margin-top:       -70px;
  margin-left:      15px;
}

/* Note: padding & margin for the anchors should always be 0 in vertical direction
   because otherwise the submenu might disappear when the cursor is over the
   gap*/
div.menubar-style
{
  padding-left:     150px;
  display:          table-cell;
  width:            648px;
  border-bottom:    1px solid black;
  border-top:       1px solid black;
  border-left:      1px solid #CCCCCC;
  border-right:     1px solid #CCCCCC;
  text-align:       left;
  background-color: white;
 }

.menubar-style a              { padding: 0px 5px; margin: 0px; text-decoration: none; color: black; }
.menubar-style a:hover        { color: #808080; }
.menubar-style li             { border: 1px solid white; margin: 0px 10px; }
.menubar-style li:hover       { border: 1px solid #AAAAAA; background-color: #EEEEEE; }
.menubar-style ul ul          { border: 1px solid black; background-color: #FFFFFF; }
.menubar-style ul ul li       { border: 1px solid white; margin: 3px; }
.menubar-style ul ul li:hover { border: 1px solid #AAAAAA; background-color: #EEEEEE; }
.menubar-style ul ul a        { border: none; padding-right: 1.25em; }

.menubar-style a > span       { visibility: hidden; position: absolute; }
.menubar-style ul li:hover ul a > span
{
   visibility: visible;
   position: absolute;
   font-size: small;
   right: 5px;
   overflow: hidden;
   color: #CCCCCC;
}

.menubar-style a.float-icon
{
  float:            right;
  border:           none;
  display:          inline-block;
  height:           100%;
}

.menubar-style a.float-icon img
{
  vertical-align:   middle;
}

a img
{
  border:           none;
}

div#content-container
{
  width:            798px;  /* 800px minus 2px for the borders */
  background-color: white;
  border-left:      1px solid #CCCCCC;
  border-right:     1px solid #CCCCCC;
  border-bottom:    1px solid #CCCCCC;
  text-align:       left; /* For IE */
}

div#meta-content
{
  float:            left;
  width:            160px;
  overflow:         hidden; /* Stretch in compliant browsers */
}

div#meta-content p
{
  margin:           0px;
  padding:          70px 10px 10px 10px;
  text-align:       center;
}

div#meta-content p span
{
  font-size:        medium;
  display:          block;
}

div#meta-content p span:first-child
{
  font-size:        small;
  text-decoration:  underline;
}

div#meta-content a
{
  text-decoration:  none;
  color:            black;
  display:          block;
}

div#meta-content a:hover
{
  color:            #808080;
  background-color: #EEEEEE;
}

div#content
{
  overflow:         hidden; /* Stretch in compliant browsers */
  border-left:      1px solid #CCCCCC;
  min-height:       450px;
}

/* Stretch in IE6
* html div#meta-content, * html div#content
{
  height:           450px;
  overflow:         visible;
}
*/

div#content div#path
{
  font-size:        x-small;
  padding:          2px 2px 4px 2px;
}

div#content div#path a
{
  background-color: transparent;
}

div#content a
{
  color:            black;
  background-color: #EEEEEE;
  text-decoration:  none;
  padding:          2px;
  border:           1px solid white;
}

div#content a:hover
{
  color:            #808080;
  background-color: #CCCCCC;
}

div#content p
{
  margin:           0;
  padding:          1em;
}

div#content p + p
{
  padding-top:      0;
}

div#content h4
{
  margin-left:      0.5em;
  margin-bottom:    0.5em;
}

div#content h5
{
  margin-bottom:    0;
}

div#content h4 + p,
div#content h5 + p,
div#content h5 + ul
{
  margin-top:       0;
  padding-top:      0;
}

div#content h5 > a
{
  visibility:       hidden;
}

div#content ol
{
  margin-top:       0;
  padding-top:      0;
}

div#content ol > li
{
  margin-bottom:    1em;
}

div#content .browse-prev
{
  display:          block;
  width:            40%;
  text-align:       left;
  float:            left;
}

div#content .browse-next
{
  display:          block;
  width:            40%;
  text-align:       right;
  float:            right;
}

div#content ul.no-markers
{
  list-style:       none inside none;
  padding-top:      0;
  margin-top:       0;
}

div#content ul.no-markers li
{
  list-style:       none inside none;
  line-height:      1.5em;
}

div#content ul.list-of-links a
{
  display:          inline-block;
  width:            50%;
}

a.reference
{
  border:           1px solid transparent !important;
  vertical-align:   super;
  font-size:        xx-small;
}

ul.bullet > li
{
  list-style:       disc outside none !important;
}

div#footer
{
  height:           28px;
  line-height:      28px;
  position:         relative;
  text-align:       left;
}

div#footer > ul
{
  width:            160px;
  height:           32px;
  position:         relative;
  top:              -61px;
  left:             1px;
  margin:           0 4px;
  padding:          0;
}

div#footer > ul > li
{
  width:            34px;
  height:           34px;
  display:          block;
  list-style:       none outside none;
  margin:           0 2px;
  padding:          0;
  vertical-align:   top;
  text-align:       left;
  overflow:         hidden;
  float:            left;
}

div#footer > ul > li > a
{
  cursor:           pointer;
  border:           none;
}

div#footer > ul > li > a > img
{
  border:           1px solid #CCCCCC;
}

div#footer > ul > li > div
{
  position:         absolute;
  display:          inline;
  visibility:       hidden;
  width:            0;      /* To make Firefox not overlap the next icon(s) */
}

div#footer > ul > li > div > div
{
  width:            160px;
  height:           28px;
  position:         relative;
  top:              32px;
  vertical-align:   bottom;
  text-align:       center;
}

div#footer > ul > li:hover > div
{
  visibility:       visible;
}

div#footer > ul > li                     > div > div { left:  -40px; }
div#footer > ul > li + li                > div > div { left:  -78px; }
div#footer > ul > li + li + li           > div > div { left: -116px; }
div#footer > ul > li + li + li + li      > div > div { left: -154px; }

div#footer > div
{
  position:         absolute;
  top:              0;
  right:            0;
  font-size:        xx-small;
  line-height:      1em;
  color:            #AAAAAA;
}

.copy
{
  vertical-align:   super;
  font-size:        xx-small;
}

.event-table td
{
  padding-left:      2em;
}