/*

Redefinitions of HTML tags

*/

body { font-family: verdana,helvetica,sans-serif; font-size: 11px; color: #333; padding: 22px 0 22px 0; background-color: #fff; margin: 0; }
p { line-height: 18px; margin: 0 0 15px 0; }
img { display: block; border: 0; }
table, td, th { font-size: 11px; padding: 0; border: 0; border-collapse: collapse; }
form { padding: 0; margin: 0; }
input, select, option, textarea { font-family: verdana,arial,sans-serif; font-size: 10px; color: #000; vertical-align: middle; }
a { color: #3c3c3c; text-decoration: underline; }
a:hover { color: #cc000e; text-decoration: underline; }
ul { padding: 0; margin: 0; list-style: none; }
li { padding: 0; }
object { padding: 0; margin: 0; }
embed { padding: 0; margin: 0; }

h1 { padding: 0 0 18px 0; margin: 0; }
h2 { font-size: 11px; font-weight: bold; color: #ff9509; padding: 0 0 10px 0; border-bottom: 1px solid #333; margin: 10px 0 10px 0; }
h3 { font-size: 10px; font-weight: bold; padding: 0;margin: 0; }

span.superscript { font-size: 90%; vertical-align: 2px; }





/*

Common styles

*/

#page { position: relative; width: 767px; margin: 0 auto 0 auto; }
#content { width: 765px; padding: 0 0 3px 0; border: 1px solid #e1e1e1; }
#info { width: 759px; padding: 0 3px 0 3px; }
#copy { width: 759px; padding: 20px 0 0 0; }
#copy:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }

#header { width: 765px; padding: 0 0 17px 0; }
#header:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#header #title { float: left; padding: 18px 0 0 20px; }
#header #logo { float: right; padding: 15px 20px 0 0; }

#nav { width: 745px; padding: 0 0 5px 20px; }
#nav:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#nav ul li { float: left; padding: 0 18px 0 0; border-right: 1px solid #ced0d2; margin: 0 18px 0 0; }
#nav ul li.last { border: none; padding: 0; margin: 0; }

#subnav { width: 741px; padding: 8px 0px 6px 18px; background-color: #ccc; margin: 0 0 2px 0; }
#subnav:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#subnav ul li { float: left; margin: 0 28px 0 0; }

#footer { width: 92px; padding: 9px 0 0 20px; }





/*

Intro styles

*/

#intro #content { height: 524px; }
#intro #nav { position: absolute; display: none; }
#intro #footer { display: none; }

#intro #skipIntro { position: absolute; padding: 0 0 20px 0; margin: 458px 0 0 693px; }
#intro #cover #woman { position: absolute; margin: 22px 0 0 3px; display: none; }
#intro #cover #quote { position: absolute; margin: 144px 0 0 71px; display: none; }
#intro #cover #button { position: absolute; width: 99px; height: 26px; margin: 311px 0 0 79px; display: none; z-index: 4; }

#intro #text #caret { position: absolute; margin: 28px 0 0 59px; display: none; }
#intro #text #visionary { position: absolute; margin: 23px 0 0 79px; display: none; }
#intro #text #advisor { position: absolute; margin: 72px 0 0 79px; display: none; }
#intro #text #partner { position: absolute; margin: 124px 0 0 79px; display: none; }
#intro #text #advocate { position: absolute; margin: 172px 0 0 79px; display: none; }
#intro #text #leading { position: absolute; margin: 227px 0 0 79px; display: none; }
#intro #text #ambassador { position: absolute; margin: 281px 0 0 79px; display: none; }
#intro #text #trailblazer { position: absolute; margin: 333px 0 0 79px; display: none; }
#intro #text #catalyst { position: absolute; margin: 385px 0 0 79px; display: none; }





/*

The Roles We Play styles

*/

#roles #content { height: 524px; }
#roles #info #introButton { position: absolute; margin: 348px 0 0 0440px; }
#roles #info #fixedBox { position: absolute; width: 759px; height: 421px; overflow: hidden; }
#roles #info #loading { position: absolute; margin: 194px 0 0 19px; visibility: visible; }

#roles #info #fixedBox #bigPics { position: relative; left: 0px; width: 8000px; visibility: hidden; }
#roles #info #fixedBox #bigPics ul li { float: left; padding: 0 0 15px 0; }

#roles #info #fixedBox #bigPics ul li #visionaryText { position: absolute; margin: 109px 0 0 52px; }
#roles #info #fixedBox #bigPics ul li #visionaryBtns { position: absolute; cursor: pointer; margin: 344px 0 0 78px; }
#roles #info #fixedBox #bigPics ul li #advisorText { position: absolute; margin: 49px 0 0 343px; }
#roles #info #fixedBox #bigPics ul li #advisorBtns { position: absolute; cursor: pointer; margin: 236px 0 0 369px; }
#roles #info #fixedBox #bigPics ul li #advisorBtns div { float: left; margin: 0 2px 0 0; }
#roles #info #fixedBox #bigPics ul li #partnerText { position: absolute; margin: 48px 0 0 14px; }
#roles #info #fixedBox #bigPics ul li #partnerBtns { position: absolute; cursor: pointer; margin: 283px 0 0 41px; }
#roles #info #fixedBox #bigPics ul li #partnerBtns div { float: left; margin: 0 2px 0 0; }
#roles #info #fixedBox #bigPics ul li #advocateText { position: absolute; margin: 48px 0 0 15px; }
#roles #info #fixedBox #bigPics ul li #advocateBtns { position: absolute; cursor: pointer; margin: 303px 0 0 41px; }
#roles #info #fixedBox #bigPics ul li #advocateBtns div { float: left; margin: 0 2px 0 0; }
#roles #info #fixedBox #bigPics ul li #ambassadorText { position: absolute; margin: 108px 0 0 53px; }
#roles #info #fixedBox #bigPics ul li #ambassadorBtns { position: absolute; cursor: pointer; margin: 344px 0 0 78px; }
#roles #info #fixedBox #bigPics ul li #ambassadorBtns div { float: left; margin: 0 2px 0 0; }
#roles #info #fixedBox #bigPics ul li #trailblazerText { position: absolute; margin: 128px 0 0 14px; }
#roles #info #fixedBox #bigPics ul li #trailblazerBtns { position: absolute; cursor: pointer; margin: 373px 0 0 38px; }
#roles #info #fixedBox #bigPics ul li #trailblazerBtns div { float: left; margin: 0 2px 0 0; }
#roles #info #fixedBox #bigPics ul li #catalystText { position: absolute; margin: 29px 0 0 343px; }
#roles #info #fixedBox #bigPics ul li #catalystBtns { position: absolute; cursor: pointer; margin: 316px 0 0 369px; }
#roles #info #fixedBox #bigPics ul li #catalystBtns div { float: left; margin: 0 2px 0 0; }






/*

Financial Highlights styles

*/

#highlights #introduction { width: 725px; padding: 5px 17px 10px 17px; }
#highlights #introduction:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#highlights #introduction h1 { padding: 0; margin: 0; }
#highlights #introduction #tableTitle { float: left; }
#highlights #introduction #form10k { float: right; padding: 16px 0 0 0; }

#highlights #tableArea { width: 725px; padding: 0 17px 20px 17px; }
#highlights #tableAreaShaded { width: 725px; padding: 20px 17px 20px 17px; background-color: #eef1f2; }

#highlights table.dataTable { width: 100%; margin: 0 0 20px 0; }
#highlights table.dataTable th.subhead { font-size: 10px; font-weight: normal; text-align: left; }
#highlights table.dataTable td.subhead { font-size: 12px; font-weight: bold; color: #f90; text-align: left; padding-top: 10px; }
#highlights table.dataTable .subtext { font-size: 11px; font-weight: bold; color: #f90; }
#highlights table.dataTable tr.border td { border-bottom: 1px solid #b9bdbf; }
#highlights table.dataTable tr.border2 td { border-bottom: 2px solid #b9bdbf; }
#highlights table.dataTable tr th { font-size: 10px; font-weight: normal; text-align: right; vertical-align: bottom; padding: 2px 5px 2px 0; border-bottom: 1px solid #b9bdbf; }
#highlights table.dataTable tr.noBorder th { border: none; }
#highlights table.dataTable tr td { white-space: nowrap; font-size: 11px; text-align: right; vertical-align: bottom; padding: 5px 5px 5px 0; }
#highlights table.dataTable tr td.label { white-space: normal; text-align: left; }
#highlights table.dataTable tr td.indent1 { padding-left: 20px; }
#highlights table.dataTable .current { font-weight: bold; }
#highlights div.notes { font-size: 10px; color: #666; }
#highlights div.notes p { line-height: 14px; margin: 0 0 8px 0; }

#highlights #stockSummary { width: 759px; margin: 0 0 30px 0; }
#highlights #stockSummary:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#highlights #stockSummary #stockText { float: left; width: 234px; font-size: 10px; line-height: 14px; padding: 0 17px 0 17px; }
#highlights #stockSummary #stockChart { float: left; width: 490px; }






/*

Corporate Information styles

*/

#infoPage #copy { width: 724px; padding: 20px 17px 0 18px; }
#infoPage div.photoCaption { font-size: 10px; padding: 11px; background-color: #d3dddf; margin: 11px 0 20px 0; }
#infoPage div.photoCaption p { line-height: 14px; margin-bottom: 10px; }
#infoPage table { margin: 0 0 30px 0; }
#infoPage table td span.name { font-weight: bold; }
#infoPage table td p { line-height: 14px; margin-bottom: 10px; }

#infoPage table.column3 td { font-size: 10px; width: 33%; vertical-align: top; padding-right: 20px; }
#infoPage table.column4 td { font-size: 10px; width: 25%; vertical-align: top; padding-right: 20px; }
#infoPage div.suppInfo { font-size: 10px; padding: 10px 0 0 0; border-top: 1px solid #333; margin: 0 0 30px 0; }

#infoPage2 #copy { width: 759px; padding: 0; margin-top: -1px; }
#infoPage2 #text { width: 650px; font-size: 10px; color: #fff; padding: 30px 45px 40px 64px; background-color: #000; }
#infoPage2 #text div.htmlText { margin: 0 0 0 15px; }
#infoPage2 #text a { color: #fff; }






/*

Chairman and CEO Letters styles

*/

#letters #copy { width: 759px; padding: 0; margin-top: -1px; }
#letters #introImg { margin: 0 0 20px 0; }
#letters #section { font-size: 10px; color: #ce1a1f; }
#letters #greeting { margin: 20px 0 17px 0; }
#letters #signature { margin: 0 0 17px 0; }
#letters p.intro { font-weight: bold; }

#letters div.colLeft { float: left; width: 512px; padding: 0 23px 40px 17px; }
#letters div.colRight { float: left; width: 207px; }
#letters div.colRight.margin { margin: 20px 0 0 0; }

#letters ul.contents { padding: 5px 0 10px 0; background-color: #f5f5e8; margin: 0 0 15px 0; }
#letters ul.contents li { font-size: 10px; padding: 3px 0 3px 11px; }
#letters ul.contents li.current a { color: #ce1a1f; }

#letters ul.spotlight { padding: 5px 0 10px 0; background-image: url(../images/letters/bg_spotlightcontents.gif); background-repeat: repeat-x; background-position: bottom left; }
#letters ul.spotlight li { font-size: 11px; padding: 3px 0 3px 11px; }
#letters ul.spotlight li a { font-weight: bold; text-decoration: none; color: #666; }
#letters ul.spotlight li.selected a { color: #ce1a1f; }
#letters ul.spotlight li a:hover { color: #ce1a1f; }
#letters #rollSpotlight { margin: 0 0 15px 0; }
#letters #rollSpotlight img { border-bottom: 4px solid #666; }

#letters #intraNav { font-size: 10px; color: #999; padding: 0 0 0 17px; margin: 40px 0 20px 0; }
#letters #intraNav strong { color: #666; }
#letters #intraNav a { color: #888; text-decoration: none; }
#letters #intraNav a:hover { text-decoration: underline; }
#letters #intraNav span.pages { padding: 0 8px 0 8px; border-left: 1px solid #888; border-right: 1px solid #888; margin: 0 5px 0 5px; }
#letters #intraNav span.noLeft { padding-left: 0; border-left: none; }
#letters #intraNav span.noRight { padding-right: 0; border-right: none; }

#letters div.chart { margin: 20px 0 15px 0; }
#letters div.notes { font-size: 10px; color: #888; }
#letters div.border { border-top: 1px solid #888; margin-top: 30px; }
#letters span.name { font-weight: bold; }