/***********************************************/
/* x                                           */
/***********************************************/
/***********************************************/
/* You'll need these 6 lines for Dreamweaver   */
/***********************************************/

/*
 * Style sheet for the HTML 4.0 specification
 *
 * by Gerrit E.G. 'Insh_Allah' Hobbelt
 */

/*
 * Netscape 'forgets' quite a few things (textcolor, etc.) when outside a <span> block:
 * it looks like NE4 doesn't support <span> within <span>: as soon as the first </span> arrives
 * everything is apparently reset to default (which is BLACK text) :-( bloody morons.
 *
 * Then there's the problem with NE4.5 and beyond: those happen not to understand the
 * 'font-size' element but require 'fontsize' instead.
 *
 * Opera 3.60 doesn't seem to grasp the <span class="xxxx"> tag _outside_ <p>...</p> blocks.
 * So .FinePrint should be implemented as <p class=FinePrint>...</p> to make 'em happy :-(
 */


html
{
    color: rgb(0,0,0);                  /* #FFFF00 */

    background-color: #eaf9fd;

    /*
     font-family: Calibri, Verdana, Georgia, "Trebuchet MS", Lucida Sans, Arial, Helvetica, sans-serif;
    */
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.0em;    /* 1.1em / 1.2em looks really UGLY on UNIX/Firefox, while looking good on Windows :-( */
    /* font-size: 1.5em; */

    text-align: left;
}




/*
 from outside to inside:

 margin > border > padding
 */
body
{
    margin-left: 1.5em;
    margin-right: 1.5em;
    margin-top: 1.0em;
    margin-bottom: 1.0em;

    /*
    border-top:    1px #136FD2 solid;
    border-bottom: 1px #136FD2 solid;
    border-left:   1px #136FD2 solid;
    border-right:  1px #136FD2 solid;
    */
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

img
{
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;

    border-top:    0;
    border-bottom: 0;
    border-left:   0;
    border-right:  0;

    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

p
{
    /* text-align: justify; */
    text-align: left; 
    text-align-last: left;

    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;

    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 0;
    padding-right: 0;
}

ul
{
    list-style: disc;

    margin-left: 0.5em;
    margin-right: 0.5em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;

    border-top:    0;
    border-bottom: 0;
    border-left:   0;
    border-right:  0;

    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

ol
{
    list-style: upper-alpha outside;

    margin-left: 0.5em;
    margin-right: 0.5em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;

    border-top:    0;
    border-bottom: 0;
    border-left:   0;
    border-right:  0;

    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

ol ol
{
    list-style: decimal outside;
}

/*
   http://www.w3schools.com/Css/css_pseudo_classes.asp
   
   order is important, see section on a. speudo classes
 */
a:link
{
    color: #5E0CCB;
    text-decoration: none;
    background-color: transparent;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
}

a:visited
{
    color: #064891;
    text-decoration: none;
    background-color: transparent;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
}

a:hover
{
    color: #8B04D5;
    text-decoration: none;
    background-color: transparent;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
    outline: #FAFF9D solid 1px;
}

a:active
{
    color: #A70359;
    text-decoration: none;
    background-color: transparent;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
}

em
{
    font-style: italic;
}

strong
{
    font-weight: bold;
}

small
{
    font-size: 90%;
}

sup
{
    font-size: 90%;
    vertical-align: super;
}

sub
{
    font-size: 90%;
    vertical-align: sub;
}

h1
{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 200%;

    text-align: center;

    padding-top: 0.1em;
    border-top:    2px #1579E8 solid;
    padding-bottom: 0.1em;
    border-bottom:    2px #1579E8 solid;

    margin-top: 0.6em;
    margin-bottom: 0.3em;
}

h2
{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 180%;

    text-align: center;

    padding-bottom: 0.1em;
    border-bottom:    2px #69AAF1 solid;

    margin-top: 0.6em;
    margin-bottom: 0.3em;
}

h3
{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 160%;

    text-align: center;

    padding-bottom: 0.1em;
    border-bottom:    1px #75D1F4 solid;

    margin-top: 0.6em;
    margin-bottom: 0.3em;
}

h4
{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 140%;

    text-align: center;
    
    padding-bottom: 0.1em;
    border-bottom:    1px #EBF9FE solid;

    margin-top: 0.6em;
    margin-bottom: 0.3em;
}

h5
{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 120%;

    text-align: center;
    
    padding-bottom: 0.1em;
    border-bottom:    1px #EBF9FE solid;

    margin-top: 0.6em;
    margin-bottom: 0.3em;
}

h6
{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 120%;

    text-align: center;
    
    padding-bottom: 0.1em;
    border-bottom:    1px #EBF9FE solid;

    margin-top: 0.6em;
    margin-bottom: 0.3em;
}



/*
 from outside to inside:

 margin > border > padding
 
 IE6 does not render 'border-collapse: separate' like FireFox (white between the two lines)
 and IE6 does not handle border-spacing, so we can only fix this (I checked and looked, yeah)
 by adding 'cellspacing=0' to the <table> tag itself.
 */
table
{
    border-top:    1px #69AAF1 solid;
    border-bottom: 1px #136FD2 solid;
    border-left:   1px #136FD2 solid;
    border-right:  1px #69AAF1 solid;

    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 0;
    margin-right: 0;

    border-collapse: separate;
    border-spacing: 0px;
    border-break: solid;

    /* width: 100%; -- IE6 takes this as 100% of the page width :-S */
}

/*
 from outside to inside:

 margin > border > padding
 */

td, th
{
    vertical-align: top;

    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    border-top:    2px #136FD2 solid;
    border-bottom: 2px #69AAF1 solid;
    border-left:   2px #69AAF1 solid;
    border-right:  2px #136FD2 solid;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

/*
td p, th p
{
    margin-left: 1.5em;
    margin-right: 1.5em;
    margin-top: 1.0em;
    margin-bottom: 1.0em;

    border-top:    1px black solid;
    border-bottom: 1px black solid;
    border-left:   1px black solid;
    border-right:  1px black solid;

    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}
*/

th p
{
    text-align: left;              /* justify ? */
    font-size: 110%;
    font-weight: bold;
}


/* opera 3.50 */
dd
{
    margin-top: 0;
    margin-bottom: 0;
}

dt
{
    margin-top: 0;
    margin-bottom: 0;
}


pre
{
    background-color: #FDFBF7;
    border-left: 3px #0051E8 solid;
    border-bottom: 1px #0051E8 solid;
    border-top: 1px #000066 solid;
    border-right: 1px #000066 solid;

    margin: 0.3em 2em 0.3em 2em;
    padding: 0.2em 0.2em 0.2em 0.5em;

    font-family: Consolas, "Lucida Console", "Courier New", Courier, monospace;
    font-size: 0.85em;
}


code
{
    background-color: #FDFBF7;

    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0.5em;
    padding-right: 0.5em;

    font-family: Consolas, "Lucida Console", "Courier New", Courier, monospace;
}


blockquote
{
    background-color: #D0F2FB;

    border-top:    1px #337DEE solid;
    border-bottom: 1px #337DEE solid;
    border-left:   1px #337DEE solid;
    border-right:  1px #337DEE solid;

    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    margin-left: 0.2em;
    margin-right: 0.2em;
}

/*
* I'm using hardcoded point sizes here instead of 'xx-small' etc. as Netscape & IE render
* these names at different point sizes. Netscape renders xx-small too small to be readable anyhow. :-(
*/

.CenteredFinePrint
{
    font-size: 80%;
}

.SmallPrint
{
    font-size: 80%;
}

.FinePrint
{
    font-size: 80%;
}

.CenteredNormalPrint
{
    text-align: center;
}

.CenteredLargePrint
{
    text-align: center;
}

.CenteredFinePrint
{
    text-align: center;
}

.CenteredLargePrint
{
    font-size: 160%;
}

.LargePrint
{
    font-size: 160%;
}

.CenteredNormalPrint
{
    font-size: 100%;
}

.NormalPrint
{
    font-size: 100%;
}

.LabelPrint
{
    font-size: 140%;
}

.IsConstructedBy
{
    font-size: 120%;
}

.IsWrittenBy
{
    font-size: 120%;
    text-align: center;
    font-style: italic;
}

.CorporateStatement
{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 200%;

    text-align: center;

    padding-top: 0.1em;
    border-top:    3px #F56918 solid;
    padding-bottom: 0.1em;
    border-bottom:    3px #F56918 solid;

    margin-top: 0.6em;
    margin-bottom: 0.6em;
}

.content_text
{
    font-family: Georgia, "Times New Roman", Times, serif;
}


.left
{
    text-align: left;
}

.center
{
    text-align: center;
}

/*
 * [i_a] IE4 doesn't support 'justify' it seems... so we introduce different definitions:
 * each browser will take what it can handle.
 *
 * </P> tag should be located following an additional 'space' to prevent 'justify'
 * from justifying the last line too :-( Same applies for </td> et al.
 */
.just
{
    /* for those that do not know 'justify' */
    text-align: left;
}

.just
{
    text-align: justify;
    text-align-last: left;
}

.RedCode
{
    color: #FF3300;
}

.OrangeCode
{
    color: #D76800;
}

.GreenCode
{
    color: #007D00;
}

.CorporateColor
{
    color: #F56918;
}

.nowrap
{
    white-space:nowrap;
}

.hanging
{
    /* text-align: start; */
    text-indent: -0.6em;
    padding-left: 0.6em;
}    


.hanging
{
    /* text-align: start; */
    text-indent: 0.6em hanging;
}


.Copyright
{
    font-size: 80%;
    text-align: center;

    border-top: 2px #0B4286 solid;
    border-bottom: 0;
    border-left:   0;
    border-right:  0;

    padding-top: 0.2em;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    
    margin-top: 1.0em;
    margin-bottom: 0.1em;
    margin-left: 0;
    margin-right: 0;
}

.signed 
{
    font-size: 110%;
    font-style: italic;
    text-align: right;
}

.quoted_email
{
    /* font-style: italic; */
    text-align: left;
    color: #060d30;

    background-color: #d3f5fe;

    border-top:    1px #739dc4 solid;
    border-bottom: 1px #739dc4 solid;
    border-left:   1px #739dc4 solid;
    border-right:  1px #739dc4 solid;

    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 0.2em;
    margin-right: 0.2em;
}