html,
body {
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 90%;
    color: #666;
}
.clear {
    clear: both !important;
    float: none !important;

}


a { color: #666 !important; text-decoration: none !important;}

#pageFramework01 {
    width: 100%;
    margin: 0;
    padding: 0;
}
#pageHeader {
    background:transparent url(../_images/pageFrameWork-Top.gif) no-repeat scroll left top !important;
    height:110px !important;
    margin-left:0 !important;
    position: relative;
    border-bottom: 3px solid #ccc;
    margin-bottom: 20px !important;
}
#pageSearch,
#pageOnlineBanking,
#pageLocalSites,
#pageMenu,
#pageContact,
.pageFramework21,
.contentStyle11,
.print-hide { display: none; }

body#sustain h1,
body#sustain h2,
body#sustain h3,
body#sustain h4,
body#sustain h5,
body#sustain h6,
body#sustain p { background-color: transparent; }
body#sustain h2 { color: #666; }
body#sustain h3,
body#sustain h4{ color: #005D9A; }

body#sustain h4 { font-style: italic;}

.intro_p {
    font-weight: bold;
    font-size: 1.2em;
}
.header-strap {
    position: absolute;
    top: 40px;
    left: 170px;
}
.header-strap h1 {
    color: #666;
    font-size: 1.2em;
    line-height: 1em;
    margin: 0 !important;
    padding: 0 !important;
}
.header-strap h2 {
    color: #86C533 !important;
    font-size: 1.6em;
    margin: 0 !important;
    padding: 0 !important;
}
dl.footnotes {
    color:#666666;
    font-size: 0.6em;
    margin-left: 18px;
    display: block;
    clear: both;
}
dl.footnotes dt {
    display:block;
    float:left;
    height: auto;
    width: 20px;
  
}
dl.footnotes dd {
    margin-bottom:10px;
    margin-left:5px;


}
.blue-bg {
    background: #e5eef5 !important;
    padding: 10px;
    margin-bottom: 15px;
    clear: both !important;
}
.cs-bg { border-top: 5px solid #ccc; }
blockquote {
    color: #86c533;
    border-top: 5px solid #86c533;
    padding-top: 10px;
    font-weight: bold;
    font-size: 1em;
    display: block;
    margin: 0;
}
blockquote span.name {
    font-size: 0.7em;
    font-weight: normal;
    display: block;
    clear: both;
    margin-top: 10px;
}
/* Reusable styles */

.p0 { padding: 0px !important; }
.p5 { padding: 5px !important; }
.p10 { padding: 10px !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.m0 { margin: 0px !important; }
.m5 { margin: 5px !important; }
.m10 { margin: 10px !important; }
.m15 { margin: 15px !important; }
.m20 { margin: 20px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.no_r_b { border-right: none !important; }
.no_b_b { border-bottom: none !important; }
.txt_center { text-align: center !important; }
.txt_right { text-align: right !important; }
.txt_left { text-align: left !important; }
.txt_italic { font-style: italic !important; }
.abLeft {
    position: absolute;
    left: 0 !important;
}
.abRight {
    position: absolute;
    right: 0 !important;
}
.fRight { float: right !important; }
.fLeft { float: left !important; }
.center {
    position: relative;
    margin: 0 auto;
}
.border-b-bl { border-bottom: 1px solid #017AA7; }
.border-t-bl {
    border-top: 1px solid #017AA7;
    height: 120px;
}
ul.image { clear: both; }
div.highlights {
    background: #017AA7;
    padding: 10px;
}
div.highlights h3 {
    font-size: 1.5em;
    font-weight: bold;
    color: #fff !important;
    margin: 0 0 10px 0;
    padding: 0;
}
div.highlights ul {
    color: #fff;
    padding: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}
div.highlights ul li {
    margin-bottom: 10px;
    font-size: 0.9em;
    padding: 0 0 10px 0;
    background: none;
    display: block;
    border-bottom: 2px solid #fff !important;
}
div.highlights ul li span {
    display: block;
    font-size: 2.3em;
    clear: both;
    font-weight: bold;
}
.column10 {
    width:70%;
    border-left: 1px solid #ccc;
    margin-left: 10px;
    padding-left: 10px;

}
.column80 { width: 200px;  }
.column { float:right; }
.blue-bg h3 {
    margin: 0;
    padding: 0;
}
.round_arrow { display: none; }
.pageFramework22 {
    width: 100% !important;
    position: relative;
    /*margin-left: -60px;*/
 
}
.pageFramework22 h1.banner {
    display: block;
    position: absolute;
    color: #fff!important;
    left: 300px;
    top: -15px;
}

.pageFramework22 h1 {
    color: #86C533;
    display: block;
}

form { display: none; }


div.enviro_data table thead tr th {
    padding: 0px 5px 6px 5px;
    height: 40px;
    vertical-align: middle;
    border-bottom: 1px solid #86C533;
    border-right: 3px solid #fff;
    background: url(../_images/_sustain_img/bgrnd-table-grad-01.png) top left repeat-x;
}
div.enviro_data table thead tr th.extra_border { border-right: 6px solid #fff; }
div.enviro_data table thead tr th.no_border { border-right: none; }
div.enviro_data table tbody tr td {
    padding: 5px 5px 25px 5px;
    vertical-align: top;
    border-bottom: 1px solid #86C533;
    border-right: 3px solid #fff;
}
div.enviro_data table tbody tr td.progress {
    text-align: center;
    vertical-align: middle;
}
div.enviro_data table tbody tr td ul {
    margin: 5px 0px 0px 20px;
    padding: 0px;
}
div.enviro_data table tbody tr td ul li {
    margin: 0px;
    padding: 0px 0px 15px 0px;
    line-height: 1.4em;
}
div.env_cont table {
    margin: 5px 10px 15px 18px;
    width: 572px;
    font-size: 69%;
    text-align : left;
    color: #017AA7;
    background: url(../_images/_sustain_img/bgrnd-light-grey-grad.png) top left repeat-x;
}
div.env_cont table thead tr th,
div.env_cont table tbody tr th,
div.env_cont table tbody tr td {
    padding: 5px 5px 5px 5px;
    text-align: right;
}
div.env_cont table thead tr th,
div.env_cont table tbody tr td { text-align: right; }
div.env_cont table tbody tr th {
    text-align: left;
    font-weight: normal;
}
div.env_cont table thead tr th {
    background: none;
    border-bottom: 1px solid #ccc;
    border-right: none;
}
div.env_cont table tbody tr th,
div.env_cont table tbody tr td {
    border-top: 1px solid #ccc;
    border-right: none;
    border-bottom: none;
}

div.highlights ul li.no-bor-b { border-bottom: none !important; }

.pageFramework22 .banner-h1 {
    margin: 0 0 0 60px;
}

a.top { visibility: hidden; }

.story-box { display: none; }

.print-push-left { margin-left: 260px; }


div.financial_quote h3 {
    font-size:0.9em;
    font-weight:bold;
}

div.financial_quote p.quote {
    font-size:2.3em;
    margin:0;
}

.quote, .quote_info {
    color:#666666;
    font-family:Arial,sans-serif;
    font-size:1.2em;
    line-height:1.2em;
    margin-left:20px;
    margin-top:0;
}

div.financial_quote ul {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;
    font-size: 0.9em;
}

div.financial_quote p.quote em {
    color:#017AA7;
    font-style:normal;
    font-size: 0.8em;
}