/* ***************************************************
GENERAL HTML ELEMENT STYLES
**************************************************** */

body {
  font-family:tahoma,verdana,arial,sans-serif,"lucida grande";
  font-size:12px;
  text-align:left;
  background-color:white;
  color:#3e3e3e;
  padding:0 0 0 0;
  margin:0 0 0 0;
  min-width:1024px; /*984px;*/
}

a {
  color:#3e3e3e;
  outline:none;
  text-decoration:none;
}
a:hover {
  color:#9e9e9e;
  text-decoration:underline;
}

img {
  border:none;
}

hr {
  border:0px;
  width:100%;
  color: #3e3e3e;
  background-color: #3e3e3e;
  height:1px;
}

br.float-clearing-br {
  clear:both;
  height:0px;
  line-height:0px;
}

sub {
  line-height:0;
  vertical-align: -5px;
}

sup{
  line-height:0;
  vertical-align: 5px;
}

/* ***************************************************
HEADER STYLES
**************************************************** */

#header {
  text-align:center; /* IE hack to properly position block elements */
}

#logoRegion {
  width:1024px; /*984px;*/
  min-width:1024px; /*984px;*/
  margin-top:10px;
  margin-left:auto;
  margin-right:auto;
  height:72px;
  overflow:auto;
}

#logo {
  height:67px;
  float:left;
}

#addthis {
  height:67px;
  float:right;
}

#addthisdiv {
  padding-top:44px;
}

.navbar {
  min-width:1024px; /*984px;*/
  background-image:url(./images/navbar-gradient-strip-1x30.png);
  background-repeat:repeat-x;
}

#navbarmenucontainer {
  text-align:right; /* IE hack to properly position block elements */
  width:1024px; /*984px;*/
  min-width:1024px; /*984px;*/ 
  margin-left:auto;
  margin-right:auto;
}

#navbarmenu {
  width: 984px;
  min-width:1024px; /*984px;*/
}

.navbar ul.mainmenu{
  list-style:none;
  padding-top:2px;
  padding-bottom:3px;
  margin-top:0px;
  margin-bottom:0px;
}

.navbar li {
  padding-top:2px;
  display: inline;
}

.navbar a.menulink{
  font-size:21px;
  line-height:25px;
  color:#FFFFFF;
  text-decoration:none;
  outline:none;
  padding:2px 2px 3px 2px;
  margin-left:20px;
}

.navbar a:hover {
  background-image:url(./images/navbar-button-hover-gradient-strip-1x30.png);
  background-repeat:repeat-x;
}

#mainpagecontentcontainer {
  text-align:center;
}

#mainpagecontent {
  min-width:1024px;
  width:1024px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}

/* ***************************************************
INSTALL PANEL STYLES
**************************************************** */

#install-panel-container {
  text-align:center; /* IE hack to properly position block elements */
}

#install-panel {
  position:relative;
  padding-top:30px;
  width:1024px; /*984px;*/
  height:419px;
  min-width:1024px; /*984px;*/
  margin-left:auto;
  margin-right:auto;
}

#pullquotescreen {
  position:absolute;
  top:201px;
  left:348px;
  width:225px;
  height:162px;
  z-index:10200;
  background-image:url(./images/pull-quote-window-225x162.png);
  display:none;
}

#pull-quote-window {
  position:absolute;
  top:201px;
  left:348px;
  width:225px;
  height:162px;
  z-index:10000;
  background-image:url(./images/pull-quote-window-225x162.png);
  text-align:left;
}

#pullquotecontainer {
  position:static;
  width:207px;
  height:143px;
  z-index:10100;
  display:table; 
  text-align:center;
}

#pullquoteverticalaligner {
  position:static;
  display:table-cell;
  vertical-align:middle;
}

#pullquotehorizontalaligner {
  position:static;
  margin-left:auto;
  margin-right:auto;
}

#pullquote {
  position:static;
  width:170px;
  text-align:left;
  font-family:sans-serif,"lucida grande",tahoma,verdana,arial;
  font-size:14px;
  font-style:italic;
  letter-spacing:0px;
  margin-left:auto;
  margin-right:auto;  
}

#pullquoteattribution {
  text-align:center;
  font-size:11px;
  font-weight:bold;
  padding-top:5px;  
}

#install-info {
  text-align:left; /* IE hack to properly position block elements */
  position:relative;
  float:left;
  width:398px;
  height:419px;
  background-image:url(./images/header-panel-gradient-strip.png);
  background-repeat:repeat-x;
  overflow:visible;
}

div#getgreentitlebox {
  position:absolute;
  top:5px;
  left:60px;
}

p.heading1 {
  font-size:50px;
  letter-spacing:1.5px;
  line-height:48px;
  padding:0 0 0 0;
  margin:0 0 0 0;
}

p.heading2 {
  font-size:20px;
  letter-spacing:0.2px;
  padding:0 0 0 0;
  margin:0 0 0 0;  
}

p.heading3 {
  font-size:12px;
  letter-spacing:0px;
  padding:0 0 0 0;
  margin:0 0 0 0;  
  line-height:15px;
}

#ticker-callout {
  position:absolute;
  top:92px;
  left:60px;
  width:239px;
  height:71px;
  background: url('./images/ticker-callout-239x71.png') no-repeat;
}

#ticker-callout-textbox {
  width:219px;
  padding-left:10px;
  padding-top:6px;
}

.tickerText {
  font-weight:bold;
}

#install-button {
  position:absolute;
  top:164px;
  left:116px;
}

#ie-install-message-box {
  background:#FDD;
  border:2px solid red;
  padding:5px 10px;
  position:absolute;
  top:165px;
  left:50px;
}

a#install-ff-link {
  text-decoration:underline;
  color:blue;
}

div#tagline {
  position:absolute;
  top:250px;
  left:40px;
  width:290px;
}

p.taglineText {
  font-size:23px;
  letter-spacing:0px;
  padding:0 0 0 0;
  margin:0 0 0 0; 
}

#learnmorelinkcontainer {
  padding-top:3px;
}

a.learnmorelink {
  color:blue;
  font-size:18px;
  letter-spacing:0px;
  padding:0 0 0 0;
  margin:0 0 0 0; 
}
a.learnmorelink:hover {
  color:#9e9e9e;
  text-decoration:underline;
}

/* ***************************************************
GREEN DESCRIPTION STYLES
**************************************************** */

#frosted-left {
  float:left;
  width:54px;
  height:419px;
  background-image:url(./images/frosted-panel-left.png);
}

#frosted-panel {
  text-align:left; /* IE hack to properly position block elements */
  position:relative;
  float:left;
  width:497px;
  height:419px;
  background-image:url(./images/header-frosted-panel-gradient-strip.png);
  background-repeat:repeat-x;
}

#recycle-figure {
  position:absolute;
  left:129px;
  top:23px;
}

#frosted-right {
  float:left;
  width:55px;
  height:419px;
  background-image:url(./images/frosted-panel-right.png);
}

#you-description {
  position:absolute;
  top:45px;
  left:46px;
  text-align:right;  
}

#green-description {
  position:absolute;
  top:35px;
  left:361px;
  width:200px;  
}

#clean-description {
  position:absolute;
  top:252px;
  left:231px;
}

p.heading4 {
  font-weight:bold;
  font-size:20px;
  letter-spacing:0.2px;
  padding:0 0 0 0;
  margin:0 0 0 0;  
}

p.green-diagram-text {
  font-size:15px;
  letter-spacing:0px;
  padding:2px 0 0 0;
  margin:0 0 0 0;  
}

#install-right {
  float:left;
  width:20px;
  height:419px;
  background-image:url(./images/header-panel-gradient-strip.png);
  background-repeat:repeat-x;
}

/* ***************************************************
ARTICLE STYLES
**************************************************** */

.content-container {
  text-align:center;
}

.column-container {
  width:1024px; /*984px;*/
  min-width:1024px; /*984px;*/
  margin-left:auto;
  margin-right:auto;
}

.content-header {
  width:100%;
  height:15px;
}

.article-column {
  text-align:left;
  float:left;
  border:none;
}

#main-article-column {
  padding-top:20px;
  padding-left:70px;
  padding-right:70px;
  width:480px;
  _width:620px;
}

p.heading5 {
  font-family:Arial,Helvetica,Geneva,sans-serif;
  font-size:40px;
  letter-spacing:0px;
  padding:0 0 0 0;
  margin:0 0 0 0;
}

p.heading6 {
  font-family:Arial,Helvetica,Geneva,sans-serif;
  font-size:20px;
  letter-spacing:0px;
  padding:0 0 0 0;
  margin:0 0 0 0; 
}

p.leaderText {
  font-family:Arial,Helvetica,Geneva,sans-serif;
  font-size:18px;
  margin: 10px 0 10px 0;
}

p.paragraphText {
  font-family:Arial,Helvetica,Geneva,sans-serif;
  font-size:15px;
}

.paragraphText-bold {
  font-size:15px;
  font-weight:bold;
  color:4f4f4f;
}

.paragraphText-itallic {
  font-size:15px;
  font-style:italic;
}

.faqQuestionText {
  margin:0px;
  padding-top:10px;
  padding-bottom:2px;
  font-size:12px;
  font-weight:bold;
  color:4f4f4f;
}

.faqAnswerText {
  margin:0px;
  padding-top:2px;
  padding-bottom:2px;
  font-size:12px;
  color:4f4f4f;
}

a#installlink {
  text-decoration:underline;
  color:green;
}
a#installlink:hover {
  color:#9e9e9e;
}

.col-divider {
  text-align:left;
  float:left;
  width:1px;
  background-image:url(./images/vertical-rule-pixel-1x1.png);
  background-repeat:repeat-y;
  opacity:0.3;
}

.article-divider {
  height:270px;
  margin-top:10px;
}

.content-footer {
  width:100%;
  height:30px;
}

.column-image-container {
  text-align:center;
}

.column-image {
  border:solid 1px black;
}

.articleExpandLink {
  color:blue;
  cursor:pointer;
}

/* ***************************************************
TOC STYLES
**************************************************** */

#TOC-column {
  margin:10px 0 0 0;
  padding:10px 0px;
  width:150px;
  _width:150px;
  height:250px;
  background:url("./images/blue-menu-gradient-1x250.png") repeat-x;
  border-top:1px solid lightgray;
  /*border-left:1px solid lightgray;*/
  /*border-bottom:1px solid lightgray;*/
}

.toc-link-container {
  padding:3px 20px 3px 10px;
}

.toc-link {
  font-size:14px;
  cursor:pointer;
}
.toc-link:hover {
  text-decoration:none;
}
.toc-link-clicked {
  background:#95aac6; /* #96a1be;*/
}

/* ***************************************************
TOP STORIES STYLES
**************************************************** */

#top-stories-column {
  width:220px;
  _width:250px;
  margin:10px 0 0 0;
  padding:10px 20px 10px 10px;
  height:250px;
  background:url("./images/blue-menu-gradient-1x250.png") repeat-x;
  border-top:1px solid lightgray;
  /* border-right:1px solid lightgray; */
  /* border-bottom:1px solid lightgray; */
}

#blogtopstories {
}

/* other top stories -related styles in inferknowblog.css */

/* ***************************************************
FOOTER STYLES
**************************************************** */

#footer {
  text-align:center; /* IE hack to properly position block elements */
}

#footer-links {
  text-align:left; /* IE hack to properly position block elements */
  width:1024px; /*984px;*/
  min-width:1024px; /*984px;*/
  margin-left:auto;
  margin-right:auto;
}

a.policylink {
  padding-left:30px;
  text-decoration:underline;
}

/* ***************************************************
COMPANY PAGE STYLES
**************************************************** */

#company-column1 {
  width:500px;
  padding-right:20px;
}

#company-column2 {
  width:460px;
  padding-left:30px;
}

#contactlink {
  text-decoration:underline;
}

.company-col-divider {
  height:500px;
}

#contact-info {
  text-align:right;
  padding:30px 0 30px 30px;
}

.paragraphText-address {
  font-size:16px;
  line-height:20px;
  margin:0 0 0 0;
  padding:0 0 0 0;
}

#people-info {
  width:460px;
}

.person-info {
  width:460px;
  padding-top:20px;
  padding-bottom:20px;
}

.person-img {
  float:left;
}

.person-bio-box {
  float:left;
  width:270px;
  padding-left:30px;
}

.person-name {
  font-size:20px;
  margin:0 0 10px 0;
}

.person-bio-text {
  margin:0 0 0 0;
}

/* ***************************************************
BLOG STYLES
**************************************************** */

iframe#blogframe {
  border:none;
  width:100%;
  height:1500px;
}