/*
 * font: [font-style] [font-variant] [font-weight] [font-size]/[line-height] 
 *       [font-family]
 *
 * 
 * font-style               inherit  |  normal  |  italic  |  oblique
 * font-variant             inherit  |  normal  |  small-caps
 * font-weight              inherit  |  normal  |  bold  |  lighter  |  bolder
 *
 * font-size                Looks like font-size in em or ex units is 
 *                          relative to the browser default size.
 *
 * line-height              Looks like line-height is required.
 *                          inherit  |  normal  |  eg 1.2
 *
 * font-family              Looks like this is required. Always allows:
 *                          inherit  |  serif  |  sans-serif  |  monospace
 *
 *****
 *
 * letter-spacing           inherit  |  normal  |  .1em
 *      (values may be negative)
 *
 *****
 * 
 * margin       top right bottom left
 *
 *  NOTE:   Box model properties (margin / padding/ background / border ...)
 *          are not inherited.
 *****
 *
 * Recommended organization within a rule:
 *
 *      font / text / etc.
 *
 *      color / background
 *
 *      margin / border / padding / width / height
 *
 *      display / float / position / alignment
 *
 *      other
 */

 
/* Fonts - change 'sans-serif' to your preferred font */
BODY {
    font: normal normal normal 11pt/1.2 serif;
    letter-spacing: normal;

    background-color:white;
    color:black;
}

BLOCKQUOTE, BODY, CAPTION, CENTER,
DD, DIR, DIV, DL, DT,
H1, H2, H3, H4, H5, H6,
P, LI,
TD, TH, OL, UL {
    font: normal normal normal 11pt/1.2 serif;
    letter-spacing: normal;
    }

TT {
    font: normal normal normal 11pt/1.2 monospace;
    letter-spacing: normal;
    }
    
/* Real styles */

A {
    cursor: pointer;
    }

A:link {
    color:#0000A8;
    background: transparent;
    text-decoration: underline
    }

A:visited {
    color:#0000A8;
    background: transparent;
    text-decoration: underline
    }

A:active {
    color:green;
    background: transparent;
    text-decoration: underline
    }

A:hover {
    color:#CC0000;
    background: transparent;
    text-decoration: underline
    }

BLOCKQUOTE {
    margin: 1em 10% 1em 10%;
    }

BODY {
    margin:0px 0px 0px 0px;
    /*background: white;*/
    /*background-image:url(/lib/grid.jpg);*/
    /* background: url(db/SDB-Godiva-1-light.jpg) no-repeat center center fixed;*/
    cursor: default;
	}

BUTTON {
    cursor: auto
    }

CAPTION {
    margin: 0em 0% 0em 0%;
    line-height: 1
    }

CODE {
    font-size: 1em;
    font-family: monospace
    } /* To avoid overriding boldness/italicity by using font */

DIV {
    }

DD {
    margin: 0em 0% 0em 0%;
    line-height: 1
    }

DL {
    margin: 0em 0% 0em 0%
    }

DT {
    margin: 0em 0% 0em 0%;
    line-height: 1
    }

FORM {
    font: normal normal bold 11pt/1.2 monospace;
    letter-spacing: normal;
    }
    
H1 {                /* e.g. article title (headline) */
    font: normal normal bold 24pt/1 serif;
    color:black;
    margin: 10pt auto 10pt auto;
    }

H2 {                /* e.g. article byline */
    font: normal normal bold 10pt/1 sans-serif;
    color:#0000A8;
    margin: .5em 0% .5em 0%;
    }

H3 {                /* e.g. article synopsis*/
    font: italic normal normal 10pt/1 serif;
    color:black;    
    }

H4 {                /* e.g. intra article headline */
    font: normal normal bold 14pt/1 serif;
    color:black;
    margin: .2em 0% .2em 0%;
    }

H5 {                /* e.g. top of page heading*/
    font: italic normal bold 24pt/1 serif;
    color:#CC0000;
    margin: 1em 0% .5em 0%;
    }

H6 {                /* e.g. bottom of page footer */
    font: normal normal bold 10pt/1 sans-serif;
    color:black;
    margin: 1em .5em .5em .5em;
    
    text-align:left;
    }

HR {
    margin:0;
    padding:0
    border-width:0;
    height:3px;
    background-color:#0000A8;
    }

HTML {
    margin: 0;
    }

IMG {
    margin: 5px 5px 5px 5px;
    }
     
INPUT {
    cursor: auto
    }

KBD {
    font: normal normal normal 1em/1.2 monospace
    }

LI {
    margin: .5em .5em .5em 5%;
    line-height: 1
    }

OL {
    margin: 0em 0% 0em 5%;
    list-style: decimal
    }

UL UL OL OL,
UL OL UL OL,
OL UL OL OL,
OL OL UL OL,
OL UL OL, OL OL {
    list-style: lower-alpha
    }

OL UL OL OL,
OL OL UL OL,
UL OL OL OL,
OL OL OL {
    list-style: lower-roman
    }

OL OL OL OL {
    list-style: decimal
    }

P {
    margin: .5em .5em .5em .5em;
    }

PRE {
    margin: 0em 0% 0em 0%;
    font: 1em/1 monospace
    }

SAMP {
    font: 1em monospace
    }

SMALL {
    font-size: 1em
    }

SUB {
    font-size: 1em
    }

SUP {
    font-size: 1em
    }

TABLE {
    width:100%;
    border-collapse: collapse;       /* separate | collapse | inherit */
    padding: 0px
    border: 0px solid black;
    }
    
TD {
    vertical-align: top;
    padding: 0px;
    border: 0px solid gray;
    }

TEXTAREA {
    font: 11pt/1.2 monospace;
    }

TH {
    }

TR {
    }
    
TT {
    font: 1em monospace
    }

UL {
    margin: 0em 0% 0em 5%;
    list-style: disc
    }

UL UL,
OL OL UL UL,
OL UL OL UL,
UL OL OL UL,
OL UL UL,
UL OL UL {
    list-style: circle;
    }

OL UL UL UL,
UL OL UL UL,
UL UL OL UL,
UL UL UL {
    list-style: square;
    }

UL UL UL UL {
    list-style: disc;
    }

/***
 *** Incidental classes
 ***/
 
 .red {
     color:#CC0000
    }

/**************
 * banner     *
 **************/

#banner {
    border:0px solid #000;
    }
    
#banner h1 {
    text-align:center;
    margin: 0em auto 0em auto;
    font: italic normal bold 24pt/1 serif;
    color:#CC0000;
    text-decoration: none;
    }

#banner h1 a {
    text-align:center;
    margin: 0em 0px;
    font: italic normal bold 64pt/1 serif;
    color:#CC0000;
    text-decoration: none;
    }

#banner h2 {
    text-align:center;
    margin: 0pt 0px;
    font: normal normal bold 18pt/1 serif;
    color:#0000A8;
    }

/*H3 for left / right message boxes*/
#banner h3 {
    margin: 0pt auto 0pt auto;
    padding: 5px 5px 5px 5px;
    font: normal normal bold 14pt/1 serif;
    color:#CC0000;
    
    border: 2px solid #0000A8;
    }
#banner h3 a {
    font-size:14pt;
    font-weight:bold;
    text-decoration:underline;
    }
#banner h3 a:link {
    color:#CC0000;
    }
#banner h3 a:visited {
    color:#CC0000;
    }
#banner h3 a:active {
    color:#CC0000;
    }
#banner h3 a:hover {
    color:green;
    }
    

#banner p {
    color:#0000A8;
    }

#banner HR {
    clear:both;
    }



/**************
 *  leftside  *
 **************/

#leftside { 
    margin: 0em 0px 0em 0px;
	padding:5pt;
    border:0px solid #000;
    width:150px;
    /* position:fixed; left:0; right:85%; top:0 bottom:0;  NOT FOR IE*/
    }

#leftside h1 {
    font: normal normal bold 16pt/1 serif;
    color:#CC0000;
    margin: .5em 0em 0em 0em;
    }   

#leftside h2 {
    font: normal normal bold 11pt/1 serif;
    color:green;
    margin: .7em 0em .7em 0em;
    }   

#leftside p {
    margin: .1em 0em 0em 0em;
    }   

#leftside a {
    font: normal normal bold 11pt/1 serif;
    color:black;

    text-decoration: none;
    
    }
    
#leftside a:active {
    color:#0000A8;

    text-decoration: underline;
    }

#leftside a:hover {
    color:#0000A8;

    text-decoration: underline;
    }


/**************
 * rightside  *
 **************/

#rightside {
    margin: 0em 0px 0em 0px;
    padding:5pt;
    border:0px solid #000;
    width:150px;
    /*position:fixed; left:85%; right:0; top:0 bottom:0;  NOT FOR IE*/
    }

#rightside h1 {
    font: normal normal bold 14pt/1 serif;
    color:green;
    margin: 1em 0em 0em 0em;
    }   

#rightside h2 {
    font: normal normal bold 11pt/1 serif;
    color:green;
    margin: 1em 0em 0em 0em;
    }   

#rightside p {
    margin: 1em 0em 0em 0em;
    }   

#rightside a {
    font: normal normal bold 11pt/1 serif;
    color:#CC0000;

    text-decoration: none;
    
    text-transform:uppercase;       
    }
    
#rightside a:active {
    color:green;

    text-decoration: underline;
    }

#rightside a:hover {
    color:green;

    text-decoration: underline;
    }


/*****************
 *   content     *
 *****************/

#content {
    margin: 0em 150px 0em 150px;
	padding:1pt;
    border:0px solid #000;
    }

#content H1 {
    margin: 10pt auto 10pt auto;
}

#content H1.sub {
    font-size:20pt;
    font-style:italic;
}

#content H3 {                /* e.g. article synopsis*/
    margin: .5em 10% .5em 10%;
    }

#content P.big {
    font-size:larger;
    font-weight:bold;
    color:#CC0000;    
}


#content A.larger {
    font-size:larger;
    }

#content A {
    /*font-size:larger;*/
    font-weight:bold;
    }
#content A:link {
    color:#0000A8;
    text-decoration:none;
    }
#content A:visited {
    color:#0000A8;
    text-decoration:none;
    }
#content A:active {
    color:green;
    text-decoration:none;
    }
#content A:hover {
    color:green;
    text-decoration:underline;
    }

#content H4 A {
    /* font-size:larger; */
    font-weight:bold;
    }
#content H4 A:link {
    color:#CC0000;
    text-decoration:underline;
    }
#content H4 A:visited {
    color:#CC0000;
    text-decoration:underline;
    }
#content H4 A:active {
    color:green;
    text-decoration:underline;
    }
#content H4 A:hover {
    color:green;
    text-decoration:underline;
    }


/**************
 *  footer    *
 **************/

#footer {
    margin: 2em 10px 2em 10px;
    border:0px solid #000;
    }