/* The Climate Project - Interior Page Screen CSS */

#main{
  position: relative;
  width: 921px;
  margin-bottom: 10px;
  background: url(../images/main-bg.jpg) repeat-y;
}
#mainTop{
  position: relative;
  width: 921px;
  height: 14px;
  background: url(../images/main-top.jpg);
}
#mainBottom{
  position: relative;
  width: 921px;
  height: 20px;
  background: url(../images/main-bottom.jpg);
}
#mainColumns{ position: relative; width: 901px; margin: 0px auto; }
#main-full{
  position: relative;
  width: 921px;
  margin-bottom: 10px;
  background: url(../images/main-bg-full.jpg) repeat-y;
}
#mainTop-full{
  position: relative;
  width: 921px;
  height: 14px;
  background: url(../images/main-top-full.jpg);
}
#mainBottom-full{
  position: relative;
  width: 921px;
  height: 20px;
  background: url(../images/main-bottom-full.jpg);
}

.solution h3 {margin-bottom: 0px; font-size: 14px; color: #265BB6;}
h3.solutionName {margin-bottom: 0px; font-size: 14px; color: #265BB6; float: left; padding-right:10px;}

h3 span.solutionLocation {font-size: 12px; color: #4e4e4e;}

/* ----- LEFT SIDE ----- */
#mainLeft{
  background:transparent url(../images/box-shade.jpg) repeat-x scroll 0 0;
float:left;
margin-left:1px;
margin-right:10px;
position:relative;
width: 662px;

}

/*FOR IE6*/ 
*html #mainLeft { width:661px; }


#mainWide{
  position: relative;
  background:transparent url(../images/box-shade.jpg) repeat-x scroll 0 0;
  margin: 0px 1px;
}

#mainPad{ padding: 18px 16px 8px 16px; }
#mainLeft p, #mainWide p { margin: 0px 0px 10px 0px; padding: 0px; line-height: 1.4em; }
#mainLeft h1, #mainWide h1{
  font-size: 24px;
  font-weight: bold;
}
#mainLeft h2, #mainWide h2{
  margin: 10px 0px;
  padding: 0px;
  font-size: 16px;
  font-weight: bold;
  color: #688f00;
}
.line1{ padding: 3px 8px 3px 12px; background: #f2f2f3; }
.line2{ padding: 3px 8px 3px 12px; }
img.right{ float: right; margin: 0px 0px 10px 10px; }


/* ----- RIGHT SIDE ----- */
#mainRight{
  position: relative;
  float: left;
  width: 228px;
}
#mainRight h2{
  margin: 0px;
  padding: 0px 0px 4px 0px;
  font-size: 15px;
  font-weight: bold;
}
#mainRight h3{
  margin: 0px;
  padding: 0px 0px 4px 0px;
  font-size: 13px;
  font-weight: bold;
}
#mission{
  position: relative;
  padding: 18px 14px;
  background: #fff url(../images/box-shade.jpg) repeat-x;
  margin: 0 1px;
}
#mission p { margin: 0px; padding: 0px; line-height: 1.4em; }

#search{
  position: relative;
  padding: 18px 16px 8px 16px;
  background: #a0a0a0;
  text-align: center;
}

#search3{
  position: relative;
  padding: 0px 16px 8px 16px;
  text-align: center;
  background: #fff;
  margin: 0 1px;
}

#searchForm{
  position: relative;
  margin: 0px;
  padding: 4px 0px 0px 4px;
  background: url(../images/search-bg.jpg) no-repeat;
}
#textBox{
  display: block;
  position: relative;
  margin: 0px;
  height: 17px;
  width: 156px;
  border: 0;
  background: #ffffff;
  font-size: 11px;
}
#textGo{ display: block; position: absolute; top: 1px; left: 167px; }

#subscribe{
  position: relative;
  padding: 18px 16px 8px 16px;
  color: #ffffff;
  background: #688f00;

}
#subscribe h3 a{ color: #ffffff; }
#subscribe p { margin: 0px 0px 20px 0px; padding: 0px; line-height: 1.4em;}
#subscribeForm{
  position: relative;
  margin: 0px;
  padding: 4px 0px 0px 4px;
  background: url(../images/subscribe-bg.jpg) no-repeat;
}

.clear { clear: left; }

#signupForm{
  position: relative;
  float: right;
  width: 330px;
  margin-left: 10px;
}
