body {
  color:#ffffff;
  background-color: #031023;
  background-image: url('/graphics/betaIndex/layout_background.jpg');
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  margin: 0px;
}

/* --- interface --- */

table#layout {
  background-image: url('/graphics/betaIndex/layout_background.jpg');
  border-collapse: collapse;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0px;
  vertical-align: top;
  width: 100%;
}

/* layout: TOP ROW LEFT */

#layout tr.top td.layoutLeft {
  background-image: url('/graphics/betaIndex/layout_left_edge.jpg');
  background-position: top right;
  background-repeat: repeat-y;
  padding: 0px;
  vertical-align: top;
}

#layout tr.top td.layoutLeft div.bar {
  background-image: url('/graphics/betaIndex/layout_topLeft_filler.jpg');
  background-position: top right;
  background-repeat: repeat-x;
  padding: 0px;
  vertical-align: top;
}

#layout tr.top td.layoutLeft div.anchor {
  background-image: url('/graphics/betaIndex/layout_topLeft_anchor.jpg');
  background-position: top right;
  background-repeat: no-repeat;
  padding: 0px;
  vertical-align: top;
}

/* layout: TOP ROW RIGHT */

#layout tr.top td.layoutRight {
  background-image: url('/graphics/betaIndex/layout_right_edge.jpg');
  background-position: top left;
  background-repeat: repeat-y;
  padding: 0px;
  vertical-align: top;
}

#layout tr.top td.layoutRight div.bar {
  background-image: url('/graphics/betaIndex/layout_topRight_filler.jpg');
  background-position: top left;
  background-repeat: repeat-x;
  padding: 0px;
  vertical-align: top;
}

#layout tr.top td.layoutRight div.anchor {
  background-image: url('/graphics/betaIndex/layout_topRight_anchor.jpg');
  background-position: top left;
  background-repeat: no-repeat;
  padding: 0px;
  vertical-align: top;
}

#layout tr.top td.layoutLeft div.anchor img.dot { border: none; height: 120px; margin: 0; padding: 0; width: 1px;}
#layout tr.top td.layoutRight div.anchor img.dot { border: none; height: 120px; margin: 0; padding: 0; width: 1px;}

/* interface: CENTER */

#layout td.center {
  padding: 0px;
  vertical-align: top;
  width: 400px;
}

#layout td.center div.layoutTop {
  background-image: url('/graphics/betaIndex/layout_top.jpg');
  height: 50px;
  vertical-align: top;
  width: 400px;
}

#layout td.center div.interfaceTop {
  background-image: url('/graphics/betaIndex/interface_top.jpg');
  height: 60px;
  vertical-align: top;
  width: 400px;
}

#layout div.contentWrapper {
  background-image: url('/graphics/betaIndex/interface_contentBackground.jpg');
  background-repeat: repeat-y;
  margin: 0px;
  padding: 0px;
  width: 400px;
}

#layout div.interfaceBottom {
  background-image: url('/graphics/betaIndex/interface_contentBackground.jpg');
  background-repeat: repeat-y;
  border: none;
}

#layout div.interfaceBottom div.end {
  background-image: url('/graphics/betaIndex/interface_bottom.jpg');
  background-position: bottom left;
  background-repeat: no-repeat;
  border: none;
  color: a0a0c0;
  font-size: 10pt;
  margin: 0px 0px 0px;
  min-height: 50px;
  padding: 0px 15px 0px 15px;
  text-align: center;
}

#layout div.interfaceBottom div.end div.padding {
  font-size: 1px;
  height: 12px;
  margin: 0px;
  padding: 0px;
}

#layout td.center div.layoutBottom {
  background-image: url('/graphics/betaIndex/layout_bottom.jpg');
  background-repeat: repeat-y;
  height: 60px;
}

/* interface: BOTTOM ROW LEFT */

#layout tr.bottom td.layoutLeft {
  background-image: url('/graphics/betaIndex/layout_left_edge.jpg');
  background-position: top right;
  background-repeat: repeat-y;
  padding: 0px;
  vertical-align: bottom;
}

#layout tr.bottom td.layoutLeft div.bar {
  background-image: url('/graphics/betaIndex/layout_bottomLeft_filler.jpg');
  background-position: bottom left;
  background-repeat: repeat-x;
  padding: 0px;
  vertical-align: top;
}

#layout tr.bottom td.layoutLeft div.anchor {
  background-image: url('/graphics/betaIndex/layout_bottomLeft_anchor.jpg');
  background-position: bottom right;
  background-repeat: no-repeat;
  padding: 0px;
}

#layout tr.bottom td.layoutLeft div.anchor img.dot {
  height: 90px;
  width: 0px;
}

/* interface: BOTTOM ROW RIGHT */

#layout tr.bottom td.layoutRight {
  background-image: url('/graphics/betaIndex/layout_right_edge.jpg');
  background-position: top left;
  background-repeat: repeat-y;
  padding: 0px;
  vertical-align: bottom;
}

#layout tr.bottom td.layoutRight div.bar {
  background-image: url('/graphics/betaIndex/layout_bottomRight_filler.jpg');
  background-position: bottom right;
  background-repeat: repeat-x;
  padding: 0px;
  vertical-align: top;
}

#layout tr.bottom td.layoutRight div.anchor {
  background-image: url('/graphics/betaIndex/layout_bottomRight_anchor.jpg');
  background-position: bottom left;
  background-repeat: no-repeat;
  padding: 0px;
}

#layout tr.bottom td.layoutRight div.anchor img.dot {
  height: 90px;
  width: 0px;
}

/* --- MAIN MENU --- */

div.menuBackground {
  background-image: url('/graphics/betaIndex/mainmenu_background.jpg');
  background-position: bottom left;
  background-repeat: no-repeat;
  height: 26px;
  padding: 0px;
}

#mainmenu {
  height: 26px;
}

#mainmenu table.items {
  border-collapse: collapse;
  border: none;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

#mainmenu table.items td {
  border: none;
  margin: 0px;
  padding: 0px;
  white-space: nowrap;
}

#mainmenu img {
  border: none;
  margin: 0px;
  padding: 0px;
} 

#mainmenu a {
  border: none;
  padding: 0px;
  text-decoration: none;
} 

/* --- MISC TEXT STYLES --- */

#layout div.copyright {
  background: none;
  border: none;
  color: #a0a0c0;
  font-family: "Arial", sans-serif;
  font-size: 8pt; /* NOT EM*/
  height: 18px;
  margin-top: 6px;
}

/* --- CONTENT --- */

#layout div#content {
  background-image: url('/graphics/betaIndex/interface_contentTop.jpg');
  background-position: top left;
  background-repeat: no-repeat;
  border: none;
  color: #303050;
  font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
  font-size: 0.9em; /* CONTEN FONT SIZE, based on the body size*/
  margin: 0px;
  min-height: 60px;
  padding: 1px 15px;
}

#layout div#content table {
  border: none;
  color: #303060;
  font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
  font-size: 1em; /* CONTEN FONT SIZE, based on the body size*/
}

#layout div#content table td{
  vertical-align: top;
}