html{background-color: #EBEBEB; background-image: url('images/gradientHead.jpg'); background-repeat: repeat-x;}

body{
font-family:  verdana, arial, helvetica, sans-serif;
font-size: 9pt;
color:  #2D2D2D;
line-height: 160%;
margin: 0px;
}


/* Content LINKS orange */

a{font-size: 8.5pt; color: #d95d00; font-family: verdana, arial, helvetica, sans-serif; line-height: 120%; text-decoration: underline; font-weight: bold;}
a:link{color: #d95d00;}
a:visited{color: #d95d00;}
a:active{color: #d95d00;}
a:hover{color: #b14f00; text-decoration: underline; font-size: 8.5pt; font-weight: bold;}

/* Top Links - email */

a.e{font-size: 9pt; color: #d95d00; font-family: verdana, arial, helvetica, sans-serif; line-height: 120%; font-weight: normal; text-decoration: none;}
a.e:link{color: #d95d00;}
a.e:visited{color: #d95d00;}
a.e:active{color: #d95d00;}
a.e:hover{color: #d95d00; text-decoration: underline; font-size: 9pt;}

/* Nav Links - white*/

a.nav{font-size: 10.5pt; color: #FFFFFF; font-family: verdana, arial, helvetica, sans-serif; line-height: 120%; font-weight: normal; text-decoration: none;}
a.nav:link{color: #FFFFFF;}
a.nav:visited{color: #FFFFFF;}
a.nav:active{color: #FFFFFF;}
a.nav:hover{color: #FFFFFF; text-decoration: none; font-size: 10.5pt; font-weight: normal;}


/* Footer Links - grey */

a.foot{font-size: 8pt; color: #4A4A4A; font-family: verdana, arial, helvetica, sans-serif; line-height: 120%; font-weight: normal; text-decoration: none;}
a.foot:link{color: #4A4A4A;}
a.foot:visited{color: #4A4A4A;}
a.foot:active{color: #4A4A4A;}
a.foot:hover{color: #4A4A4A; text-decoration: underline; font-size: 8pt; font-weight: normal;}

/* Button Links - white */

a.btn{font-size: 10pt; color: #FFFFFF; font-family: verdana, arial, helvetica, sans-serif; line-height: 120%; font-weight: bold; text-decoration: none;}
a.btn:link{color: #FFFFFF;}
a.btn:visited{color: #FFFFFF;}
a.btn:active{color: #FFFFFF;}
a.btn:hover{color: #FFFFFF; text-decoration: none; font-size: 10pt; font-weight: bold;}

/* Small white underline */

a.white{font-size: 8pt; color: #FFFFFF; font-family: verdana, arial, helvetica, sans-serif; line-height: 120%; font-weight: normal; text-decoration: underline;}
a.white:link{color: #FFFFFF;}
a.white:visited{color: #FFFFFF;}
a.white:active{color: #FFFFFF;}
a.white:hover{color: #FFFFFF; text-decoration: underline; font-size: 8pt; font-weight: normal;}


#button{cursor: pointer; cursor: hand;}
#buttonFB{cursor: pointer; cursor: hand;}

h1{
font-family:  georgia, serif;
font-size: 20pt;
font-weight: normal;
line-height: 140%;
color: #6d2e00;
margin-top: 0px;
margin-bottom: 35px;
}

h2{
    color: #d86612;
    font-size: 15pt;
    font-weight: normal;
    margin-top: 30px;
    margin-bottom: 30px;
    line-height: 150%;
}

h3{
    margin-top: 20px;
    margin-bottom: 20px;
    color: #161616;
    font-size: 12pt;
    font-weight: normal;
    line-height: 150%;
}

/*table.tblList td h3{margin-top: 0px; margin-bottom: 5px;}
table.tblList td{vertical-align: top;}*/

.caption{
    margin-top: 3px;
    margin-bottom: 23px;
    font-size: 7pt;
    color: #5A5A5A;
    text-align: center;
    line-height: 150%;
}

.captionD{
    margin-top: 3px;
    margin-bottom: 25px;
    font-size: 8pt;
    color: #303030;
    text-align: center;
    line-height: 150%;
}

.captionL{
    margin-top: 3px;
    margin-bottom: 23px;
    font-size: 7pt;
    color: #5A5A5A;
    text-align: justify;
    line-height: 150%;
}

.hr{
    height: 1px;
    border-style: solid;
    border-color: #CCCCCC;
    border-width: 1px 0px 0px 0px;
    margin: 15px 0px 15px 0px;
}

.hrDot{
    height: 1px;
    border-style: dotted;
    border-color: #666666;
    border-width: 1px 0px 0px 0px;
    margin: 45px 0px 35px 0px;
}

.columnRight{
    float: right;
    width: 280px;
    min-height: 100px;
    margin: 30px 15px 10px 0px;
    border-style: solid;
    border-color: #93572e;
    border-width: 0px 0px 0px 1px;
}

.colRightPad{
    padding: 0px 0px 0px 30px;
}

.colLeftPad{
    padding: 25px 15px 15px 20px;
}

/* for nav in osh and aids pages */
.columnLeft{
    float: left;
    width: 300px;
    min-height: 100px;
    margin: 45px 25px 10px 0px;
}



.sideNav{
    height: 35px;
    padding: 20px 5px 0px 5px;
    border-style: solid;
    border-color: #BC5F1D;
    border-width: 0px 0px 1px 0px;
    cursor: pointer; cursor: hand;
}

/* active tab */
.sideNavA{
    height: 35px;
    background-color: #F9DDCB;
    padding: 20px 5px 0px 5px;
    border-style: solid;
    border-color: #BC5F1D;
    border-width: 0px 0px 1px 0px;
    cursor: pointer; cursor: hand;
}

.logoPeople{
    position: absolute;
    bottom: -15px;
    left: 760px;
}

.shadow{
    position: relative;
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
    min-height: 200px;
    background-image: url('images/shadow.jpg');
    background-repeat: no-repeat;
}

p.more{margin-top: 0px; text-align: right;}

p.intro{font-size: 11pt; margin-bottom: 30px; line-height: 140%;}

p.quote{font-family: georgia, serif; font-size: 10pt; font-style: italic; font-weight: normal;}
p.def{font-size: 8pt;}
p.white{margin: 0px; padding: 15px; font-size: 8pt; color: #FFFFFF; line-height: 140%;}
div.breadcrumb{margin-bottom: 30px;}

.blocO{float: right; width: 180px; clear: both; border-radius: 5px; background-color: #bc5f1d; margin-top: 20px; margin-right: 30px;}


/*for IE5 */

table.tblDocs{background-color: #FFFFFF;
    border-style: solid;
    border-color: #CCCCCC;
    border-width: 0px 0px  1px 1px;}

td{
font-family:  verdana, arial, helvetica, sans-serif;
font-size: 9pt;
color:  #2D2D2D;
line-height: 160%;
margin: 0px;
vertical-align: top;
}

td.nav{
    width: 110px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-color: transparent;
    text-align: center;
    padding-right: 2px;
    cursor: pointer; cursor: hand;
    vertical-align: middle;
}

/* align right */
td.amount{
    background-color: #CCCCCC;
    text-align: right;
}

/* align left */
td.amountL{
    background-color: #CCCCCC;
    text-align: left;
}

/* line top left */
td.line{
    background-color: #FFFFFF;
    border-style: solid;
    border-color: #CCCCCC;
    border-width: 1px 0px  0px 1px;
}

/* line top right */
td.lineR{
    background-color: #FFFFFF;
    border-style: solid;
    border-color: #CCCCCC;
    border-width: 1px 1px  0px 0px;
}

td.Head{font-size: 11pt; text-align: center; color: #FFFFFF; background-color:#d86612;}

td.Sub{
    font-weight: bold;
    border-style: solid;
    border-color: #CCCCCC;
    border-width: 1px 0px  0px 1px;
    background-color: #F9DDCB;}
    
/* general table*/

table.tblGeneral td{padding: 4px;}
table.tblGeneral th{font-weight: bold; text-align: left;}


/*Panel slides - training*/
.panelHead{border-style: solid; padding: 10px 15px 10px 15px; margin-bottom: 10px; margin-top: 10px; border-radius: 8px; border-color: #CCCCCC; border-width: 1px; background-image: url('images/arrow_up.gif'); background-repeat: no-repeat; background-position: right center; cursor: hand; cursor: pointer;}
.panelHead h2{margin: 0px; padding: 0px; line-height: 120%;}
.panel{display: none; padding-left: 10px;}

div.panelBottom{height: 50px; background-image: url('images/arrow_bottom.gif'); background-repeat: no-repeat; background-position: center; cursor: pointer; cursor: hand;}
div.panelBottom:hover{height: 50px; background-image: url('images/arrow_bottomO.gif'); background-repeat: no-repeat; background-position: center; cursor: pointer; cursor: hand;}
