/* Blueprint Growth Styles */ /* Fonts Colors Lists Form elements */ body,div,ul,td,li,th,span,p,select,form,textarea,label { font-size:13px; font-family:arial, helvetica, sans-serif; color: #000; } body { margin:0; padding:0; background-color:#000033; background-image:url(i/bg-body.jpg); background-repeat:repeat-x;} form { margin:0; padding:0; } div { margin:0; } p { line-height:20px; margin:0 0 16px 0; } a { color:#3067A8; } a b, a strong { color:#3067A8; } a:visited, a:visited sup { color:#3067A8; } body a:hover, body a:focus { color:#7E2524; } a img { border:0; } a sup { color:#7E2524; } h1 { font-size:22px; font-weight:normal; color:#333; margin-top:0; margin-bottom:14px; clear:both; } h2 { font-size:15px; color:#000033; line-height:17px; margin-top:0; margin-bottom:5px; padding:0; clear:both; } h3 { font-size:13px; color:#333; margin:0; } h4 { font-size:12px; color:#333; line-height:17px; margin-top:0; margin-bottom:5px; padding:0; clear:both; font-weight:bold; } * html h1, * html h2, * html h3 { height:1%; } ol { margin:0 5px 10px 26px; padding:0; } ol li { margin:0 0 4px 0; line-height: 20px; padding-bottom: 12px;} ol ol { margin:8px 5px 8px 22px; padding:0; list-style-type: lower-alpha;} ol ol ol { list-style-type: lower-roman; margin:5px 5px 10px 22px; } ul { margin:0px 5px 15px 0px; list-style-type:none; padding:0; } ul li { line-height:18px; margin-left:0; margin-bottom:4px; padding-left:8px; background-image:url(i/bg-ulBullet.gif); background-repeat: no-repeat; list-style-type:none;} ul li a { color:#3067A8; } ul li a:visited { color:#3067A8; } ul li a:hover, ul li a:focus { color:#666; } table, td { border:0; } sup { font-size:8px; font-weight:normal; margin:0; padding:0; margin-right:2px; text-decoration:none; } label { font-weight: bold; }; input { font: 11px arial, helvetica, sans-serif; } /*header*/ #header { width:960px; height: 102px; margin-top:20px; } .header-brand {float: left; width: 228px; height: 102px; background-image: url(i/bg-header-brand.gif); background-repeat:repeat-x; text-align:center;} .header-nav {float: left; width: 692px; height: 102px; background-image: url(i/bg-header-nav.gif); background-repeat:repeat-x;} .header-newsletter {float: left; width: 40px; height: 102px; background-image: url(i/bg-header-newsletter.gif); background-repeat:no-repeat; padding: 0 0 0 0;} /* Framework */ #containAll {margin: 0 auto; background-image:url(i/bg-container.gif); background-position:top left; background-repeat:repeat-y; width:960px; text-align:left; } #surround {float: left; background-color:#fff; border-left: 1px solid #999; border-right: 1px solid #999; width:958px;} #leftColumn { float: left; width: 202px; background-color:#fff; padding: 0 16px 20px 22px; background-image: url(i/bg-leftcol-fade.gif); background-repeat:no-repeat; } #leftColumn h1 {font-size:11px; color:#333; line-height: 18px; font-weight:bold; margin-bottom:11px; clear:both; } #bodyColumn {float: left; width: 718px; background-color:#fff; background-image: url(i/bg-fade.gif); background-repeat:repeat-x;} #bodyFeature {float: left; width: 718px; height: 300px; padding: 0 0 0 0; background-color:#000; color: #fff; } #bodyFeatureFull {float: left; width: 958px; background-color:#666; height:300px; background-color:#fff; margin-bottom: 0;} #bodyContent {float: left; width: 447px; padding: 20px 30px 40px 0; background-image: url(i/bg-fade.gif); background-repeat:repeat-x;} #bodyContent p {font-size:13px; } #bodyContent p.last {margin-bottom: 30px; } #bodyContent h1 {font-size:22px; color:#000066; line-height: 24px; font-weight:bold; margin-bottom:8px; clear:both; } #bodyContent h3 {margin-top: 10px; margin-bottom: 10px; clear:both; } #bodyContentFull {float: left; width: 668px; padding: 20px 50px 40px 0; background-image: url(i/bg-fade.gif); background-repeat:repeat-x;} #bodyContentFull p {font-size:13px; } #bodyContentFull p.last {margin-bottom: 30px; } #bodyContentFull h1 {font-size:22px; color:#000066; line-height: 24px; font-weight:bold; margin-bottom:8px; clear:both; } #bodyContentFull h3 {margin-top: 10px; margin-bottom: 10px; clear:both; } #rightColumn {float: left; width: 200px; padding: 20px 20px 20px 20px; background-image: url(i/bg-fade.gif); background-repeat:repeat-x;} #rightColumn p.last {margin-bottom: 30px;} #rightColumn p {font-size:11px; color: #333; line-height: 18px; } #rightColumn h1 {font-size:22px; color: #333; line-height: 18px; font-weight:bold; margin-bottom:8px; clear:both; } #rightColumn h2 {font-size:15px; color:#000033; line-height:17px; margin-top:0; margin-bottom:5px; padding:0; clear:both; } #rightColumn h3 {font-size:11px; color:#333; line-height: 18px; font-weight:bold; margin-bottom:4px; top-margin:0; clear:both; padding: 0; } #rightColumn .sideImg {padding:0; margin:0;} /* Side elements */ ul.relatedLinks {margin:0px 5px 0px 0px; list-style-type:none; padding:0; } ul.relatedLinks li {line-height:18px; margin-left:0; margin-bottom:4px; padding-left:10px; background-image:url(i/bg-ulBullet.gif); background-repeat: no-repeat; list-style-type:none; font-size:11px;} ul.relatedLinks a {color:#3067A8; } ul.relatedLinks a:visited {color:#3067A8;} ul.relatedLinks a:hover {text-decoration:none; color: #000066;} #sideBox {width: 172px; padding: 10px 10px 10px 10px; background-color:#fff; border: 1px solid #ccc; font-family:Arial, Helvetica, sans-serif; font-size:11px; background-color:#f1f1f1; margin-bottom: 20px; background-image:url(i/bg-sidebar.gif); background-repeat:repeat-x;} #sideBox p {font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-bottom:0; margin-bottom:8px;} #sideBox h3 {font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; margin: 0 0 4px 0; color:#666;} #sideBox .quote {font-family: Georgia, "Times New Roman", Times, serif; font-size:15x; font-weight:bold; font-style:italic; line-height:22px; margin: 12px 0 12px 0;} #sideBox .quoteBy {margin: 12px 0 0 0; color:#666; line-height:15px; text-align:left; } #sideImageBox {width: 192px; padding: 0 0 8px 0; background-color:#fff; border: 1px solid #ccc; font-family:Arial, Helvetica, sans-serif; font-size:11px; background-color:#f1f1f1; margin-bottom: 20px; background-image:url(i/bg-sidebar.gif); background-repeat:repeat-x;} #sideImageBoxNoPad {width: 192px; padding: 0 0 0 0; background-color:#fff; border: 1px solid #ccc; font-family:Arial, Helvetica, sans-serif; font-size:11px; background-color:#f1f1f1; margin-bottom: 20px; background-image:url(i/bg-sidebar.gif); background-repeat:repeat-x;} #sideImageBox p {font-size:11px; margin:6px 10px 0 10px;} #sideImageBox p a {line-height: 1.4em;} #sideImageBox h3 {font-size:11px; font-weight:bold; margin: 10px 10px 6px 10px; color:#666;} .actionButton {padding: 8px 0 0 0; } .clear {clear:both; } /* UHP */ #homeFeature {float: left; width: 958px; background-color:#666; height:320px; } #homeContentLeft {float: left; width: 616px; background-color:#fff; padding-left:15px; } #homeContentRight {float: left; width: 277px; background-color:#fff; padding: 20px 30px 30px 20px;} #homeContentRight .newsDate {font-size:11px; color: #666; padding:0; margin: 0; font-weight:bold; } .homeTopicOne {float: left; width: 203px; height:190px; background-image:url(i/bg-homeTopicOne.gif); background-color:#fff; margin: 20px 0 20px 0; } .homeTopicTwo {float: left; width: 204px; height:190px; background-image:url(i/bg-homeTopicTwo.gif); background-color:#fff; margin: 20px 0; } .homeTopicThree {float: left; width: 204px; height:190px; background-image:url(i/bg-homeTopicThree.gif); background-color:#fff; margin: 20px 0; } #homeContentLeft a.topicLinkOne {color: #fff; display: block; text-decoration: none; font-size: 12px; font-weight: normal; font-style:italic; margin: 0; width: 203px; height:190px;} #homeContentLeft a.topicLinkTwo {color: #fff; display: block; text-decoration: none; font-size: 12px; font-weight: normal; font-style:italic; margin: 0; width: 204px; height:190px;} #homeContentLeft a.topicLinkThree {color: #fff; display: block; text-decoration: none; font-size: 12px; font-weight: normal; font-style:italic; margin: 0; width: 204px; height:190px;} #homeContentLeft a span {display:none; } #homeContentWatchLink {float: left; width: 277px; height:30px; padding: 0 0 13px 0; margin: 0 0 13px 0; border-bottom: 1px solid #f1f1f1;} /* SOCIAL NETWORKING LINKS */ #socialContainer {float: left; width: 570px; background-color:#fff; border-top: 1px solid #ccc; padding:15px; text-align:left; } /* Left Navigation */ #leftNavBox {width: 192px; height: 298px; border:none; font-size:11px; background-color:#f1f1f1; margin-bottom: 20px; padding: 0 1px 1px 1px; background-image: url(i/bg-leftnav-fade.gif); background-repeat:repeat-x;} #leftNavBoxLg {width: 192px; height: 298px; border:none; font-size:11px; background-color:#f1f1f1; margin-bottom: 20px; padding: 0 1px 1px 1px; background-image: url(i/bg-leftnav-fade-lg.gif); background-repeat:repeat-x;} #leftNavBoxXLg {width: 192px; height: 298px; border:none; font-size:11px; background-color:#f1f1f1; margin-bottom: 20px; padding: 0 1px 1px 1px; background-image: url(i/bg-leftnav-fade-xlg.gif); background-repeat:repeat-x;} #leftNavBox p {font-size:11px; padding-bottom:0; margin-bottom:8px;} #leftNavBoxLg p, {font-size:11px; padding-bottom:0; margin-bottom:8px;} #leftNavBoxXLg p, {font-size:11px; padding-bottom:0; margin-bottom:8px;} #leftNavBox h3 {font-size:11px; font-weight:bold; margin: 0 0 4px 0; color:#666;} #leftNavBoxLg h3, {font-size:11px; font-weight:bold; margin: 0 0 4px 0; color:#666;} #leftNavBoxXLg h3, {font-size:11px; font-weight:bold; margin: 0 0 4px 0; color:#666;} ul.leftNav {list-style-type:none; font-size: 12px; line-height: 1.5em; padding: 0 0 20px 0; margin: 0 0;} ul.leftNav li {list-style-type:none; font-size: 12px; line-height: 1.5em; padding: 0 0 8px 0; margin: 0 0; background-image:none;} ul.leftNav a {text-decoration:underline; color: #000066;} ul.leftNav a:visited {text-decoration:underline; color: #000066;} ul.leftNav a:hover {text-decoration:none; color: #000066;} ul.leftNav .active {text-decoration:underline; font-weight:bold;} /* Left Navigation Tier I */ #navIII { width: 192px; padding: 0;} #navIII a:active { color: #000033;} #navIII ul { padding: 0; margin: 0; list-style: none; border-top: none; list-style-image: none; } #navIII li { padding:0; margin:0; background-image: none;} #navIII li.active { border-bottom:none} /*#navIII li a.last { border-bottom:none; background-image: url(i/bg-leftnav-bottom-fade.gif); background-repeat:repeat-x;} image off */ #navIII li a.last { border-bottom:none; background-image:url(i/bg-hr.gif); background-position:bottom left; background-repeat:repeat-x;} #navIII ul a { color: #000033; text-decoration: none; padding:6px 5px 5px 10px; display: block; background-image:url(i/bg-hr.gif); background-position:bottom left; background-repeat:repeat-x; width: 192px; voice-family: "\"}\""; voice-family:inherit; width:177px; } html>body #navIII ul a {width:177px; } #navIII ul span { font-weight:bold; color:#fff; padding:6px 5px 5px 10px; display: block; } #navIII ul a.active { font-weight:bold; color:#fff; background-image:none; } #navIII ul a.active:hover, #navIII ul a:focus {} #navIII ul a:hover, #navIII a:focus, ul li.last a:hover { text-decoration: underline; } #navIII ul a.activeII {color:#000033; background-color: #fff; font-weight:bold; } #navIII ul a .activeSub:hover, #navIII ul a:focus { } /* Left Navigation Tier II */ #navIII ul ul { margin-left:0px; border:0; } #navIII ul ul a { padding:6px 5px 6px 10px; background-image:url(i/bg-hr.gif); background-position:bottom left; background-repeat:repeat-x; width:192px; voice-family: "\"}\""; voice-family:inherit; width:177px; } html>body #navIII ul ul a { width:177px; } #navIII ul ul li { padding:0; margin:0; background-image:none; background-color:#fff; } #navIII ul ul li.last { } #navIII ul ul li.last a { } #navIII ul ul a.active { background-image:url(i/bg-hr.gif); background-position:bottom left; background-repeat:repeat-x;} #navIII ul ul a.activeIII { color:#000033; font-weight: bold; background-image:url(i/bg-hr.gif); background-position:bottom left; background-repeat:repeat-x;} #navIII ul ul a.last { } #navIII ul ul a:focus { color: #333;} /* Left Navigation Tier III */ #navIII ul ul ul { margin-left:0px; border:0; } #navIII ul ul ul a { padding:6px 5px 6px 20px; background-image:url(i/bg-hr.gif); background-position:bottom left; background-repeat:repeat-x; width:182px; voice-family: "\"}\""; voice-family:inherit; width:167px; } html>body #navIII ul ul ul a { width:167px; } #navIII ul ul ul li { padding:0; margin:0; background-image:none; background-color:#fff; font-size: 11px; line-height: 1.3em; } #navIII ul ul ul li.last { } #navIII ul ul ul li.last a { } #navIII ul ul ul li.last a.active { color:#000033; background-image:url(i/bg-navIIIa.gif); background-repeat:no-repeat; no} #navIII ul ul ul a.active { background-image:url(i/bg-hr.gif); background-position:bottom left; background-repeat:repeat-x;} #navIII ul ul ul li.last a.activeSub { font-weight: bold; color:#999; background-image:none; } #navIII ul ul ul a.activeSub { font-weight: bold; background-image:url(i/bg-hr.gif); background-position:bottom left; background-repeat:repeat-x;} #navIII ul ul ul a.last { } #navIII ul ul ul a:focus { color: #333;} /* stock tables */ #stockBox {width: 666px ; margin: 20px 0 30px 0; } .tdxs { width:10px; } .tdsm { width:50px !important; } .tdmd { width:105px !important; } .tdlg { width:160px !important; } .tdsl { width:205px !important; } .tdxl { width:338px !important; } .tdrm { width:auto; } .green {color:#339900; font-weight:bold;} .red {color:#FF0000; font-weight:bold;} td.centerIt { text-align:center; } tr { vertical-align: top; } td { font-size: 11px; } th { font-size: 11px; text-align:center; vertical-align:bottom; } table.style2 { border-top:0; border-bottom:1px solid #999; width:100%; font-size: 11px; border-left: 1px solid #999; } table.style2 .head1 th { border:0; border-bottom:1px solid #ccc; padding:4px 8px; font-weight:bold; background-color:#fff; font-size:11px; color:#333; } table.style2 .head2 th { border-left:0; border-right: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom:1px solid #ccc; padding:4px 8px; font-weight:bold; background-color:#f1f1f1; } table.style2 td { border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:4px 8px; } table.style2 td.last { border-bottom:1px solid #ccc; border-right:0; padding:4px 8px; } table.style2 tr.last td { border:0; border-bottom:1px solid #ccc; background-color:#f1f1f1; } table.style2 tr.rowbleed td { border-bottom:0px ; } table.style3 { border-top:0; border-bottom:1px solid #999; font-size: 11px; border-left: 1px solid #999; } table.style3 .head1 th { border:0; border-bottom:1px solid #ccc; padding:4px 8px; font-weight:bold; background-color:#fff; font-size:11px; color:#333; } table.style3 .head2 th { border-left:0; border-right: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom:1px solid #ccc; padding:4px 8px; font-weight:bold; background-color:#f1f1f1; text-align:left; } table.style3 .head2 .center { text-align:center; } table.style3 td { border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:4px 8px; vertical-align:middle; } table.style3 td.last { border-bottom:1px solid #ccc; border-right:0; padding:4px 8px; } table.style3 tr.last td { border:0; border-bottom:1px solid #ccc; background-color:#f1f1f1; } table.style3 tr.rowbleed td { border-bottom:0px ; } .tight { margin-bottom:0 !important;} /*blog page styles*/ #bodyContentBlog { float: left; width: 547px; padding: 20px 0 40px 0; background-image: url(i/bg-fade.gif); background-repeat:repeat-x;} #rightColumnBlog {float: left; width: 100px; padding: 20px 20px 20px 20px; background-image: url(i/bg-fade.gif); background-repeat:repeat-x;} #articleContainer { float: left; width: 547px; margin-bottom: 30px;} #articleDate { float: left; width: 100px; height: 80px; background-image:url(i/bg-blog-article-date.gif); background-repeat:no-repeat; text-align:center; font-size: 18px; font-weight:bold; } #articleDateDay { float: left; width: 100px; text-align:center; font-size: 18px; font-weight:bold; margin-top: 18px; color:#000;} #articleDateTime { float: left; width: 100px; text-align:center; font-size: 12px; font-weight:normal; margin-top: 4px; color:#000;} #articleContent { float: left; width: 427px; padding: 0 0 0 20px; line-height: 20px;} #articleContent h1 { font-size: 14px; font-weight:bold; margin-bottom: 4px; color:#000033;} #articlePermalink { float: left; width: 527px; padding: 6px 10px 6px 10px; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; margin: 16px 0 10px 0; text-align:right; font-size:11px; } #blogTitle h1 { float: left; width: 547px; margin-bottom: 10px; padding-left: 120px; font-size: 22px; font-weight:bold;} /* Additional */ label { color: #333; } #bodyContent .twoCol { overflow: hidden; width: 447px; } #bodyContent .twoCol .colOne { float: left; width: 208px; } #bodyContent .twoCol .colTwo { float: right; width: 208px; } #bodyContent input.standard, #bodyContent .twoCol .colOne input, #bodyContent .twoCol .colTwo input { width: 202px; } #bodyContent textarea { width: 441px; } #bodyContentFull .threeCol { overflow: hidden; width: 666px; } #bodyContentFull .threeCol .colOne { float: left; width: 200px; padding-right: 30px; } #bodyContentFull .threeCol .colTwo { float: left; width: 200px; padding-right: 30px; } #bodyContentFull .threeCol .colThree { float: left; width: 200px; } #bodyContentFull input.standard, #bodyContentFull .threeCol .colOne input, #bodyContentFull .threeCol .colTwo input, #bodyContentFull .threeCol .colThree input { width: 196px; } textarea { width: 100%; } /* Footer */ #footer {float: left; width: 930px; height: 40px; text-align: center; background-image: url(i/bg-footer.gif); background-repeat:repeat-x; padding-left:20px; padding-right: 10px; padding-bottom: 30px;} #footerLink ul { } #footerLink li {border-left: 1px solid #666666; padding: 0 9px 0 9px; display: inline; list-style: none; font-size:11px; font-family:Arial, Helvetica, sans-serif; background-image:none;} #footerLink li.first {border-left: none; padding: 0 7px 0 0; display: inline; list-style: none; color: #666; font-size:11px; font-family:Arial, Helvetica, sans-serif} #footerLink a {color: #666; text-decoration: none; } #footerLink a:hover {color: #666; text-decoration: underline; }