.hide
{
display: none;
}

h1
{
font-family: Arial;
font-size: 44px;
letter-spacing: 5px;
color: white;
text-decoration: underline;
text-align: center;
padding: 0.7ex 0 0.4ex 0px;
}

p
{
font-family: Arial;
font-size: 12px;
color: white;
}
 
th
{
font-family: Arial;
font-size: 16px;
letter-spacing: 3px;
color: #ffffff;
}

caption
{
font-family: Arial;
font-size: 20px;
letter-spacing: 2px;
color: yellow;
}

/* ------------------------------------------------ */

/* begin menu div */

div.menu
{
position: absolute;
left: 0;
width: 185px;
margin: 30px 0 0 10px;
padding: 0 0 1px 0;
text-align: right;

}

div.menu a 
{
text-decoration: none;
}

div.menu ul
{
  margin: 0;
  padding: 0;
  list-style: none;
}

div.menu ul a, div.menu ul span
{
    display: block;
    border: solid black 1px;
    padding: 4px 8px;
}

div.menu ul a:hover 
{

border-right: solid black 3px;
}

div.menu ul li a.separator 
{
margin-top: 2px;
}

div.menu ul span
{
border-right: solid red 3px;
}

div.menu ul ul a, div.menu ul ul span {
    margin: -4px 1px 3px 15px;
    padding: 1px 8px 1px 8px;
    font-size: 80%;
    text-align: left    
}

div.menu ul ul a:hover {
    margin: -4px 0 3px 15px;
    padding: 1px 8px 1px 8px;
    border-right: solid black 3px;
}

div.menu li 
{
margin: 0;
padding: 0;
display: inline;
}

/* eind menu div */

/* --------------------------------------------------------- */

/* begin main div */

div.main
{
text-align: left;
margin: 10px 0px 0 210px;
width:640px;
}


div.main h2
{
font-family: Arial;
font-size: 18px;
letter-spacing: 3px;
color: red;
text-decoration: underline;
}

div.main h3
{
font-family: Arial;
font-size: 18px;
letter-spacing: 3px;
text-decoration: none;
border: solid black 1px;
text-align: left;
padding: 4px 40px 4px 10px;
border: solid #def 1px;
border-left: solid #def 3px;
}

div.main h4
{
font-family: Arial;
font-size: 12px;
color: red;
}

div.main a 
{
text-decoration: none;
}

div.main a:hover
{
text-decoration: underline;
}


/* eind main div*/


/* ------------------------------------------------ */


/* background colors */

body
{
background: black;
}

div.menu 
{
background: black;
}

div.menu a {
    background: #bcd;
}

div.main h3
{
background: white;
}

div.menu span, div.menu a:hover {
    background: #789;
}

h1 { 
    background: #bcd;
}

/* --------------------------------------------------------- */

/* text colors */

body a
{
color: green;
}

div.menu a {
    color: black;
}

div.menu a:visited {
    color: #567;
}


div.main a {
    color: 33CC00;
}

div.main a:visited {
    color: 006600;
}

h1, div.menu span {
    color: white;
}