/*

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

*/

body { font-family: arial,verdana,sans-serif; font-size: 12px; color: #636363; padding: 33px 0 0 0; background-image: url(../images/common/bg_page.jpg); background-repeat: repeat-x; background-color: #fff; margin: 0; }
body { text-shadow: 0 0 0 #000; -moz-opacity: 0.99; }
p { line-height: 150%; margin: 0 0 12px 0; }
img { display: block; border: 0; }
table, td, th { font-size: 12px; vertical-align: top; padding: 0; border: 0; border-collapse: collapse; }
form { padding: 0; margin: 0; }
a { color: #886e06; text-decoration: underline; }
a:focus, a:hover, a:active { outline: none; }
a:hover { color: #886e06; text-decoration: none; }
ul, ol { padding: 0; margin: 0; list-style: none; }
li { padding: 0; }
object { padding: 0; margin: 0; }
embed { padding: 0; margin: 0; }
h1 { padding: 0; margin: 0 0 23px 0; }
h2 { font-size: 11px; font-weight: bold; color: #000; padding: 0; margin: 0; text-transform: uppercase; }
h3 { padding: 0; margin: 25px 0 0 0; }
h3.top { margin-top: 0; }

.superscript { font-size: 80%; vertical-align: 2px; }
.noBreak { white-space: nowrap; }



/*

Primary layout styles

*/

#page { position: relative; width: 900px; margin-left: auto; margin-right: auto; }
#content { width: 900px; height: 550px; background-color: #fff; }
#content.unfixed { height: auto; padding: 0 0 20px 0; }
#content:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }

#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; }
#ad { position: absolute; display: none; margin: 30px 0 0 250px; z-index: 10; }
#adButton { position: absolute; cursor: pointer; }
#theftBlock { position: absolute; display: none; margin: 30px 0 0 250px; z-index: 11; }
#movie { position: absolute; display: none; margin: 131px 0 0 252px; z-index: 10; }
#gaap { position: absolute; display: none; margin: 30px 0 0 50px; z-index: 10; }
#gaapButton { position: absolute; cursor: pointer; }





/*

Header/Global Navigation styles

*/

#header { width: 900px; }
#header:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#header #logo { float: left; width: 390px; padding: 20px 0 0 20px; }
#header #nav #col1 { float: left; width: 156px; padding: 20px 0 0 0; }
#header #nav #col2 { float: left; width: 156px; padding: 20px 0 0 0; }
#header #nav #col3 { float: left; width: 158px; padding: 14px 0 10px 0; }
#header #nav ul li { float: left; padding: 0 0 8px 0; }
#header #nav #col3 ul li { padding-bottom: 0; }





/*

Footer styles

*/

#footer { width: 900px; font-size: 9px; color: #707070; text-align: right; padding: 8px 0 20px 0; }





/*

Main styles

*/

#info { width: 900px; }
#info:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#info #colLeft { float: left; width: 180px; padding: 24px 0 0 20px; }
#info #colRight { float: left; width: 700px; padding: 24px 0 0 0px; }





/*

Home styles

*/

#info #colRight #home { width: 700px; cursor: pointer; }
#info #colRight #home:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#info #colRight #home ul li { float: left; padding: 0 3px 3px 0; }
#info #colRight #home ul li.last { padding: 0; }
#info #colRight #home ul.lastRow li { padding-bottom: 0; }
#info #colRight #home ul li img { filter: alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0; }
#info #colRight #subtext { display: none; }





/*

CEO Perspective styles

*/

#info #colRight #perspective #colmn1 { float: left; width: 206px; height: 332px; margin: 0 3px 0 0; }
#info #colRight #perspective #colmn2 { float: left; width: 448px; height: 289px; padding: 43px 0 0 43px; background-color: #555; }





/*

Shareowner's Letter styles

*/

#info #colRight #introImg { margin: 0 0 10px 0; }
#info #colRight div.copy { padding: 0 178px 20px 15px; }
#info #colRight div.prevNextLetter { width: 522px; text-align: right; padding: 5px 0 20px 0; }
#info #colRight div.prevNextLetter span.label { margin: 0 20px 0 0; }
#info #colRight div.prevNextLetter img { display: inline; }
#info #colRight p.footnote { font-size: 10px; line-height: 120%; padding: 20px 0 0 0; }
#info #colRight p.footnote span { color: #886e06; text-decoration: underline; cursor: pointer; }
#info #colRight p span.subhead { font-size: 11px; font-weight: bold; color: #886e06; margin: 0 10px 0 0; }
#info #colRight p span.subhead2 { font-size: 11px; font-weight: bold; color: #000; margin: 0 10px 0 0; }
#info #colRight p span.name { font-size: 11px; color: #886e06; }
#info #colRight ul.letter li { padding: 0 0 0 25px; background-image: url(../images/letter/bullet.gif); background-repeat: no-repeat; background-position: 17px 7px; }





/*

Financial Highlights styles

*/

#info #colRight div.footnotes { width: 575px; font-size: 10px; }
#info #colRight div.footnotes span { color: #886e06; text-decoration: underline; cursor: pointer; }






/*

Directors and Officers/Shareowner Information styles

*/

#info #colRight #columnLayout #colmn1 { float: left; width: 320px; padding: 0 30px 0 0; }
#info #colRight #columnLayout #colmn2 { float: left; width: 290px; padding: 0 45px 0 0; }
#info #colRight #columnLayout ul li { line-height: 17px; margin: 0 0 15px 0; }
#info #colRight #columnLayout ul li div.name { font-size: 11px; font-weight: bold; color: #000; text-transform: uppercase; }
#info #colRight #columnLayout div.committees { font-size: 11px; line-height: 17px; padding: 10px 0 0 0; border-top: 1px dotted #aaa; }
#info #colRight #columnLayout div.committees strong { color: #000; }
#info #colRight #columnLayout p { margin-bottom: 18px; }





/*

Core Strategies styles

*/

#info #colRight #coreIntro { width: 700px; }
#info #colRight #coreIntro:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }

#info #colRight #coreNav { position: absolute; width: 700px; margin: -20px 0 0 0; z-index: 2; }
#info #colRight #coreNav:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#info #colRight #coreNav img { float: left; }
#info #colRight #coreNav ul li { float: left; margin: 0 1px 0 0; }

#info #colRight #prevNext { width: 670px; text-align: right; padding: 5px 0 0 0; }
#info #colRight #prevNext img { display: inline; }

#info #colRight #coreIntro #colmn1 { float: left; margin: 0 3px 0 0; }
#info #colRight #coreIntro #colmn1 p { line-height: 120%; }
#info #colRight #coreIntro #colmn1 img { margin: 0 0 33px 0; }
#info #colRight #coreIntro #colmn2 { float: left; width: 491px; }
#info #colRight #coreIntro #colmn2 table td.left img { margin: 0 2px 2px 0; }
#info #colRight #coreIntro #colmn2 table td.right img { margin: 0 0 2px 0; }

#info #colRight #csrNote { position: absolute; display: none; width: 270px; height: 280px; background-color: #f3ead3; margin: 19px 0 0 228px; }
#info #colRight #csrNote #closeBtn { position: absolute; cursor: pointer; margin: 12px 0 0 243px; }
#info #colRight #csrNote div.subhead { font-size: 11px; font-weight: bold; margin: 0 0 25px 0; }
#info #colRight #csrNote p { line-height: 140%; }
#info #colRight #csrNote p strong { display: block; font-size: 11px; font-weight: bold; }
#info #colRight #csrNote #prevNextNote { position: absolute; width: 250px; text-align: right; margin: 235px 0 0 0; }
#info #colRight #csrNote #prevNextNote img { display: inline; }
#info #colRight #csrNote #prevNextNote span { cursor: pointer; }
#info #colRight #csrNote #copy1 { position: absolute; display: none; width: 220px; color: #000; margin: 40px 0 0 25px; }
#info #colRight #csrNote #copy2 { position: absolute; display: none; width: 220px; color: #000; margin: 40px 0 0 25px; }
#info #colRight #csrNote #copy3 { position: absolute; display: none; width: 220px; color: #000; margin: 40px 0 0 25px; }
#info #colRight #csrNote #copy4 { position: absolute; display: none; width: 220px; color: #000; margin: 40px 0 0 25px; }

#info #colRight #coreMain { width: 700px; }
#info #colRight #coreMain:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#info #colRight #coreMain #colmn1 { float: left; width: 183px; height: 313px; font-size: 11px; color: #fff; padding: 19px 9px 0 14px; background-color: #c9271e; margin: 0 3px 0 0; }
#info #colRight #coreMain #colmn1 div.intro { margin: 0 0 16px 0; }
#info #colRight #coreMain #colmn1 div.subhead { margin: 0 0 7px 0; }
#info #colRight #coreMain #colmn1 div.strategyNav { width: 182px; padding: 0 0 15px 0; }
#info #colRight #coreMain #colmn1 div.strategyNav:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#info #colRight #coreMain #colmn1 ul { width: 174px; padding: 1px 0 0 0; background-image: url(../images/strategies/common/sidenav_divider.gif); background-repeat: no-repeat; background-position: top left; }
#info #colRight #coreMain #colmn1 ul.wide { width: 182px; }
#info #colRight #coreMain #colmn1 ul li { float: left; padding: 0 0 1px 0; background-image: url(../images/strategies/common/sidenav_divider.gif); background-repeat: no-repeat; background-position: bottom left; }

#info #colRight #coreMain #colmn2 { float: left; width: 491px; }
#info #colRight #coreMain #colmn2.border { width: 489px; height: 330px; border: 1px solid #e5e5e5; }
#info #colRight #coreMain #colmn2 #coreDesc { float: left; width: 257px; padding: 15px 24px 0 18px; }
#info #colRight #coreMain #colmn2 #coreDesc p { font-size: 11px; line-height: 135%; }
#info #colRight #coreMain #colmn2 #coreDesc p.footnote { font-size: 10px; line-height: 120%; }
#info #colRight #coreMain #colmn2 #coreDesc div.subhead { font-size: 13px; color: #c1151b; margin: 0 0 10px 0; }
#info #colRight #coreMain #colmn2 #coreDesc span.csrLink { color: #886e06; text-decoration: underline; cursor: pointer; }
#info #colRight #coreMain #colmn2 #coreDesc span.csrLink:hover { text-decoration: none; }

#info #colRight #coreMain #colmn2 #coreBonus { float: left; width: 189px; padding: 15px 0 0 0; }
#info #colRight #coreMain #colmn2 #coreBonus div.caption { width: 159px; font-size: 11px; color: #c1151b; padding: 0 0 0 12px; }
#info #colRight #coreMain #colmn2 #coreBonus div.caption p { line-height: 130%; }
#info #colRight #coreMain #colmn2 #coreBonus div.caption div.action { cursor: pointer; }
#info #colRight #coreMain #colmn2 #coreBonus div.caption div.slideShow { width: 159px; height: 20px; background-image: url(../images/strategies/common/action_slideshow.gif); background-repeat: no-repeat; margin: 0 0 10px 0; }
#info #colRight #coreMain #colmn2 #coreBonus div.caption div.slideShow div.arrowLeft { position: absolute; cursor: pointer; margin: 2px 0 0 124px; }
#info #colRight #coreMain #colmn2 #coreBonus div.caption div.slideShow div.arrowRight { position: absolute; cursor: pointer; margin: 2px 0 0 142px; }

#info #colRight #coreMain #colmn2 #introMap0 { position: absolute; }
#info #colRight #coreMain #colmn2 #introMap1 { position: absolute; display: none; }
#info #colRight #coreMain #colmn2 #introMap2 { position: absolute; display: none; }
#info #colRight #coreMain #colmn2 #introMap3 { position: absolute; display: none; }





/*

Popup Footnotes styles

*/

span.popAsterisk { font-weight: bold; color: #886e06; cursor: pointer; }
span.popLink { color: #886e06; text-decoration: underline; cursor: pointer; }

span.popNote { position: absolute; display: none; width: 300px; margin: -14px 0 0 0px; z-index: 10; }
span.popNote { background-image: url(../images/common/bg_footnote.gif); background-repeat: no-repeat; }
span.popNoteContent { display: block; padding: 15px 15px 15px 15px; border-bottom: 1px solid #d9d0b6; margin: 0 0 0 10px; }
span.popNote span.close { position: absolute; display: block; cursor: pointer; margin: 9px 0 0 381px; }
span.popNote span.copy { font-size: 10px; font-weight: normal; color: #666; line-height: 130%; }