﻿/* ----- GENERAL ----- */

html, body
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    
    background-image: url(/images/bk_body.gif);
    background-repeat: repeat-x;
    background-position: top left;
    background-attachment: fixed;

    background-color: #000000;
}

a /*for transparent PNG links*/
{
    position: relative;
    z-index: 1;
}

a:link
{
    color: #B00000;
    text-decoration: underline;
}
a:visited
{
    color: #808080;
    text-decoration: underline;
}
a:hover
{
    color: #808080;
    text-decoration: underline;
}

em
{
    font-style: italic;
}

strong 
{
    font-weight: bold;
}

tt 
{
    color: #FF0000;
}

.mouseDefault
{
    cursor: default;
}

.mouseFinger 
{
    cursor: pointer;
}

.noPrint
{
 /*controls images that should not be printed, see print.css */    
}


/* ----- IMAGES ----- */

img 
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;

    border: 0px;
}

.imgCenter
{
    text-align: center;
}

.imgFloatLeft001
{
    margin: 0px 0px 20px 0px;
    padding: 5px 10px 5px 10px;
    
    float: left;
    
    clear: both;
}
.imgFloatLeft002
{
    margin: 0px 0px 20px 0px;
    padding: 5px 10px 5px 10px;
    
    float: left;
    
    clear: both;
}
.imgFloatLeft003
{
    margin: 0px 0px 20px 0px;
    padding: 5px 10px 5px 10px;
    
    float: left;
    
    clear: both;
}
.imgFloatLeft004
{
    margin: 0px 0px 20px 0px;
    padding: 0px 10px 0px 0px;
    
    float: left;
    
    clear: both;
}
.imgFloatLeft005
{
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 0px;
    
    float: left;
    
    clear: both;
}

.imgFloatRight001 
{
    margin: 0px 0px 0px 0px;
    padding: 5px 55px 5px 10px;
    
    float: right;

    clear: both;
}
.imgFloatRight002
{
    margin: 0px 0px 0px 0px;
    padding: 5px 10px 5px 10px;
    
    float: right;

    clear: both;
}
.imgFloatRight003
{
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 10px;
    
    float: right;

    clear: both;
}
.imgFloatRight004
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;

    position: relative;
    top: 38px;
        
    float: right;

    clear: both;
}
.imgFloatRight005
{
    margin: 0px 0px 0px 0px;
    padding: 0px 40px 0px 10px;

    float: right;

    clear: both;
}

.imgAttachRight 
{
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 0px;
    
    position: absolute;
    left: 675px;
}

.imgMiddle 
{
    vertical-align: middle;
} 

.imgBorder
{
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 5px 5px;
}


/* ----- BLOCKQUOTE ----- */

.bqFront
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 20px;

    clear: both;
}

.bqButterfly
{
    margin: 0px 0px 0px 0px;
    padding: 0px 150px 0px 150px;

    font-size: 105%;
    font-weight: bold;
    color: #808080;
    
    clear: both;
}

.bqMan1
{
    margin: 0px 0px 0px 0px;
    padding: 0px 150px 0px 150px;
    
    text-align: right;

    font-size: 105%;
    font-weight: bold;
    color: #808080;

    clear: both;
}

.bqGroup4
{
    margin: 0px 0px 0px 0px;
    padding: 0px 100px 0px 100px;
    
    text-align: right;

    font-size: 105%;
    font-weight: bold;
    color: #808080;

    clear: both;
}

.bqDiscussion
{
    margin: 0px 0px 0px 0px;
    padding: 0px 100px 0px 100px;
    
    font-size: 105%;
    font-weight: bold;
    color: #808080;

    clear: both;
}

.bqWoman1
{
    margin: 0px 0px 0px 0px;
    padding: 0px 250px 0px 150px;
    
    text-align: right;

    font-size: 125%;
    font-weight: bold;
    color: #808080;
    
    line-height: 200%;

    clear: both;
}

.bqGroup1
{
    margin: 0px 0px 0px 0px;
    padding: 0px 200px 0px 150px;
    
    text-align: right;

    font-size: 105%;
    font-weight: bold;
    color: #808080;

    clear: both;
}

.bqNews
{
    margin: 0px 0px 0px 0px;
    padding: 0px 150px 0px 150px;
    
    text-align: right;

    font-size: 105%;
    font-weight: bold;
    color: #808080;

    clear: both;
}

.bqElearning
{
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    
    width: 730px;
    
    text-align: center;

    clear: both;
}
.bqElearning_body
{
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 20px 0px;
    
    width: 730px;
    
    text-align: left;

    font-size: 100%;
    color: #000000;
    
    clear: both;
}

.bqAward1
{
    margin: 0px 0px 0px 0px;
    padding: 0px 20px 0px 20px;
    
    text-align: left;

    font-size: 125%;
    font-weight: bold;
    color: #808080;
    
    line-height: 200%;

    clear: both;
}


/* ----- LISTS ----- */

.olHelp
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 25px;
}


/* ----- TABLES ----- */

td 
{
}

#tblTextResize
{
    width: 150px;
    
    margin: 0px 0px 0px 0px;
    padding: 1px 5px 1px 5px;

    border-left: solid 1px #000000;
    border-right: solid 1px #000000;
    
    color: #FFFFFF;
}
#tblTextResize td a:link
{
    color: #FFFFFF;
    text-decoration: none;
}
#tblTextResize td a:visited
{
    color: #FFFFFF;
    text-decoration: none;
}
#tblTextResize td a:hover
{
    color: #FF0000;
    text-decoration: none;
}

.tblHeader
{
    width: 100%;
    
    clear: both;
}
.tblHeader td
{
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 0px;

    font-size: 125%;
    font-weight: bold;
    color: #000000;
    
    border: solid 1px #CCCCCC;
    
    text-align: center;
}


/* ----- LINES ----- */

.brClear
{
    clear: both;
}

.hrDotted_Medium
{
    margin: 5px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    
    width: 100%;
    height: 1px;
    
    background-image: url(/images/ln_dotted_grey.gif);
    background-repeat: repeat-x;
    
    text-align: left;
    
    clear: both;
}

.hrLine
{
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;

    border-top: solid 1px #9EB7E0;
    
    clear: both;
}


/* ----- BKGRDS ----- */


/* ----- FORMS ----- */

input
{
    margin: 0px 0px 0px 0px;
    padding: 3px 3px 3px 3px;
}

select
{
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;

    border: solid 1px #CCCCCC;
}

option
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 3px;

    border: 0px;
}

.fmButtonSubmit
{
    width: 80px;
    height: 25px;
    
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;

    border: 0px;
    
    cursor: pointer;
    
    background-color: #FFA800;
    
    border: solid 1px #CCCCCC;

    font-family: Sans-Serif;
    font-size: 100%;
    font-weight: bold;
    color: #000000;
}


/* ----- LINKS ----- */

.aBackToTop a
{
    color: #808080;
    text-decoration: none;
}


/* ----- TEXT RESIZE ----- */

#txtSmaller
{
    width: 15px;
    height: 15px;
    
    margin: 0px 0px 0px 0px;
    padding: 3px 2px 1px 2px;
    
    text-align: center;
    vertical-align: baseline;

    display: block;

    float: left;

    border: solid 1px #CCCCCC;
    
    font-size: 10px;
    
    cursor: pointer;
}

#txtNormal
{
    width: 15px;
    height: 15px;
    
    margin: 0px 0px 0px 0px;
    padding: 2px 2px 2px 2px;

    text-align: center;
    vertical-align: bottom;

    display: block;

    float: left;

    border: solid 1px #CCCCCC;
    
    font-size: 14px;
    
    cursor: pointer;
}

#txtLarger
{
    width: 15px;
    height: 15px;
    
    margin: 0px 0px 0px 0px;
    padding: 1px 2px 3px 2px;

    text-align: center;
    vertical-align: bottom;

    display: block;

    float: left;

    border: solid 1px #CCCCCC;

    font-size: 16px;

    cursor: pointer;
}


/* ----- TEXT ----- */

h1
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;

    font-family: Arial, Geneva, Helvetica, sans-serif;
    font-size: 125%;
    font-weight: bold;
    
    color: #BA0000;
}

h2
{
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 20px 0px;

    font-family: Arial, Geneva, Helvetica, sans-serif;
    font-size: 125%;
    font-weight: bold;
    
    color: #FFFFFF;
}

h3
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 20px 0px;

    font-family: Arial, Geneva, Helvetica, sans-serif;
    font-size: 125%;
    font-weight: bold;
    
    color: #000000;
    
    text-align: center;
}

h4
{
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 20px 0px;

    font-family: Arial, Geneva, Helvetica, sans-serif;
    font-size: 125%;
    font-weight: bold;
    
    color: #000000;
    
    text-align: center;
}

h5
{
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 20px 0px;

    font-family: Arial, Geneva, Helvetica, sans-serif;
    font-size: 125%;
    font-weight: bold;
    
    color: #17365D;
    
    text-align: center;
}

h6
{
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 0px 0px;

    font-family: Arial, Geneva, Helvetica, sans-serif;
    font-size: 125%;
    font-weight: bold;
    
    color: #000000;
    
    text-align: center;
}

.txtSmall
{
    font-size: 75%;
}

.txtMedium
{
    font-size: 80%;
    line-height: 130%;
}

.txtYellow
{
    color: #D5BD1B;    
}

.txtYellowSmall
{
    font-size: 65%;
    color: #D5BD1B;    
}

.txtYellowCenterLarge
{
    font-size: 100%;
    color: #D5BD1B;    
    font-weight: bold;
    
    text-align: center;
}

.txtBig
{
    font-size: 115%;
}

.txtBlue
{
    color: #17365D;
}

.txtBlueBig
{
    font-weight: bold;
    color: #17365D;
    font-size: 115%;
}

.txtBlackBig
{
    font-weight: bold;
    color: #000000;
    font-size: 175%;
}

.txtRed
{
    color: #B00000;
}

.txtRedBig
{
    color: #B00000;
    font-weight: bold;
    font-size: 115%;
}

.txtDarkGrey
{
    color: #808080;
}

.txtDeepDarkGrey
{
    color: #2E2E2E;
}

.txtNote
{
    color: #B00000;
    font-size: 85%;
    line-height: 120%;
    font-style: italic;
}

.txtNew
{
    color: #FF0000;
    font-size: 65%;
    line-height: 50%;
}

.txtFrontHeader
{
    font-size: 90%;
}


#divContent
{
    font-family: Arial, Geneva, Helvetica, sans-serif;
    font-size: 100%;
}

#divContent_Bottom_TextResize
{
    font-family: Sans-Serif;
    font-size: 70%;
    color: #E0E0E0;
    
    vertical-align: middle;
}

#divContent_Body_Inner_Text
{
    font-size: 100%;
    
    line-height: 140%;
}

#divContent_Body_Inner_TextResize
{
    font-size: 12px;
    
    line-height: 125%;
}

#divContent_Front_Left_Body_Inner
{
    line-height: 125%;
}

#divContent_Front_Right_Body_Inner
{
    font-size: 105%;
    
    color: #FFFFFF;
}
#divContent_Front_Right_Body_Inner a:link
{
    color: #FFFFFF;
    text-decoration: none;
}
#divContent_Front_Right_Body_Inner a:visited
{
    color: #FFFFFF;
    text-decoration: none;
}
#divContent_Front_Right_Body_Inner a:hover
{
    color: #FFFFFF;
    text-decoration: underline;
}

.lnkBackToTop
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;    

    font-size: 65%;
    color: #808080;
}
.lnkBackToTop a:link
{
    color: #808080;
    text-decoration: none;
}
.lnkBackToTop a:visited
{
    color: #808080;
    text-decoration: none;
}
.lnkBackToTop a:hover
{
    color: #808080;
    text-decoration: underline;
}

#divBottom_Left, #divBottom_Right
{
    font-family: Sans-Serif;
    font-size: 70%;
    color: #FFFFFF;

    line-height: 150%;
}
#divBottom_Left a:link, #divBottom_Right a:link
{
    color: #FFFFFF;
    text-decoration: none;
}
#divBottom_Left a:visited, #divBottom_Right a:visited
{
    color: #FFFFFF;
    text-decoration: none;
}
#divBottom_Left a:hover, #divBottom_Right a:hover
{
    color: #CCCCCC;
    text-decoration: underline;
}