body {
    font-family:        Arial;
    background-color:   #EEF8CC;    /*D5E6CA F8FFD8*/
    color:              black;
    color:              #002000;    /* a very dark green */
    font-size:          10pt;       /* was 10 */
    width:              960px;
    margin-left:        auto;       /* these center the content on the screen */
    margin-right:       auto;       /* when width is specified */
    border: 0px         solid;      /* turn on to visualize */
}
/* ================================================================ lists */
p { margin: 0.7em 0; }

dd {
    text-indent:        -2em;
    margin-left:        4em;
    margin-bottom:      0.5ex;
    margin-right:       2em;
    }
dl {
    font-size:          inherit;
    }
li {
    text-indent:        0;
    font-size:          inherit;
    }
ul {
/*  list-style-image:   url(/images/40-60-00.gif);  */
    list-style-type:    disc;
    padding-left:       1em;
    margin-left:        1em;
}
ol {
    padding-left:       1.5em;
    margin-left:        1em;
}


/* ==================================================================== links */
a               { font-weight:normal; text-decoration: none; }
a:link          { color: #008040; color: #00B000;} /* test */
a:visited       { color: #707000; color: #0050A0;} /* purple */
a:hover         { text-decoration: underline;
                  background-color: #F8FFE8; }  /* little lighter than normal bg */
a:link:hover    { color: #004000; }
a:visited:hover { color: #808000; }
a:active        { color: #FF0000; } /* brt red */

img a:hover     {color: white;}

a.text-embedded {
    line-height: inherit;
    border: inherit;
    padding: inherit;
    text-decoration: inherit;
    }

h1, h2, h3, h4, h5, h6 {font-family: inherit; color: inherit;}
h1 { text-align: center}
h2 { }
h3 { text-indent: -2.5%;}
h4 { }
h5 { }
h6 { }

hr {
    height:             1px;
    width:              95%;
    border:             none;           /* if not turned off, FF makes a wider rule */
    clear:              both;
    }
hr {
    color:              #002000;       /* used by FF */
    background-color:   #002000;       /* used by IE  */
    }


/* ======================================================== header1 for index page */
#header1 {
    color:              #004000;            /* dk green but lighter than body text */
    width:              100%;
    height:             60px;
    border-bottom:      2px solid black;
    font-family:        Verdana;
}
#header1_left {
    float:              left;
    width:              20%;
    height:             100%;
}
#header1_left_ofp_logo {
    font-family:        "Arial Black";
    font-size:          54px;
    line-height:        60px;
    padding-left:       10px;
    float:              left:
}
#header1_left_ofp_words {
    float:              left;
    font-family:        Arial;
    font-weight:        bold;
    font-size:          16pt;
    padding-top:        7px;
    padding-left:       1em;
}
#header1_right {
    float:              right;
    width:              80%;
    height:             100%;
}
#header1_right_title {
    height:             40px;
    font-size:          30px;
    font-weight:        bold;
    line-height:        40px;
    text-align:         center;
    padding-top:        0px;
}
#header1_right_subtitle {
    height:             20px;
    font-size:          14px;
    line-height:        20px;
    text-align:         center;
    padding-top:        0px;
}



/* ============================================= header2 for normal body pages */
#header2 {
    color:              #004000;            /* a little lighter than body text */
    width:              100%;
    height:             60px;
    border-bottom:      2px solid black;
    font-family:        Verdana;
}
#header2_left {
    float:              left;
    width:              40%;
    height:             100%;
}
#header2_left_ofp_logo {
    font-family:        "Arial Black";
    font-size:          54px;
    line-height:        60px;
    padding-left:       10px;
    float:              left:
}
#header2_left_ofp_words {
    float:              left;
    font-family:        Arial;
    font-weight:        bold;
    font-size:          16pt;
    padding-top:        7px;
    padding-left:       1em;
}
#header2_right {
    float:              right;
    width:              60%;
    height:             100%;
}
#header2_right_title {
    height:             40px;
    font-size:          25px;
    font-weight:        bold;
    line-height:        40px;
    text-align:         center;
    padding-top:        0px;
}
#header2_right_menu {
    height:             20px;
    font-size:          14px;
    line-height:        20px;
    text-align:         center;
    padding-top:        0px;
}
/* =============================================================================================
 *      Footer for all pages
 */
#footer {                               /* W:960 = 0 0 2 956 2 0 0 */
    clear:              both;           /* below any floating elements */
    height:             14px;
    width:              956px;          /* almost full width */
    padding:            2px;            /* keep content a little bit away */
    border-width:       1px 0 0 0;      /* one pixel stripe above footer */
}
#footer {
    border-style:       solid;
    border-color:       black;
    font-size:          6pt;
    font-family:        verdana, arial, sans-serif;
    }
#copyright {                            /* used only within #footer */
    float:              left;
    text-align:         left;
    padding-left: 1em;
    }
#timestamp {                            /* used only within #footer */
    float:              right;
    text-align:         right;
    padding-right:      1em;
    }
/* ===================================================================== */

.image_box {
    border: 0px solid;
    font-weight: normal;
    text-align: center;
    font-size: 12pt;
     }
.sidebar {
    border: 1px solid;
    margin: 5px;
    padding: 5px;
    text-align: left;
    font-weight: normal;
    }
.text_box {
    border: 0px solid;
    font-weight: normal;
    text-align: left;
    padding: 20px;
     }
.image3x4 {
    width: 75px;
    height: 100px;
    border: 1px solid;
    padding: 0px;
    margin: 0px;
    }
.image3x3 {
    width: 100px;
    width: 75px;
    height: 133px;
    height: 100px;
    border: 1px solid;
    padding: 0px;
    margin-left: 3px;
    margin-top: 0px;
    margin: 2px;                /* new */
    }
img.c        {  clear:  both;  }        /* clear */
img.cl       {  clear:  left;  }
img.cr       {  clear:  right; }
img.wauto    {  width:  auto;  }        /* width */
img.full     {  width:  100%;  }
img.w100     {  width:  100%;  }
img.w95      {  width:  95%;   }
img.w67      {  width:  67%;   }
img.w50      {  width:  50%;   }
img.w40      {  width:  40%;   }
img.w33      {  width:  33%;   }
img.w30      {  width:  30%;   }
img.w25      {  width:  25%;   }
img.w20      {  width:  20%;   }
img.w17      {  width:  17%;   }
img.w10      {  width:  10%;   }

img.center {                            /* position */
    margin-left:        -1px;
    margin-right:       -1px;
    }
img.left {
    float:              left;
    margin-left:        0;
    }
img.right {
    float:              right;
    margin-right:       0;
    }
.x {
    padding: 0px;
    margin: 0px;
    border: 0px solid blue;
    text-align: center;
    }
.x2 {
    padding: 1px;
    margin: 1px;
    border: 1px solid red;
    }
.faq {
/*  border: 0px solid red;  */
/*  font-size: 12pt;
    text-indent: -2em;
    padding-left: 2em;*/
    }
.lrpad {
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 10px;
    }
.lrpad10 {
/*  border: 0px solid green;    */
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 10px;
    padding-bottom: 10px;
    }
.lrpad10 {
/*  border:             0px solid green;    */
    padding-left:       10%;
    padding-right: 10%;
    padding-top: 10px;
    padding-bottom: 10px;
    }
.content_area {             /* intended to be used with a <div> or <table> */
    border: 0px solid red;  /* for debug */
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 10px;
    padding-bottom: 10px
    }
.bc {
    text-weight: bold;
    text-align: center;
    }
.fine_print {
    text-align:     center;
    margin-left:    auto;
    margin-right:   auto;
    margin-bottom:  3px;
    margin-top:     10px;
    background-color: #DDE7BB;
    border: 1px solid black;
    font-size: 1em;
    padding: 1px;           /* inside the border */
    }