/* General rules */
body {
    font-family: Verdana, Arial, sans-serif;
    font-size: 80%;
    background-image : url(images/bg.gif);
    margin-top: 4px;
    background-color: #FFFFFF;
}

/* Special layout classes */
.topbox {
    background-color: #CCCCCC; border-left:solid 1px #000000;
    border-right: solid 1px #000000; border-bottom: solid 1px #000000;
}
.botbox {
    background-color: #CCCCCC; border-left:solid 1px #000000;
    border-right: solid 1px #000000; border-top: solid 1px #000000;
}
.contentbox {
    background-color: #CCCCCC;
    border: solid 2px;
    border-color: #999999 #222222 #444444;
    font-size: 70%;
    line-height: 90%;
}

/* Styles for the main menu */
#MainMenu { width: 100%; background: #ccc; float: left;}
#MainMenu ul { list-style: none; margin: 0; padding: 1px; width: 9em; float: left; }
#MainMenu ul ul a { font: bold 11px/16px arial, helvetica, sans-serif; display: block;
    border-width: 1px; border-style: solid; border-color: #eee #888 #333 #bbb; margin: 0;
    padding: 2px 3px;
    color: #000; background: #ccc; text-decoration: none;
    text-align: left;
}
#MainMenu a { font: bold 11px/16px arial, helvetica, sans-serif; display: block;
    border: none; margin: 0;
    padding: 2px 3px;
    color: #000; background: #ccc; text-decoration: none;
    text-align: center;
}

#MainMenu a:hover { color: #ffffff; background: #333366; }
#MainMenu li {position: relative; z-index: 500;}
#MainMenu ul ul { position: absolute; width: 10em;}
#MainMenu ul ul ul { position: absolute; top: 0.10em; left: 100%; }
div#MainMenu ul ul,
div#MainMenu ul li:hover ul ul,
div#MainMenu ul ul li:hover ul ul
{display: none; }
div#MainMenu ul li:hover ul,
div#MainMenu ul ul li:hover ul,
div#MainMenu ul ul ul li:hover ul
{display: block; }


/* Styles for the contact sheet block */
#MailForm { font-family: Arial, sans-serif;  font-size: 0.80em;}
#MailForm table { width: 80%; background-color: #; border: solid 1px #333399; }
#MailForm th { text-align: left; vertical-align: top; font-weight: bold; color: #333366}
#MailForm td { text-align: left; vertical-align: top; }

/* Style for displaying content from the database etc */
#Content { font-family: Helvetica, Arial, sans-serif; font-size: 0.90em}
#Content h1 { font-family: Helvetica, Arial, sans-serif; font-size: 1.20em; font-weight: bold;}
#Content h2 
{ 
  font-family: Helvetica, Arial, sans-serif; 
  font-size: 1.10em; 
  font-weight: bold; 
  font-style: oblique;
  padding-top: 1em;
}
#Content p { padding-top: 1em; padding-bottom: 0; margin: 0px;

