@import url(reset.css);
html {
	background: #034693 url(../img/global/bg-window.gif) 0 0 repeat-x;
}
body {
	background: #034693 url(../img/global/bg-window.gif) 0 0 repeat-x;
}

/* BASIC */
sup,sub { vertical-align: baseline; _vertical-align: bottom; position: relative; font-size: 0.8em; }
sup { bottom:.9ex; }
sub { top:.5ex; }
IMG.align-left { text-align: left; float: left; padding: 0 15px 1.5em 0; }
IMG.align-right { text-align: right; float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.float-left { float: left; }
.float-right { float: right; }
.clear { clear: both; overflow: hidden; width: 100%; line-height: 0; height: 0; }
.smaller { font-size: .8em; }
.small { font-size: .9em; }
.underline {font-style: underline; }
.bold {font-weight: bold; }
em, .italic { font-style: italic; }
.nobr { white-space: nowrap; }
.allcaps { text-transform: uppercase; }
.indent { margin: 0 0 0 2.0em; }

.blue { color: #16328f; }
.green { color: #25a045; }
.yellow { color: #f79d5e; }
.brown { color: #8e4905; }


h1 {
font-size: 2.0em;
line-height: 1.2em;
color: #58ae41;
margin-bottom: 0.5em;
font-weight: bold;
}
h2 {
color: #333333;
font-size: 1.3em;
line-height: 1.2em;
margin: 0 0 0.5em 0;
font-weight: bold;
}
h3 {
font-weight: bold;
text-transform: uppercase;
margin: 0;
}
h4 {
font-weight: normal;
text-transform: uppercase;
}
h5 {
font-weight: bold;
text-transform: none;
margin: 0 0 .25em 0;
}
ul.disc {
list-style-type: disc;
margin: 0 0 0.75em 0;
}
ul.disc li {
list-style-type: disc;
margin: 0 0 0.5em 1.5em;
padding: 0;
}

ul.arrow {
list-style-type: none;
margin: 0 0 2.0em 0;
}
ul.nospace { margin-bottom: 0; }
ul.arrow li {
list-style-type: none;
margin: 0;
padding: 0;
background: transparent url(../img/global/li-arrow-default.png) no-repeat;
background-position: 0.2em 0.3em;
padding-left: 2.0em;
}

body.about ul.arrow li {
background: transparent url(../img/global/li-arrow-about.png) no-repeat;
background-position: 0.2em 0.3em;
padding-left: 2.0em;
}
body.letter ul.arrow li {
background: transparent url(../img/global/li-arrow-letter.png) no-repeat;
background-position: 0.2em 0.3em;
padding-left: 2.0em;
}
body.people ul.arrow li {
background: transparent url(../img/global/li-arrow-people.png) no-repeat;
background-position: 0.2em 0.3em;
padding-left: 2.0em;
}
body.business ul.arrow li {
background: transparent url(../img/global/li-arrow-business.png) no-repeat;
background-position: 0.2em 0.3em;
padding-left: 2.0em;
}
body.environment ul.arrow li {
background: transparent url(../img/global/li-arrow-environment.png) no-repeat;
background-position: 0.2em 0.3em;
padding-left: 2.0em;
}
body.communities ul.arrow li {
background: transparent url(../img/global/li-arrow-communities.png) no-repeat;
background-position: 0.2em 0.3em;
padding-left: 2.0em;
}


p {
margin: 0 0 1.5em 0;
}
p.nospace {
margin: 0 0 0 0;
}
p.intro {
font-size: 1.4em;
line-height: 1.3em;
margin: 0 0 1.0em 0;
}
a, a:link, a:visited {
color: #009ddc;
text-decoration: underline;
outline: none;
}
a:hover, a:active {
color: #034693;
text-decoration: none;
}
a.pdf {
display: inline-block;
background: transparent url(../img/global/icon-pdf.gif) right 0.3em no-repeat;
padding: 0 13px 0 0;
}
a.chart {
display: inline-block;
background: transparent url(../img/global/icon-chart.gif) right 0.3em no-repeat;
padding: 0 13px 0 0;
}
a.video {
display: inline-block;
background: transparent url(../img/global/icon-video.gif) right 0.3em no-repeat;
padding: 0 16px 0 0;
}


hr {
clear: both;
border: none 0;
border-top: 1px solid #666;
width: 100%;
height: 1px;
}
div.hr-fade {
width: 787px;
border: none 0;
height: 3px;
background: transparent url('../img/global/hr-787w.gif') no-repeat scroll left;
margin: 15px 0 15px -20px;
}
div.hr-fade hr {
display: none;
}




/* LAYOUT */
#wrapper {
width: 970px;
margin: 0 auto;
}
#shadow {
width: 960px;
background: transparent url(../img/global/shadow.png) bottom center repeat-y;
padding: 0 5px 0 5px;
}
#page {
width: 960px;
min-height: 400px;
position: relative;
}
#page-inner {
min-height: 153px;
}

/* HEADER */
#header {
height: 87px;
border-bottom: 1px solid #6e7474;
background: transparent url(../img/global/bg-header.gif) bottom center no-repeat;
position: relative;
color: #666666;
}
#header-logo {
position: absolute;
top: 20px;
left: 27px;
}
#header-title {
position: absolute;
top: 43px;
left: 219px;
}
#header-nav-util {
position: absolute;
top: 20px;
left: 805px;
text-transform: uppercase;
line-height: 1.3em;
}
#header-nav-util a, #header-nav-util a:link, #header-nav-util a:visited {
color: #666666;
text-decoration: none;
}
#header-nav-util a:hover, #header-nav-util a:active {
color: #333333;
text-decoration: none;
}
ul#header-nav-util { 
list-style-type: none;
}
ul#header-nav-util li { 
list-style-type: none;
margin: 0;
padding: 0 0 0 1.0em;
background: transparent url('../img/global/li-arrow-gray.png') no-repeat;
background-position: 0 0.15em;
}
#header a.pdf {
background: transparent url(../img/global/icon-pdf-nav.gif) center right no-repeat;
padding: 1px 15px 1px 0;
}
#header-feedback {
position: absolute;
top: 18px;
left: 676px;
}
#header-feedback a { display: block; overflow: hidden; text-indent: -9999px; background: transparent url(../img/global/btn-feedback.png) 0 0 no-repeat; width: 96px; height: 60px; }
#header-feedback a:hover { background: transparent url(../img/global/btn-feedback.png) 0 -60px no-repeat; }


/* FOOTER */
#footer {
color: #ffffff;
-webkit-text-size-adjust: none;
padding: 20px 5px 20px 5px;
font-size: 90%;
line-height: 140%;
background: transparent url(../img/global/shadow-bottom.png) top center no-repeat;
}
#footer a, #footer a:link, #footer a:visited {
color: #ffffff;
text-decoration: none;
}
#footer a:hover, #footer a:active {
color: #009ddc;
text-decoration: underline;
}
#footer p { margin: 0; }



/* NAV MAIN */
#nav-main { position: relative; width: 940px; height: 65px; padding: 9px 11px 9px 11px; z-index:900; }
#nav-main ul { margin: 0; padding: 0; }
#nav-main ul li { float: left; }
#nav-main ul li#nav-main-1 a { display: block; overflow: hidden; text-indent: -9999px; background: transparent url(../img/global/navigation.png) 0 0 no-repeat; width: 133px; height: 65px; }
#nav-main ul li#nav-main-2 a { display: block; overflow: hidden; text-indent: -9999px; background: transparent url(../img/global/navigation.png) -133px 0 no-repeat; width: 134px; height: 65px; }
#nav-main ul li#nav-main-3 a { display: block; overflow: hidden; text-indent: -9999px; background: transparent url(../img/global/navigation.png) -267px 0 no-repeat; width: 134px; height: 65px; }
#nav-main ul li#nav-main-4 a { display: block; overflow: hidden; text-indent: -9999px; background: transparent url(../img/global/navigation.png) -401px 0 no-repeat; width: 134px; height: 65px; }
#nav-main ul li#nav-main-5 a { display: block; overflow: hidden; text-indent: -9999px; background: transparent url(../img/global/navigation.png) -535px 0 no-repeat; width: 134px; height: 65px; }
#nav-main ul li#nav-main-6 a { display: block; overflow: hidden; text-indent: -9999px; background: transparent url(../img/global/navigation.png) -669px 0 no-repeat; width: 134px; height: 65px; }
#nav-main ul li#nav-main-7 a { display: block; overflow: hidden; text-indent: -9999px; background: transparent url(../img/global/navigation.png) -803px 0 no-repeat; width: 135px; height: 65px; }

#nav-main ul li#nav-main-1.cycle-home a, #nav-main ul li#nav-main-1 a:hover, #nav-main ul li#nav-main-1 a:active { background: transparent url(../img/global/navigation.png) 0 -130px no-repeat; }
#nav-main ul li#nav-main-2.cycle-home a, #nav-main ul li#nav-main-2 a:hover, #nav-main ul li#nav-main-2 a:active { background: transparent url(../img/global/navigation.png) -133px -130px no-repeat; }
#nav-main ul li#nav-main-3.cycle-home a, #nav-main ul li#nav-main-3 a:hover, #nav-main ul li#nav-main-3 a:active { background: transparent url(../img/global/navigation.png) -267px -130px no-repeat; }
#nav-main ul li#nav-main-4.cycle-home a, #nav-main ul li#nav-main-4 a:hover, #nav-main ul li#nav-main-4 a:active { background: transparent url(../img/global/navigation.png) -401px -130px no-repeat; }
#nav-main ul li#nav-main-5.cycle-home a, #nav-main ul li#nav-main-5 a:hover, #nav-main ul li#nav-main-5 a:active { background: transparent url(../img/global/navigation.png) -535px -130px no-repeat; }
#nav-main ul li#nav-main-6.cycle-home a, #nav-main ul li#nav-main-6 a:hover, #nav-main ul li#nav-main-6 a:active { background: transparent url(../img/global/navigation.png) -669px -130px no-repeat; }
#nav-main ul li#nav-main-7.cycle-home a, #nav-main ul li#nav-main-7 a:hover, #nav-main ul li#nav-main-7 a:active { background: transparent url(../img/global/navigation.png) -803px -130px no-repeat; }

body.home #nav-main ul li#nav-main-1 a { background: transparent url(../img/global/navigation.png) 0 -65px no-repeat; }
body.about #nav-main ul li#nav-main-2 a { background: transparent url(../img/global/navigation.png) -133px -65px no-repeat; }
body.letter #nav-main ul li#nav-main-3 a { background: transparent url(../img/global/navigation.png) -267px -65px no-repeat; }
body.business #nav-main ul li#nav-main-4 a { background: transparent url(../img/global/navigation.png) -401px -65px no-repeat; }
body.environment #nav-main ul li#nav-main-5 a { background: transparent url(../img/global/navigation.png) -535px -65px no-repeat; }
body.people #nav-main ul li#nav-main-6 a { background: transparent url(../img/global/navigation.png) -669px -65px no-repeat; }
body.communities #nav-main ul li#nav-main-7 a { background: transparent url(../img/global/navigation.png) -803px -65px no-repeat; }




/* BACKGROUNDS */
body.general #page { background: #ffffff url(../img/bg/bg-about.gif) 0 0 repeat-y; }
body.about #page { background: #ffffff url(../img/bg/bg-about.gif) 0 0 repeat-y; }
body.letter #page { background: #ffffff url(../img/bg/bg-letter.gif) 0 0 repeat-y; }
body.business #page { background: #ffffff url(../img/bg/bg-business.gif) 0 0 repeat-y; }
body.environment #page { background: #ffffff url(../img/bg/bg-environment.gif) 0 0 repeat-y; }
body.people #page { background: #ffffff url(../img/bg/bg-people.gif) 0 0 repeat-y; }
body.communities #page { background: #ffffff url(../img/bg/bg-communities.gif) 0 0 repeat-y; }

body.general #page-inner { background: transparent url(../img/bg/bg-about-shadow.gif) 0 0 no-repeat; }
body.about #page-inner { background: transparent url(../img/bg/bg-about-shadow.gif) 0 0 no-repeat; }
body.letter #page-inner { background: transparent url(../img/bg/bg-letter-shadow.gif) 0 0 no-repeat; }
body.business #page-inner { background: transparent url(../img/bg/bg-business-shadow.gif) 0 0 no-repeat; }
body.environment #page-inner { background: transparent url(../img/bg/bg-environment-shadow.gif) 0 0 no-repeat; }
body.people #page-inner { background: transparent url(../img/bg/bg-people-shadow.gif) 0 0 no-repeat; }
body.communities #page-inner { background: transparent url(../img/bg/bg-communities-shadow.gif) 0 0 no-repeat; }

body.home #page.overview { min-height: 552px; }
body.about #page.overview { min-height: 552px; background: #ffffff url(../img/bg/bg-about-overview.jpg) 0 0 no-repeat; }
body.letter #page.overview { min-height: 552px; background: #ffffff url(../img/bg/bg-letter-overview.jpg) 0 0 no-repeat; }
body.business #page.overview { min-height: 552px; background: #ffffff url(../img/bg/bg-business-overview.jpg) 0 0 no-repeat; }
body.environment #page.overview { min-height: 552px; background: #ffffff url(../img/bg/bg-environment-overview.jpg) 0 0 no-repeat; }
body.people #page.overview { min-height: 552px; background: #ffffff url(../img/bg/bg-people-overview.jpg) 0 0 no-repeat; }
body.communities #page.overview { min-height: 552px; background: #ffffff url(../img/bg/bg-communities-overview.jpg) 0 0 no-repeat; }


/* HEADLINES + LINKS */
body.about a, body.about h1, body.about h2, body.about h3, body.about h4, body.about h5 { color: #aadd6d; }
body.letter a, body.letter h1, body.letter h2, body.letter h3, body.letter h4, body.letter h5 { color: #4accd4; }
body.business a, body.business h1, body.business h2, body.business h3, body.business h4, body.business h5 { color: #003399; }
body.environment a, body.environment h1, body.environment h2, body.environment h3, body.environment h4, body.environment h5 { color: #4aad52; }
body.people a, body.people h1, body.people h2, body.people h3, body.people h4, body.people h5 { color: #f39b31; }
body.communities a, body.communities h1, body.communities h2, body.communities h3, body.communities h4, body.communities h5 { color: #8e4905; }
body.communities h2 a { text-decoration: none; }

#col-sidebar {
width: 118px;
float: left;
padding: 20px 15px 100px 20px;
color: #333333;
font-size: 1.1em;
line-height: 1.3em;
position: relative;
}

#col-sidebar a, #col-sidebar a:link, #col-sidebar a:visited {
color: #333333;
text-decoration: none;
}
#col-sidebar a:hover, #col-sidebar a:active {
color: #ffffff;
text-decoration: none;
}
#col-sidebar a.selected, #col-sidebar a.selected:link, #col-sidebar a.selected:visited, #col-sidebar a.selected:hover, #col-sidebar a.selected:active {
color: #ffffff;
text-decoration: none;
}
body.business #col-sidebar,
body.business #col-sidebar a,
body.business #col-sidebar a:link,
body.business #col-sidebar a:visited {
color: #ffff00;
}
body.business #col-sidebar a:hover, 
body.business #col-sidebar a:active {
color: #ffffff;
}
body.business #col-sidebar a.selected, 
body.business #col-sidebar a.selected:link, 
body.business #col-sidebar a.selected:visited, 
body.business #col-sidebar a.selected:hover, 
body.business #col-sidebar a.selected:active {
color: #ffffff;
text-decoration: none;
}

body.communities #col-sidebar,
body.communities #col-sidebar a,
body.communities #col-sidebar a:link,
body.communities #col-sidebar a:visited {
color: #be9b7f;
}
body.communities #col-sidebar a:hover, 
body.communities #col-sidebar a:active {
color: #ffffff;
}
body.communities #col-sidebar a.selected, 
body.communities #col-sidebar a.selected:link, 
body.communities #col-sidebar a.selected:visited, 
body.communities #col-sidebar a.selected:hover, 
body.communities #col-sidebar a.selected:active {
color: #ffffff;
text-decoration: none;
}





#col-sidebar ul { 
list-style-type: none;
width: 118px;
}
#col-sidebar ul ul { 
list-style-type: none;
width: 108px;
}
#col-sidebar ul li { 
list-style-type: none;
margin: 0 0 1.5em 0;
}
#col-sidebar ul li ul li { 
list-style-type: none;
margin: 0 0 0 0;
padding: 0 0 0 1.0em;
background: transparent url('../img/global/li-dash-gray.png') no-repeat;
background-position: 0 0.55em;
}
#col-sidebar ul li.selected { 
list-style-type: none;
margin: 0 0 1.5em 0;
}
body.business #col-sidebar ul li ul li { 
background: transparent url('../img/global/li-dash-yellow.png') no-repeat;
background-position: 0 0.55em;
}
#col-sidebar ul li a.hoverlist-active,
body.business #col-sidebar ul li a.hoverlist-active {
color: #fff;
}
body.communities #col-sidebar ul li ul li { 
background: transparent url('../img/global/li-dash-brown.png') no-repeat;
background-position: 0 0.55em;
}
#col-sidebar ul li a.hoverlist-active,
body.communities #col-sidebar ul li a.hoverlist-active {
color: #fff;
}




#col-wide {
width: 960px;
float: left;
margin: 0;
padding: 0;
color: #666666;
font-size: 1.1em;
line-height: 1.4em;
}
#col-main {
width: 807px;
float: left;
margin: 0;
padding: 0;
color: #666666;
font-size: 1.1em;
line-height: 1.4em;
}
#col-main-header {
width: 807px;
margin: 0 0 30px 0;
}
#col-main-inner {
width: 747px;
margin: 20px 30px 100px 30px;
}




/* COLUMNS - 3 */
.col-3-group {
width: 746px;
}
.col-3 {
width: 240px;
float: left;
margin: 0 13px 0 0;
}
.col-3.last {
margin: 0 0 0 0;
}





/* COLUMNS - 2 */
#col-main-inner .col-2-group {
width: 747px;
}
.col-2-wide {
width: 480px;
float: left;
}
.col-2-wide.right {
width: 493px;
float: right;
}
.col-2-side {
width: 253px;
float: right;
margin: 15px 0 0 0;
}
.col-2-side.left {
width: 240px;
float: left;
}






/* OVERVIEW PAGES */
.overview-read-more {
position: absolute;
top: 500px;
left: 835px;
}
.overview-read-more a { color: #ffffff; text-decoration: none; }
.overview-group { position: absolute; top: 400px; left: 0; }
.overview-group h1 { position: absolute; top: 24px; left: 33px; font-size: 3.0em; }
.overview-group p { width: 650px; position: absolute; top: 74px; left: 33px; color: #ffffff; font-size: 1.1em; line-height: 1.2em; }
.overview-group .readmore { position: absolute; top: 98px; left: 833px; }
.overview-group .readmore a { display: block; overflow: hidden; text-indent: -9999px; background: transparent url(../img/global/btn-readmore.png) 0 0 no-repeat; width: 100px; height: 20px; }



/* FANCYBOX CUSTOMIZE */
div.modal-inline-wrapper { display: none; }
div.modal-inline { padding: 50px; width: 550px; overflow: hidden; }
div.modal-values { padding: 0; width: 925px; overflow: hidden; background: transparent url(../img/bg/bg-modal-values.gif) repeat-y; }
div.modal-table { width: 850px; overflow: hidden; }
#fancybox-close {
	position: absolute;
	top: -25px;
	right: 0px;
	width: 60px;
	height: 25px;
	background: transparent url(../img/global/btn-close.png) 0 0;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-close:hover {
	background: transparent url(../img/global/btn-close.png) 0 -25px;
}






div.tooltip {
font-size: 1.0em;
line-height: 1.3em;
color: #545861;
}
div.tooltip h6 {
color: #f70a34;
font-size: 1.5em;
line-height: 1.3em;
margin: 0 0 0.5em 0;
padding: 0 0 0 25px;
text-transform: none;
background: transparent url(../img/global/hdr-dyk-asterisk.gif) 0 0.25em no-repeat;
}
div.tooltip p {
margin: 0 0 1.5em 25px;
}
div.tooltip p:last-child {
margin: 0 0 0.5em 25px;
}
body.about div.tooltip a, 
body.letter div.tooltip a, 
body.business div.tooltip a, 
body.environment div.tooltip a, 
body.people div.tooltip a, 
body.communities div.tooltip a {
color: #545861;
}
a.tooltip { display: inline-block; background: transparent url(../img/global/btn-dyk-asterisk.gif) right 0.3em no-repeat; min-height: 9px; padding: 0 12px 0 0; }




#home-billboard-container { position:absolute; width: 960px; height: 552px; display: block; overflow: hidden; top: 0; left: 0; }
#home-billboard { position:relative; margin:0; padding:0; width:960px; height:552px; z-index:100; }
.home-billboard-overview { display: block; height: 552px; width:960px; }




a.moreLessSwitch {
text-decoration: none;
cursor: pointer;
position: relative;
top: -0.75em;
margin: 0 0 1.5em 0;
}
a.backToTop {
float: right;
margin-top: -0.75em;
text-decoration: none;
}


#col-main-inner .col-2-wide table.exhibit {
width: 480px;
margin: 0 0 2.0em 0;
}
#col-main table.exhibit {
width: 747px;
margin: 0 0 2.0em 0;
}
table.footnote {
margin: -1.5em 0 2.5em 0;
font-size: 0.9em;
line-height: 1.3em;
}


.modal-inline-table table.exhibit {
width: 850px;
font-size: 1.1em;
line-height: 1.3em;
color: #666666;
margin: 0 0 2.0em 0;
}
.modal-inline-table h4 {
font-size: 1.1em;
}
.modal-inline-table table.footnote {
margin: -.5em 0 0 0;
font-size: 1.0em;
line-height: 1.3em;
width: 850px;
color: #666666;
}


table.exhibit tr.odd { background: #f0f0f1; }
table.exhibit tr.even { background: #ffffff; }

table.exhibit th {
vertical-align: bottom;
padding: 10px 5px 10px 5px;
}
table.exhibit td {
vertical-align: top;
padding: 10px 5px 10px 5px;
}
table.exhibit th {
font-weight: normal;
}
table.exhibit ul { margin-bottom: 0; }



.story-inline-wrapper {
border: 1px solid #ebe0e6;
padding: 2px;
margin: 0 0 2.0em 0;
}
.story-inline {
background: #e8e8e8;
padding: 13px;
}
.story-inline-left {
float: left;
width: 245px;
}
.story-inline-right {
float: left;
width: 470px;
}

.modal-values-left {
width: 325px;
float: left;
color: #58595b;
padding: 30px 30px 15px 30px;
font-size: 1.2em;
line-height: 1.5em;
}
.modal-values-right {
width: 510px;
float: left;
padding: 15px;
}



