/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu { margin: 10px; height: 100px; font-size: 10pt; font-family: arial; }
.menu ul { margin: 0pt; padding: 0pt; position: relative; z-index: 500; list-style-type: none; width: 11em; }
.menu li { background-color: #ff0000; float: left; }
.menu li.sub { background-color: #ff0000; }
.menu table { position: absolute; border-collapse: collapse; top: 0pt; left: 0pt; z-index: 100; font-size: 1em; margin-top: -1px; }
.menu a, .menu a:visited { border: 1px solid #000000; display: block; text-decoration: none; height: 2em; line-height: 2em; width: 11em; color: #000000; padding-left: 1em; font-weight: bold; font-style: normal; font-variant: normal; text-transform: none; }
.menu b { float: right; margin-right: 5px; }
* html .menu a, * html .menu a:visited { width: 11em; }
* html .menu a:hover { border-color: #000000; color: #000000; background-color: #ff0000; position: relative; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li:hover { position: relative; }
.menu a:active, .menu a:focus { border-color: #000000; color: #000000; background-color: #ff0000; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li:hover > a { border-color: #000000; color: #000000; background-color: #ff0000; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li ul { padding: 2em; visibility: hidden; position: absolute; top: -2em; left: 10em; background-color: transparent; }
.menu li:hover > ul { visibility: visible; }
.menu ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; }
.menu li.sub {background:#ff0000 url(sub.gif) no-repeat right center;}


#leftcol {
  background: #ff0000;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 200px;
  height: 768px;
  z-index:1;
}
#content {
  background:transparent;
  font-family: arial;
  text-align:center;
  position: absolute;
  top: 10px;
  left: 300px;
  z-index:0;
}

table {
text-align: left;
border: 1px solid red;
}

td {
padding: 0.1cm;
color: black;
background-color: white;
border-bottom: 1px solid red;
border-left: 1px solid red;
}

th {
color: black;
background-color: white;
border: 1px solid red;
}

caption {
font-family: Arial;
font-size: 18px;
color: black;
}