/* ***********************************************************************
 * Formatting
 * *********************************************************************** */

* {
    margin: 0;
    padding: 0;
}

BODY {
    background-color: #EDEDED;
    font-family: Arial,Helvetica,Verdana,sans-serif;
    font-size: 12px;
    color: #666666;
}

TD,TH,DIV,INPUT,SELECT {
    font-family: Arial,Helvetica,Verdana,sans-serif;
    font-size: 12px;
}

TABLE, IMG {
    border: 0;
}

H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, FORM, LABEL, UL, OL, DL, FIELDSET, ADDRESS, HR {
    margin-bottom: 10px;
}

A:link, A:visited, A:active {
    color: #0087C6;
    text-decoration: none;
}

A:hover {
    color: #0087C6;
    text-decoration: underline;
}

H1 {
    font-family: "BentonGothic Medium",Arial,Helvetica,Verdana,sans-serif;
    font-size: 25px;
    color: #0087C6;
    font-weight: normal;
}

H2 {
    font-family: "BentonGothic Medium",Arial,Helvetica,Verdana,sans-serif;
    font-size: 13px;
    color: #0087C6;
    font-weight: bold;
}

UL {
    margin-left: 6px;
}

UL LI {
    margin-left: 8px;
    list-style-type: none;
    list-style-image: url("/ECommitment/images/bullet-orange.gif");
}

.event,
.publication {
    font-style: italic;
}

DIV.reset {
    clear: both;
    font-size: 0;
}

DIV#bodyWrapper {
    background-color: white;
}

P#issueDate {
    font-size: 11px;
    color: #959595;
    font-weight: bold;
    text-transform: uppercase;
}

DIV#leftNav A.primary {
    font-size: 12px;
    font-weight: bold;
    color: #0087C6 !important;
}

DIV#leftNav A {
    font-family: "BentonGothic Medium",Arial,Helvetica,Verdana,sans-serif;
    font-size: 11px;
    color: #676767;
}

DIV#leftNav A:link,
DIV#leftNav A:visited,
DIV#leftNav A:active {
    color: #676767;
}

DIV#leftNav A:hover {
    color: #0087C6;
}

DIV#leftNavLinks .highlight {
    background-color: #F7F7F7;
}

DIV#leftNavLinks H2 {
    font-size: 11px;
    color: #959595;
    font-weight: bold;
}

DIV#leftNavLinks UL LI {
    list-style-image: url("/ECommitment/images/bullet-blue.gif");
}

DIV.leftNavRule {
    background-color: #D3D3D3;
    font-size: 0;
}

DIV#breadcrumbs {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 9px;
    color: #999999;
}

DIV#breadcrumbs .current {
    color: #666666;
}

DIV#breadcrumbs A:link,
DIV#breadcrumbs A:visited,
DIV#breadcrumbs A:active {
    color: #999999;
    text-decoration: none;
}

DIV#breadcrumbs A:hover {
    color: #0087C6;
    text-decoration: underline;
}

DIV.photo IMG,
DIV.photoRightHorizontal IMG,
DIV.photoRightVertical IMG,
DIV.photoLeftHorizontal IMG,
DIV.photoLeftVertical IMG {
    border: 8px solid #0087C6;
}

DIV.photo P,
DIV.photoRightHorizontal P,
DIV.photoRightVertical P,
DIV.photoLeftHorizontal P,
DIV.photoLeftVertical P {
    margin-bottom: 10px !important;
}

P.photoCaption {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    line-height: 14px !important;
    margin-right: 20px;
}

DIV.pullQuoteWrapper {
    background-image: url("/ECommitment/images/background-pull_quote.jpg");
    color: white;
}

DIV.pullQuoteLeft,
DIV.pullQuoteText {
    font-family: sans-serif;
    font-size: 20px;
}

DIV.pullQuoteLeft {
    text-align: right;
}

DIV.pullQuoteText P {
    line-height: 24px !important;
}

DIV.factBoxLeft,
DIV.factBoxRight {
    background-color: #C85423;
    color: white;
}

DIV.factBox H3 {
    font-family: "Times New Roman", Times, serif;
    font-size: 60px;
    font-weight: normal;
    color: #F2AE91;
    text-transform: lowercase;
    line-height: 50px;
}

DIV.contentRule,
DIV#contentBottomRule {
    background-color: #E5E5E5;
    font-size: 0;
}

DIV#footer {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    color: #888888;
}

DIV#footer A:link,
DIV#footer A:visited,
DIV#footer A:active {
    color: #888888;
    text-decoration: none;
}

DIV#footer A:hover {
    color: #0087C6;
    text-decoration: underline;
}


/* ***********************************************************************
 * Layout
 * *********************************************************************** */

DIV#bodyWrapper {
    width: 948px;
    margin-top: 1px;
    margin-left: auto;
    margin-right: auto;
}

P#issueDate {
    height: 21px;
    padding-left: 20px;
}

DIV#leftNavLinks P,
DIV#leftNavLinks H2,
DIV#leftNavLinks UL {
    padding-left: 20px;
    margin-bottom: 0 !important;
}

DIV#leftNavLinks UL {
    padding-right: 10px;
}

DIV#leftNavLinks UL LI {
    padding-bottom: 5px;
}

DIV#leftNavLinks A.primary {
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-right: 1px;
}

DIV#leftNavLinks H2 {
    padding-top: 7px;
    padding-bottom: 3px;
}

DIV.leftNavRule {
    width: 195px;
    height: 1px;
}

DIV#breadcrumbs P {
    margin-top: 30px;
    margin-bottom: 8px;
}

DIV#breadcrumbs .separator {
    padding-left: 4px;
    padding-right: 4px;
}

DIV#content H1 {
    margin-bottom: 6px;
}

DIV#content P,
DIV#content UL {
    line-height: 18px;
    margin-bottom: 18px;
}

DIV.photo {
    clear: both;
    padding-top: 5px;
    padding-bottom: 10px;
}

DIV.photoRightHorizontal,
DIV.photoRightVertical {
    float: right;
    padding-left: 20px;
}

DIV.photoLeftHorizontal,
DIV.photoLeftVertical {
    float: left;
    padding-right: 20px;
}

DIV.photoRightHorizontal,
DIV.photoLeftHorizontal {
    clear: both;
    width: 336px;
    padding-top: 25px;
    padding-bottom: 10px;
}

DIV.photoRightVertical,
DIV.photoLeftVertical {
    clear: both;
    width: 256px;
    padding-top: 25px;
    padding-bottom: 10px;
}

DIV.photoRightHorizontal IMG,
DIV.photoLeftHorizontal IMG {
    width: 320px;
}

DIV.photoRightVertical IMG,
DIV.photoLeftVertical IMG {
    width: 240px;
}

DIV.pullQuoteWrapper {
    width: 467px;
    margin-bottom: 18px;
}

DIV.pullQuoteLeft {
    width: 33px;
    padding-top: 20px;
    padding-right: 2px;
}

DIV.pullQuoteText {
    width: 375px;
    padding-top: 20px;
    padding-right: 57px;
}

DIV.pullQuoteText P {
    margin-bottom: 0 !important;
}

DIV.factBoxLeft {
    float: left;
    margin-right: 20px;
}

DIV.factBoxRight {
    float: right;
    margin-left: 20px;
}

DIV.factBoxLeft,
DIV.factBoxRight {
    width: 250px;
    margin-bottom: 18px;
}

DIV.factBox {
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

DIV.factBox H3 {
    margin-bottom: 0;
    padding-top: 12px;
    padding-bottom: 14px;
}

DIV.contentRule,
DIV#contentBottomRule {
    clear: both;
    width: 594px;
    height: 1px;
    margin-bottom: 10px;
}

DIV#footer .separator {
    padding-left: 5px;
    padding-right: 5px;
}