/*

Common styles used throughout the site. These are primarily redefinitions of HTML tags.

*/

body { font-family: arial,verdana,sans-serif; font-size: 12px; color: #424242; padding: 0; background-color: #f2f2f2; margin: 0; }
p { line-height: 20px; margin: 0 0 18px 0; }
img { display: block; border: 0; }
table { padding: 0; border: 0; border-collapse: collapse; }
td, th { font-size: 12px; vertical-align: top; padding: 0; border: 0; }
a { color: #b5900a; text-decoration: underline; }
a:focus, a:hover, a:active { outline: none; }
a:hover { color: #464646; text-decoration: underline; }
ul, ol { padding: 0; margin: 0; list-style: none; }
li { padding: 0; }
form { padding: 0; margin: 0; }
object { padding: 0; margin: 0; }
embed { padding: 0; margin: 0; }

h1 { font-size: 24px; font-weight: normal; padding: 0; margin: 0 0 20px 0; }
h2 { font-size: 20px; font-weight: normal; color: #d1261e; padding: 0; margin: 0 0 2px 0; }
h3 { font-size: 12px; font-weight: bold; padding: 0; margin: 0 10px 0 0; display: inline; }
h4 { font-size: 12px; font-weight: bold; color: #000; padding: 0; margin: 0; }





/*

Primary layout styles

*/

#page { position: relative; width: 976px; margin-left: auto; margin-right: auto; }
#content { width: 896px; padding: 27px 40px 60px 40px; background-image: url(../images/common/bg_content.jpg); background-repeat: repeat-y; }
#content:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
div.wrapper { width: 100%; }
div.wrapper:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }





/*

Header/Banner styles

*/

#header { width: 976px; height: 34px; }
#header:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#header #navUpper { float: right; }
#header #navUpper ul li { float: left; font-size: 11px; margin: 10px 20px 0 0; }
#header #navUpper ul li.download { padding-right: 15px; background-image: url(../images/common/icon_downarrow.gif); background-position: center right; background-repeat: no-repeat; }
#header #navUpper ul li.divider { padding-right: 10px; background-image: url(../images/common/icon_bullet.gif); background-position: center right; background-repeat: no-repeat; margin-right: 9px; }
#header #navUpper ul li a { color: #464646; text-decoration: none; }
#header #navUpper ul li a:hover { text-decoration: underline; }

#banner { width: 976px; height: 116px; background-image: url(../images/common/bg_banner.jpg); background-repeat: no-repeat; }
#banner:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#banner #logo { float: left; padding: 32px 0 0 21px; }
#banner #title { float: left; padding: 50px 0 0 10px; }





/*

Global Navigation styles

*/

#nav { width: 935px; height: 32px; padding: 0 0 0 41px; background-image: url(../images/nav/bg_nav.jpg); background-repeat: no-repeat; }
#nav:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#nav ul li { float: left; }





/*

Bottom of Page Links/Footer styles

*/

#links { width: 956px; padding: 24px 0 45px 20px; background-image: url(../images/links/bg_links.jpg); background-repeat: no-repeat; }
#links div.subhead { margin: 0 0 10px 0; }
#links ul li { padding: 0 0 0 10px; background-image: url(../images/links/icon_bullet.gif); background-position: center left; background-repeat: no-repeat; margin: 0 0 3px 0; }
#links ul li img { display: inline; vertical-align: top; }
#links ul li a { color: #707070; text-decoration: none; }
#links ul li a:hover { text-decoration: underline; }

#footer { width: 976px; font-size: 11px; color: #6f6f6f; text-align: center; padding: 15px 0 30px 0; background-image: url(../images/links/bg_footer.jpg); background-repeat: no-repeat; }
#footer a { color: #6f6f6f; }





/*

Home styles

*/

#home #content { width: 976px; padding: 27px 0 0 0; background-image: url(../images/common/bg_content.jpg); background-repeat: repeat-y; }
#home #cache { visibility: hidden; display: none; }

#home #homeVideo { width: 956px; padding: 0 0 20px 40px; }
#home #homeVideo:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#home #homeVideo div { float: left; }
#home #homeVideo div img { display: inline; }

#home #homeScroll { width: 894px; padding: 0 0 20px 40px; }
#home #homeScroll #homeModNav { width: 894px; height: 45px; padding: 0 0 1px 0; background-image: url(../images/home/module_bground.gif); background-repeat: no-repeat; }
#home #homeScroll #homeModNav #arrowLeftOff { position: absolute; margin: 4px 0 0 14px; }
#home #homeScroll #homeModNav #arrowLeft { position: absolute; margin: 4px 0 0 14px; display: none; }
#home #homeScroll #homeModNav #arrowRightOff { position: absolute; margin: 4px 0 0 844px; }
#home #homeScroll #homeModNav #arrowRight { position: absolute; margin: 4px 0 0 844px; display: block; }

#home #homeScroll #homeModNav #navMarketplace0 { position: absolute; margin: 11px 0 0 64px; display: block; cursor: pointer; }
#home #homeScroll #homeModNav #navMarketplace1 { position: absolute; margin: 11px 0 0 64px; display: block; }
#home #homeScroll #homeModNav #navMarketplace2 { position: absolute; margin: 11px 0 0 64px; display: none; }
#home #homeScroll #homeModNav #navMarketplace3 { position: absolute; margin: 11px 0 0 64px; display: none; }
#home #homeScroll #homeModNav #navMarketplace4 { position: absolute; margin: 11px 0 0 64px; display: none; }
#home #homeScroll #homeModNav #navMarketplace5 { position: absolute; margin: 11px 0 0 64px; display: none; }

#home #homeScroll #homeModNav #navWorkplace0 { position: absolute; margin: 11px 0 0 334px; display: block; cursor: pointer; }
#home #homeScroll #homeModNav #navWorkplace1 { position: absolute; margin: 11px 0 0 334px; display: none; }
#home #homeScroll #homeModNav #navWorkplace2 { position: absolute; margin: 11px 0 0 334px; display: none; }
#home #homeScroll #homeModNav #navWorkplace3 { position: absolute; margin: 11px 0 0 334px; display: none; }
#home #homeScroll #homeModNav #navWorkplace4 { position: absolute; margin: 11px 0 0 334px; display: none; }

#home #homeScroll #homeModNav #navCommunity0 { position: absolute; margin: 11px 0 0 603px; display: block; cursor: pointer; }
#home #homeScroll #homeModNav #navCommunity1 { position: absolute; margin: 11px 0 0 603px; display: none; }
#home #homeScroll #homeModNav #navCommunity2 { position: absolute; margin: 11px 0 0 603px; display: none; }
#home #homeScroll #homeModNav #navCommunity3 { position: absolute; margin: 11px 0 0 603px; display: none; }
#home #homeScroll #homeModNav #navCommunity4 { position: absolute; margin: 11px 0 0 603px; display: none; }

#home #homeScroll #homeModShading { position: absolute; }
#home #homeScroll #homeModPics { width: 894px; height: 381px; overflow: hidden; }
#home #homeScroll #homeModPics #pics { width: 11622px; }
#home #homeScroll #homeModPics #pics ul li { float: left; }

#home #homeLetterIntro { margin: 0 0 0 -10px; }
#home #homeLetter { width: 976px; height: 180px; background-color: #fff; }
#home #homeLetter #homeButtons { padding: 0 0 0 30px; }
#home #homeLetter #homeButtons ul li { float: left; margin: 7px 35px 0 0; }
#home #homeLetter #homeButtons ul li.readMore { margin: 0 190px 0 0; }

#home #homeChartNav { width: 976px; height: 135px; padding: 30px 0 0 0; background-color: #fff; background-image: url(../images/home/bg_chartnav.gif); background-repeat: no-repeat; }
#home #homeChartNav div.btn1 { position: absolute; cursor: pointer; margin: 0 0 0 30px; }
#home #homeChartNav div.btn2 { position: absolute; cursor: pointer; margin: 0 0 0 327px; }
#home #homeChartNav div.btn3 { position: absolute; cursor: pointer; margin: 0 0 0 628px; }

#home #homeChart { width: 936px; height: 1px; padding: 0 0 0 40px; background-color: #fff; overflow: hidden; }

#home #homePromos { width: 976px; padding: 20px 0 0 0; background-color: #fff; }
#home #homePromos:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#home #homePromos #homeChairman { float: left; }
#home #homePromos #homeCSR { float: left; }
#home #homePromos #homeCSR #downloadCSR { position: absolute; margin: 255px 0 0 20px; }




/*

Letter to Shareowners styles

*/

#colSide { float: left; width: 280px; padding: 30px 0 0 20px; }
#colMain { float: left; width: 596px; padding: 30px 0 0 0; }

div.colSide { float: left; width: 300px; padding: 5px 0 0 0; }
div.colMain { float: left; width: 596px; padding: 0 0 0 0; }

#letter div.copy { padding: 0 20px 0 0; }
#letter #sevenSel { position: absolute; display: none; }
#letter ul.letterList li { padding: 0 0 0 10px; line-height: 18px; background-image: url(../images/letter/icon_bullet.gif); background-position: 0 7px; background-repeat: no-repeat; margin: 0 0 8px 0; }
#letter ul.letterList2 { margin: 0 0 20px 0; }
#letter ul.letterList2 li { padding: 0 0 0 10px; line-height: 18px; background-image: url(../images/letter/icon_bullet.gif); background-position: 0 7px; background-repeat: no-repeat; margin: 0 0 8px 0; }

p.inline { display: inline; }
p.footnote { font-size: 11px; line-height: 14px; margin-top: 30px; }
p.footnote span.num { font-size: 80%; vertical-align: 3px; }

#navLetter { width: 576px; padding: 30px 0 50px 0; }
#navLetter #container { float: right; }
#navLetter ul li { float: left; font-size: 14px; font-weight: bold; color: #636363; padding: 5px 9px 5px 9px; background-color: #e3e3e3; margin: 0 10px 0 0; }
#navLetter ul li.selected { color: #fff; background-color: #d1271e; }
#navLetter ul li.arrow { background-color: #fff; border: 1px solid #cdcdcd; padding: 3px 9px 6px 9px; }





/*

Financial Highlights styles

*/

#mask { position: absolute; display: none; width: 10px; height: 10px; background-color: #eee; filter: alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; z-index: 9; }
#gaap { position: absolute; display: none; padding: 0 0 30px 0; margin: 45px 0 0 60px; z-index: 10; }
#gaapButton { position: absolute; cursor: pointer; }

#highlights div.copy { padding: 20px 20px 0 0; }
#highlights div.copy p { font-size: 11px; }
p span.gaapLink { color: #b5900a; text-decoration: underline; cursor: pointer; }



/*

Directors & Officers/Shareowner Information styles

*/

div.colNarrow { float: left; width: 258px; }
div.colNarrow.left { padding: 0 60px 0 0; }
div.colNarrow div.subhead { margin: 0 0 25px 0; }
div.colNarrow ul li { font-size: 11px; line-height: 18px; margin: 0 0 15px 0; }
div.colNarrow ul li div.name { font-size: 12px; font-weight: bold; color: #000; }
div.colNarrow ul li span.committees { font-size: 80%; vertical-align: 3px; margin: 0 0 0 3px; }
div.colNarrow p { line-height: 17px; }
div.colNarrow strong { font-weight: bold; color: #000; }