@charset "utf-8";
/* CSS Document */
*{
margin: 0;
}
img{
border: none;
}
/***************************************

Fonts and Tags

****************************************/
body{
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%;
color: #666666;
line-height: 1em;
}
h1{
margin: 0px 0 11px 0;
font-size:	2.4em;
color: #0a4595;
line-height: 1.2em;
font-weight: 200;
}
h2{
margin: 0 0 10px;
font-size: 22px; /*ie* fix, no inheritance*/
line-height: 1.2em;
font-weight: 200;
}
h3{
margin: 0 0 5px 0;
font-size: 16px;
font-weight: 200;
line-height: 1.2em;
}
h4{
margin: 10px 0 0 0;
font-size: 1.0em;
}
h5{
margin: 0;
font-size: 0.9em;
}
p{
line-height: 1.3em;
font-size: 1.3em;
margin: 7px 0 15px;
}
a{
color: #0a4595;
text-decoration: none;
outline: none;
}
object, embed{
outline: none;
}
a:hover{
text-decoration: underline;
}
ul{
list-style: none;
margin:0;
padding: 0;
}
/**************************************

Layout

***************************************/
body{
text-align: left;
background-color: #72952f;
background-image: url(../images/bkg.jpg);
background-position: top center;
background-repeat: repeat-y;
}
.cont{
background-image: url(../images/mainbkg.jpg);
background-position: top center;
width: 100%;
height: 769px;
background-repeat: no-repeat;
}
#main{
width: 919px;
position: absolute;
left: 50%;
top: 0;
margin-left: -467px;
}
h1.logo{
margin: 0;
padding: 0;
}
h1.logo a{
position: absolute;
top: 8px;
left: 8px;
background-image: url(../images/logo.jpg);
width: 459px;
height: 86px;
text-indent: -999em;
}
ul.nav{
width: 450px;
float: right;
}
ul.nav li{
float: right;
padding-left: 3px;
}
ul.nav li a{
display: block;
height: 28px;
text-indent: -999em;
background-image: url(../images/navback.gif);	
background-repeat: no-repeat;
}
ul.nav li a.home{
background-position: -313px 0;
width: 172px;
}
ul.nav li a.home:hover, ul.nav li.active a.home{
background-position: -313px -28px;
}
ul.nav li a.about{
background-position: -54px 0;
width: 131px;
}
ul.nav li a.about:hover, ul.nav li.active a.about{
background-position: -54px -28px;
}
ul.nav li a.facts{
background-position: -188px 0;
width: 124px;
}
ul.nav li a.facts:hover, ul.nav li.active a.facts{
background-position: -188px -28px;
}
ul.nav li a.plant{
background-position:-315px 0;
width:117px;
}
ul.nav li a.plant:hover, ul.nav li.active a.plant{
background-position: -315px -28px;
}
.content{
position: absolute;
left: 24px;
top: 106px;
width: 866px;
height: 459px;
}
#secondary .content{
height:auto;
left:-6px;
position:absolute;
top:101px;
width:928px;
}
.content .top{
background-image: url(../images/second_top.png);
width: 928px;
height: 44px;
float: left;
}
.content .contentarea{
background-image: url(../images/second_content.png);
background-repeat: repeat-y;
min-height: 381px;
height: auto !important;
height: 381px;
float: left;
width: 748px;
padding: 30px 90px;
}
.content .bottom{
background-image: url(../images/second_bottom.png);
height: 109px;
width: 928px;
float: left;
}
.phases{
width: 276px;
height: 48px;
position: absolute;
left: 24px;
top: 564px;
background-image: url(../images/phase.gif);
background-repeat: no-repeat;
padding-left: 109px;
}
.phases li{
float: left;
}
.phases li a{
background-image: url(../images/phases.gif);
background-repeat: no-repeat;
float: left;
width: 39px;
height: 48px;
}
.phases li.one a{
background-position: 0 0;
}
.phases li.two a{
background-position: -39px 0;
}
.phases li.three a{
background-position: -79px 0;
}
.phases li.four a{
background-position: -119px 0;
}
.phases li.one a.avail{
background-position: 0 -48px;
}
.phases li.two a.avail{
background-position: -39px -48px;
}
.phases li.three a.avail{
background-position: -79px -48px;
}
.phases li.four a.avail{
background-position: -119px -48px;
}
.phases li.one a.curr{
background-position: 0 -96px;
}
.phases li.two a.curr{
background-position: -39px -96px;
}
.phases li.three a.curr{
background-position: -79px -96px;
}
.phases li.four a.curr{
background-position: -119px -96px;
}
.global{
position: absolute;
top: 75px;
right: 0px;
width: 600px;
height: 27px;
color: white;
}
.global li{
float: right;
font-size: 16px;
}
.global li.divide{
padding:0 12px 0 8px;
}
.global li.login{
width: 400px;
text-align:right;
}
.global li.signup{
width: 75px;
}
.global li a{
display: block;
height: 27px;
color: white;
}
.global li a.active{
color: #7a011d;
}
.footer{
color:white;
left:3px;
position:absolute;
top:686px;
width:906px;
font-size: 1.1em;
}
.footer .right{
color: #920223;
}
.footer .left{
padding-top: 21px;
}
#secondary .footer{
padding-top: 40px;
position: static;
clear: both;
height: 50px;
}
.submit{
background-image: url(../images/submit.gif);
height: 26px;
width: 109px;
overflow:hidden;
border: none;
background-color: white;
}
form li{
padding: 8px 0;
clear: both;
}
form li div{
clear: both;
padding: 1px 0;
}
form li input{
vertical-align: middle;
}
form li input.text{
background: url(../images/search-bg.jpg);
width: 200px;
height: 18px;
padding: 4px;
border: 1px solid #CDD3D5;
color: #666666;
font-size: 12px;
text-align: left; 
font-family: Arial, Helvetica, sans-serif;
margin-right: 10px;
}
.tapeLeft{
background-image: url(../images/tape-left.png);
background-repeat: no-repeat;
width: 128px;
height: 208px;
position: absolute;
left: -47px;
top: 100px;
}
.tapeRight{
background-image: url(../images/tape-right.png);
background-repeat: no-repeat;
width: 296px;
height: 209px;
position: absolute;
left: 708px;
top: 33px;
}
.contentarea ul{
font-size: 13px;
line-height: 1.5em;
color: #666666;
}
.error{
color: red;
font-weight: bold;
}
.specify{
display: none;
margin-left: 10px;
margin-right: 0px;
}
.open{
background-color: #dddddd;
margin:2px 0;
padding:9px 5px 7px 5px;
float: left;
}
.open .specify{
display: inline;
}
#reply{
display: none;
}
.numPeople{
float: right;
clear: both;
font-size: 13px;
padding: 8px 0 0 0;
color: white;
line-height: 1.4em;
width: 500px;
text-align: right;
}
.numberText{
width: 310px;
height: 36px;
display: block;
vertical-align: middle;
float: right;
padding-top: 9px;
}
.numberPeople{
text-align: right;
font-size: 20px;
font-weight: 200;
width: 100px;
height: 36px;
vertical-align: middle;
float: right;
}
.shareButton{
position:absolute;
right:33px;
top:580px;
}
/**************************************

Utility

***************************************/
.left{
float: left;
}
.right{
float: right;
}
.clr{
clear: both;
}
.noclr{
clear: none;
}
.displayHide{
display: none;
}
.correct{
font-weight: bold;
}
.green{
	color: #72952F;
}
.footer a{
color: white;
text-decoration: underline;
}