/*
Title:		screen.css
Author: 	zF. : zfrazier@vsapartners.com
--
Notes:
	= Controlling stylesheet for screen rendering; imports other sheets;
		defines rules for the highest-level layout containers
*/
@import url("lib/common.css");

/*	====================================
	LAYOUT
*/
#body { width: 817px; margin: 0 auto; }
#content { position: relative; padding: 57px 0; overflow: visible; min-height: 300px; }
.downloads #content { padding-bottom: 48px; }
.article { width: 555px; margin-left: 36px; }
/* full width of article content (with two cols) */
.article div.full_ { width: 745px; }
.article div.full_ div.content { float: left; width: 555px; }
.article div.full_ div.aside { float: right; width: 165px; }

.paging-navigation { position: absolute; right: 0; }
#paging-navigation { bottom: 0; }
#paging-navigation-repeat { top: 0; }
#related-sidebar { position: absolute; right: 36px; top: 58px; width: 165px; }

/*	====================================
	PROXY
*/
.proxy #header h1 { height: 55px; width: 195px; }
.proxy #header { border-bottom: 0; }
.proxy #header #primary-navigation { margin-top: 30px; }
.proxy #header .navigation li { border-right: solid 1px #b2b2b2; margin-right: 8px; padding-right: 9px; }
.proxy #header .navigation li.last_ { border-right: 0; margin-right: 0; padding-right: 0; }
.proxy h2.page-header { position: absolute; top: 45px; right: 36px; }
#download-proxy { border-top: solid 4px #c4d5ea; border-bottom: solid 1px #c4d5ea; }
#download-proxy h3 { font-size: 1em; color: #333; font-weight: bold; line-height: 1.38; margin-top: 12px; }
#download-proxy ul.links { padding-top: 6px; margin-bottom: 5px; } #download-proxy ul.links, #download-proxy ul.links li { border: 0; }

/*	====================================
	HOME
*/
.home #content { padding: 0; }
.home .article { width: 745px; }
.flash-enabled .home #content { background-color: #e8ebef; }
.flash-enabled .home .article { margin: 0; margin-left: -10px; } 
.flash-enabled #home-editorial { display: none; } 
#home-editorial { padding: 37px 0; }
#home-editorial #home-text-intro { margin-bottom: 2.727em; }
#home-editorial #home-photo-main { margin-bottom: 0.636em; }
.home .article div.full_ { margin-bottom: 1em; } 	
.home h3 { border-top: solid 1px #C4D5EA; padding-top: 29px; }
.home h3.first_ { border-top: 0; padding-top: 29px; }

/*	====================================
	LETTER
*/
/* non-JS has summary image at bottom -
		clipped to remove shadow */
#financial-summary { width: 817px; height: 614px; overflow: hidden; }
#financial-summary img { margin-top: -3px; margin-left: -10px; }
/* with JS has summary image overlaid */
.js-enabled #financial-summary { width: 837px; height: 627px; position: absolute; left: -10px; top: -3px; display: none; }
.js-enabled #financial-summary img { margin: 0; }
#financial-summary .close-button { position: absolute; right: 36px; top: 39px; z-index: 200; cursor: pointer; }
/* specific backgrounds */
#financial-highlights { background: url(../images/skin/related_bkgd_summary_graph.png) no-repeat; padding-top: 74px; margin-top: 31px; }

/*	====================================
	GOVERNANCE
*/
#goals-objectives { background-color: #3972b8; padding: 26px 20px 15px; color: white; margin-top: 1.273em; margin-bottom: 2.545em; }
#goals { margin-bottom: 48px; }
#goals h4 { border-bottom: solid 1px #89abd5; padding-bottom: 6px; margin-bottom: 16px; } 
#objectives table { border: 0; }
#objectives table caption { margin-bottom: -35px; font-weight: bold; }
#goals-objectives thead td { border-bottom: solid 1px #89abd5; }
#goals-objectives td { width: 113px; padding: 5px 0; }
#goals-objectives td, #goals-objectives th { border: 0; }
#larsen-signature { padding-top: 1.364em; } 

/*	====================================
	BOARD
*/
#directors-list { position: relative; } .directors-header h3 { margin-bottom: 1px; }
.directors { margin-top: 65px; }
.directors h4 sup { font-weight: normal; }
.directors-header { position: absolute; }

/*	====================================
	DOWNLOADS
*/
.downloads #content { background-color: #999; color: white; }
.downloads .article { width: 745px; }
.downloads #order-report, .downloads #download-report { width: 365px; float: left; } 
.downloads #order-report { margin-right: 15px; }	
.downloads .article h3 { width: auto; height: auto; font-size: 1em; color: white; font-weight: bold; line-height: 1.4; }
.downloads .article p { color: #ccc; }
.downloads .article a { color: white; }
.downloads #order-report { background: url(../images/downloads_report_cover.png) no-repeat 0 12px; min-height: 230px; }
.downloads #order-report .order-option { padding-left: 175px; margin-bottom: 35px; }
.downloads #order-report .order-option .links a { display: block; margin-bottom: 10px; }
.downloads #download-report table td { text-align: left; }
.downloads #download-report table thead td { padding-top: 0; }
.downloads #download-report table .section { width: 200px; padding-right: 10px; }
.downloads #download-report table .pages { width: 55px; padding-right: 10px; }
.downloads #download-report table .size { width: 85px; }
.downloads #download-report a.download-link { margin-bottom: 3px; }
.downloads #download-report table { border: 0; border-bottom: solid 1px #adadad; line-height: 1.2; }
.downloads #download-report td, .downloads #download-report th { padding-top: 8px; padding-bottom: 6px; }
.downloads #download-report table thead td { text-transform: uppercase; border-color: #adadad; font-weight: normal; color: #ccc; }
.downloads #download-report table tbody * { border-color: #adadad; }

/*	====================================
	ORDER REPORT
*/
.order-report .article { width: 745px; }
#order-form { padding-top: 10px; background: url(../images/order_report_cover.png) no-repeat 100% 10px; }
#order-form div.set { width: 555px; border-top: solid 1px #c4d5ea; overflow: hidden; position: relative; }
#order-form div.last_ { border-bottom: solid 1px #c4d5ea; padding-bottom: 7px; } 
#order-form h3 { position: absolute; left: 0; top: 17px; width: 175px; font-weight: bold; font-size: 1em; color: #333; line-height: 1.38; }
#order-form h3 span { font-weight: normal; display: block; width: 175px; }
#order-form fieldset { padding-left: 190px; padding-top: 28px; overflow: visible; margin-bottom: 1.545em; } 
#contact-fields { padding-bottom: 0.636em; }
#quantity-fields { padding-bottom: 2.091em; }
#order-form p { width: 365px; margin-bottom: 0.909em; }
#order-form p.col_ { float: left; width: 175px; margin-right: 15px; display: inline; }
#order-form #quantity-fields p.col_ { width: 85px; }
#order-form #quantity-fields p.last_ { width: 265px; }
#order-form #quantity-fields p input.text { width: 83px; }
#order-form #quantity-fields p.last_ input.text { width: 261px; } 
#order-form p input.text { width: 361px; }
#order-form p.col_ input.text { width: 171px; }
#order-form select { width: 99%; font-size: 1em; }
#order-form p.last_ { margin-right: 0; }
#order-form textarea#improvements { height: 9.091em; width: 361px; font-size: 1em; } 
#order-form #order-form-submit { margin-left: 190px; margin-top: 30px; }