/* $Id$
 *
 *                  HTML
 * Colors:          Name    RGB         CMYK
 *  Red             red     #FF0000     0%,100%,100%,0%
 *  Yellow          yellow  #FFFF00     0%,0%,100%,0%
 *  Green           lime    #00FF00     100%,0%,100%,0%
 *  Cyan            aqua    #00FFFF     100%,0%,0%,0%
 *  Blue            blue    #0000FF     100%,100%,0%,0%
 *  Magenta         fuchsia #FF00FF     0%,100%,0%,0%
 *
 *  White           white   #FFFFFF     0%,0%,0%,0%
 *                  silver  #C0C0C0
 *                  gray    #808080
 *  Black           black   #000000     0%,0%,0%,100%
 *
 *                  maroon  #800000
 *                  olive   #808000
 *                  green   #008000
 *                  teal    #008080
 *                  navy    #000080
 *                  purple  #800080
 *
 *  Chartreuse 1            #7FFF00     50%,0%,100%,0%
 *  Chartreuse 2            #76EE00     50%,0%,100%,7%
 *  Chartreuse 3            #66CD00     50%,0%,100%,20%
 *  Chartreuse 4            #458B00     50%,0%,100%,45%
 *
 *
 *
 * Formulas
 * Color Brightness = ((R X 299) + (G X 587) + (B X 114)) / 1000
 * Brightness difference should be at least 125.
 *
 * Color Difference = (maximum (R1, R2) - minimum (R1, R2)) + (maximum (G1, G2) - minimum (G1, G2)) + (maximum (B1, B2) - minimum (B1, B2))
 * Color difference should be at least 500 (W3C).
 * Color difference should be at least 400 (Hewlett Packard).
*/

body {
    font-family: serif;
    font-size: 12px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 5px;
    background-color: white
}

h1{font-family: sans-serif; font-size: large; font-weight: bold;}
h2{font-family: sans-serif; font-size: medium; font-weight: bold;}
h3{font-family: sans-serif; font-size: small; font-weight: bold;}

p.copyright{font-size: xx-small;text-align:center}

/*
a         {text-decoration: none}
a:hover   {text-decoration: underline;}
a:active  {color: blue;}
a:link    {color: red;}
a:visited {color: red;}
*/

code{font-family: monospace}

tr.keys{font-size: xx-small; text-align:center}
td.nav{font-size: xx-small; text-align:left}

.toptable {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #CCCCCC;
    margin-bottom: 6px;
    margin-top: 4px;
}


/* Outline styles */
ol.alphanumeric{list-style: upper-roman;}
ol.alphanumeric>ol{list-style: upper-latin;}
ol.alphanumeric>ol>ol{list-style: decimal;}
ol.alphanumeric>ol>ol>ol{list-style: lower-latin;}
ol.alphanumeric>ol>ol>ol>ol{list-style: lower-roman;}       

ol.decimal{counter-reset: item}
ol.decimal li{display: block}
ol.decimal li:before{content: counters(item, ". ") " "; counter-increment: item;}


/* Body divisions */
div.main
{
    position: relative;
    width: 450px;
    display: block;
    margin: 0px;
/*
    border: 1px;
    border-style: solid;
    border-color: red;
*/
}

div.pictures
{
    width: 200px;
    position: absolute;
    /* display: inline; */
    top: 0px;
    left: 400px;
}

div.text
{
    text-align: justify;
    margin-left: 2em;
    margin-right: 2em;
    /* position: relative; */
    width: 60ex;
}

div.summary
{
    width: 160px;
    /* height: 100px; */
    position: absolute;
    top: 80px;
    left: 635px;
    border: 4px;
    border-style: groove;
    padding-left: 2px;
    padding-right: 2px;
    background-color: silver;
}

div.summary h1
{
    font-family: sans-serif;
    font-size: small;
    font-weight: bold;
    text-align: center;
    border: thin;
    border-top-style: double;
    border-bottom-style: double;
}

div.summary p
{
    font-family: serif;
    font-size: x-small;
    margin: 0px;
    border: 0px;
    padding: 0em;
}



/* Header Styles */
.tableborder {
    border: 1px #333333 solid;
    padding: 0px
}

div.LogoIcon
{
    position: absolute;
    top: 4px;
    left: 10px;
    width: 64px;
    height: 64px;
    Padding: 0pt;
    z-index: 11;
    visibility: visible 
}

div.LogoText {
    position: absolute;
    top: 15px;
    left: 200px;
    width: 306px;
    height: 36px;
    margin-bottom: 5px;
}


/* Header Menu Style */
table.HeaderMenu
{
    width: 800px;
    font-family: sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: black;
    background-color: silver;
    border: thin solid black;
    margin-top: 60px;
}

table.HeaderMenu td
{
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: middle;
}

table.HeaderMenu a:Link,
table.HeaderMenu a:Active,
table.HeaderMenu a:Visited
    {color: blue; background-color: silver; text-decoration: underline;}
table.HeaderMenu a:hover
    {color: #CC0000; background-color: silver; text-decoration: underline;}


/* Footer Style */
table.FooterMenu
{
    width: 800px;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 10px;
    text-decoration: none;
    text-align: center;
}

table.FooterMenu tr:first-child
{
    font-size: larger;
    color: #F5F5F5;
    background-color: #333333;
}

table.FooterMenu tr:first-child td
{
    padding: 4px 2px 6px
}

table.FooterMenu tr:first-child a:Link,
table.FooterMenu tr:first-child a:Active,
table.FooterMenu tr:first-child a:Visited
    {color: #F5F5F5; background-color: #333333}
table.FooterMenu tr:first-child a:hover
    {color:#CC0000; text-decoration: none;}

table.FooterMenu a:active,
table.FooterMenu a:link
    {text-decoration: none; color: #CC0000;}
table.FooterMenu a:hover
    {text-decoration: underline;}
table.FooterMenu a:visited
    {text-decoration: none; color: #999999;}

img.size32x32
{
    border:0;
    width:32px;
    height:32px;
    padding: 2px 2px 2px 2px
}

img.size64x64
{
    border:0;
    width:64px;
    height:64px;
    padding: 2px 2px 2px 2px
}

img.size88x31
{
    border:0;
    width:88px;
    height:31px;
    padding: 16px 8px 16px 8px
}

img.size55x22
{
    border:0;
    width:55px;
    height:22px;
    padding: 11px 5px 11px 5px
}