/* Start of CMSMS style sheet 'EcoMain' */
/*
Created by Keith Donegan of Code-Sucks.com

E-Mail: Keithdonegan@gmail.com

You can do whatever you want with these layouts,
but it would be greatly appreciated if you gave a link
back to http://www.code-sucks.com

*/



body {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #818282;
z-index:-1000;
}

form {
border:0;
padding:0;
margin:0;
}

img {
border:0;
}



#logo {
display: block;
height:190px;
width:100%;
}

#logoProvider {
display: block;
height:150px;
width:100%;
}

#wrapper { 
margin: 0 auto;
width:935px; 
height:732px;
text-align:left;  
margin-left:auto; 
margin-right:auto;
top:30px;
position: relative;
background: url(images/pageBG.png) no-repeat;
}



p {
line-height: 19px;
}

.green {
color: #62a30c;
}

.5left {
position:relative;
left:5px;
}

.tellLinks {
line-height: 19px;
font-size:13px;
}

.footnote {
/*line-height: 19px;*/
font-size:11px;
}

.textRight {
text-align:right;
}

label {
font-size:12px;
}

textarea {
font-size:13px;
font-family: Arial, Helvetica, sans-serif;
}

.contentParent .small, .content .small {
font-size:11px;
padding-top:8px;
}

.small {
font-size:11px;
}



input, select , textarea{
margin-top:6px;
font-size:11px;
}

a.greenLink:link, a.greenLink:active, a.greenLink:visited {

font-weight:bold;
color: #62a30c;
text-decoration:none;
}

a.greenLink:hover  {
background: url(images/hover.png) repeat-x bottom;
color:#FFF;
}

a.greyGreenLink:link, a.greyGreenLink:active, a.greyGreenLink:visited {
font-weight:bold;
color: #828282;
text-decoration:none;
}

a.greyGreenLink:hover  {
color:#62a30c;
}

.hr {
  height: 2px;
  width:313px;
border-bottom:2px dotted #969696;
position:relative;
left:-20px;
margin: 10px 0 10px 0;
display:block;
}

#IEroot .hr {
  height: 2px;
  width:100%;
  position:relative;
left:0px;
border-bottom:2px dotted #969696;
margin: -5px 0 10px 0;
}

optgroup {
font-style:normal;
font-family: Arial, verdana, helvetica, sans serif;
}

option {
font-style:normal;

}

form .left {
float:left;
display:inline;
}

form .left2 {
float:left;
display:inline;
margin-left:5px;
}

form .right {
float:right;
display:inline;
}

.rightFormRow {
width:273px;
display:block;
}


.left {
float:left;
}

.right {
float:right;
}

.hrWhite {
  height: 2px;
  width:917px;
border-bottom:2px dotted #FFF;
position:relative;
left:-50px;
}

.IEbtm  {
margin-top:-20px;
}


#IEroot .hrWhite {
  height: 2px;
  margin:0;
  width:100%;
border-bottom:2px dotted #FFF;
position:relative;
left:-25px;
}


h1 {
margin-bottom:10px;
color:#FFF;
line-height: 50px;
font-size:50px;
font-weight: bold;
}

h2 {
margin-bottom:10px;
color:#66a512;
line-height: 30px;
font-size:30px;
font-weight: bold;
}

h2.large {
margin-bottom:10px;
color:#66a512;
line-height: 40px;
font-size:40px;
font-weight: bold;
}

h3 {
margin-bottom:20px;
color:#66a512;
line-height: 28px;
font-size:24px;
font-weight: bold;
}

h4 {
margin:0 0 7px 0;
padding:0;
color:#66a512;
font-size:20px;
font-weight: bold;
}

/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
LANDING PAGE - START
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

#wrapperLanding { 
margin: 0 auto;
width:935px; 
height:732px;
text-align:left;  
margin-left:auto; 
margin-right:auto;
top:30px;
position: relative;
background: url(images/landingBG.png) repeat-x;
}

.bflyLeft {
position:relative;
margin: 20px 0 0 -10px;
display:inline;
width:134px;
height:76px;
}

.bflyRight {
position:relative;
margin: 20px 0 0 20px;
width:146px;
height:76px;
}


a.bflyParent{
   background: url(images/parent.gif) 0 0 no-repeat;
width:134px;
height:76px;
   display:block;
   text-decoration:none;
   }
a.bflyParent:hover, a.bflyParent:active {
   background-position: -134px 0;
   }
   
a.bflyProvider {
background: url(images/provider.gif) 0 0 no-repeat;
width:146px;
height:76px;
display:block;
text-decoration:none;
}
a.bflyProvider:hover, a.bflyProvider:active {
background-position: -146px 0;
}
   
#IEroot a.bflyParent {
background: url(images/parentIE.gif) 0 0 no-repeat;
width:134px;
height:76px;
display:block;
text-decoration:none;
}
#IEroot a.bflyParent:hover, #IEroot a.bflyParent:active {
background-position: -134px 0;
}

#IEroot a.bflyProvider {
background: url(images/providerIE.gif) 0 0 no-repeat;
width:146px;
height:76px;
display:block;
text-decoration:none;
}
#IEroot a.bflyProvider:hover, #IEroot a.bflyProvider:active {
background-position: -146px 0;
}
		



.hundredPercent {
width:100%;
}

.missionStatement {
color:#beda21;
line-height:22px;
font-size: 17px;
margin: 8px 0 8px 0;
}


.landingLeft {
display:block;
position:absolute;
height:732px;
width:61px;
top:0;
left:0;
background:url(images/landingLeft.png) no-repeat;
}

.landingRight {
display:block;
position:absolute;
height:732px;
width:61px;
top:0;
right:-1px;
background:url(images/landingRight.png) no-repeat;
}

#oneColumn {
float: left; 
display:inline; 
position: relative; 
width:935px;
height:732px;
}

#oneColumn .inner {
width:885px;
height:682px;
margin: 50px 0 0 50px;
}

/*#leftColumnConf .middle {
display: block;
height:217px;
width:100%;
}*/

.logoTree {
width:408px;
height:496px;
display:block;
position:absolute;
bottom:12px;
right:54px;
z-index:1000;
}


#rightColumnLanding {
float:right;
width:385px;
height:732px;
display:block;
position:relative;
}

#rightColumnLanding .inner {
width:408px;
height:496px;
display:block;
position:absolute;
bottom:12px;
right:54px;
}

/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
LANDING PAGE - END
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
PROVIDER AND PARENT PAGES - START
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

#leftColumn {
float: left; 
display:inline; 
position: relative; 
width:575px;
height:732px;
}

#leftColumn .inner {
width:525px;
height:682px;
margin: 40px 0 0 50px;
}

#leftColumn .inner #bottom a{
color:#fff;
text-decoration:none;
}

#leftColumn .inner #bottom a:hover{
color:#000;
}

#leftColumn .middle {
display: block;
height:217px;
width:465px;
}

#rightColumn {
float:right;
width:360px;
height:732px;
display:block;
}

/*  RIGHT COLUMN FORM */
#rightColumn .rightColForm{
height:653px;
width:313px;
display:block;
margin: 35px 0 0 10px;
}

#rightColumn .rightColForm .top{
background: url(images/rightColFormTop.png) no-repeat top;
height:28px;
width:313px;
display:block;
}
#rightColumn .rightColForm .content{
background: url(images/rightColFormBG.png) repeat-y;
height:604px;
width:313px;
display:block;
}

#rightColumn .rightColForm .content .inner{
height:604px;
width:273px;
margin:0 20px 0 20px;
display:block;
position:relative;
top:-10px;
}

#rightColumn .rightColForm .contentParent{
background: url(images/rightColFormBG.png) repeat-y;
height:450px;
width:313px;
display:block;
}

#rightColumn .rightColForm .contentParent .inner{
height:450px;
width:273px;
margin:0 20px 0 20px;
display:block;
position:relative;
top:-10px;
}

.submitButton {
background: url(images/button.png) no-repeat;
width:100px;
height:27px;
display:block;
border:none;
cursor: pointer;
text-align:center;
color:#fff;
font-weight:bold;
font-size: 12px;
padding:0px 0 0 0;
margin:0;
 }

.submitButtonFB input {
background: url(images/button.png) no-repeat;
width:100px;
height:27px;
display:block;
border:none;
cursor: pointer;
text-align:center;
color:#fff;
font-weight:bold;
font-size: 12px;
padding:0px 0 0 0;
margin:0;
 }

#rightColumn .rightColForm .bottom{
background: url(images/rightColFormBtm.png) no-repeat top;
height:21px;
width:313px;
display:block;
}

.ecoTip {
height:152px;
width:317px;
display:block;
margin-top:15px;
}

#IEroot .ecoTip {
height:152px;
width:317px;
display:block;
margin-top:10px;
}

#bottom { 

margin:0px;
width:525px; 
height:265px;
position:absolute;
display:block;
bottom:0px;
color: #beda21;
font-size: 14px;
z-index:400;
}



#bottomLeft { 
float: left; 
display:inline; 
position: relative; 
width: 365px;
}


#bottomRight { 
float: right; 
width: 160px;
display:inline;
position: relative;
}


#bottomRight p{ 
margin:8px 0 8px 0;
}


#bottomRight img{ 

}

#bottomRight a.partnersLink {
}


.white {
color: #fff;
}

.whiteSmall {
color: #fff;
font-size: 10px;
line-height:10px;
margin:0;
}
/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
PROVIDER AND PARENT PAGES - END
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */


/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
MAP PAGE- START
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

#leftColumnMap {
float: left; 
display:inline; 
position: relative; 
width:720px;
height:732px;
}

#leftColumnMap .inner {
width:670px;
height:682px;
margin: 50px 0 0 50px;
}

#leftColumnMap  .middle {
display: block;
margin: -20px 0 0 0px;
}

#rightColumnMap {
float:right;
width:215px;
height:732px;
display:block;
}

#rightColumnMap .inner {
width:170px;	
height:477px;
margin: 255px 0 0 0px;
display:block;
font-size:11.5px;
line-height:18px;
font-weight:bold;
}

#iframe {
height:420px;
width:574px;
display:block;
}

#iframe  .top{
background: url(images/iframeTop.png) no-repeat top left;
height:13px;
margin-left:2px;
width:574px;
display:block;
}

#iframe .content{
background: url(images/iframeSide.png) no-repeat top left;
height:410px;
width:15px;
display:block;
}

#iframe .content iframe{
position:relative;
left:11px;
display:block;
}

/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
MAP PAGE- END
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */


/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
TELL PROVIDER / FRIENDS PAGES- START
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

#wrapperTell { 
margin: 0 auto;
width:935px; 
height:732px;
text-align:left;  
margin-left:auto; 
margin-right:auto;
top:30px;
position: relative;
background: url(images/frameWhite.png) no-repeat;
}

#contentTell {
float: left; 
display:inline; 
position: relative; 
width:575px;
height:682px;
margin: 50px 0 0 50px;
}

/*  RIGHT COLUMN FORM */
#tellForm {
height:420px;
width:586px;
display:block;
}

#tellForm  .top{
background: url(images/tellFormTop.png) no-repeat top;
height:25px;
width:586px;
display:block;
}
#tellForm  .content{
background: url(images/tellFormBG.png) repeat-y;
height:370px;
width:586px;
display:block;
}

#tellForm  .content .inner{
height:370px;
width:526px;
margin:0 30px 0 30px;
display:block;
}

#tellForm  .content .inner h3 {
margin:0 0 10px 0;
color:#66a512;
line-height: 28px;
font-size:24px;
font-weight: bold;
}

.tellFormRow {
width:526px;
display:block;
}

#tellForm  .content .inner .left {
float:left;
}

#tellForm  .content .inner .right {
float:right;
}

#tellForm .hr {
  height: 2px;
  width:586px;
border-bottom:2px dotted #969696;
position:relative;
left:-30px;
margin: 10px 0 10px 0;
display:block;
}

#IEroot #tellForm .hr {
  height: 2px;
  width:100%;
  position:relative;
left:0px;
border-bottom:2px dotted #969696;
margin: -5px 0 10px 0;
}

#tellForm  .bottom{
background: url(images/tellFormBtm.png) no-repeat top;
height:25px;
width:586px;
display:block;
}

#contentTell .middle {
display: block;
margin: -20px 0 0 100px;
}


/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
TELL PROVIDER / FRIENDS PAGES- END
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */


/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
CONFIRMATI ON PAGES - START
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

#leftColumnConf {
float: left; 
display:inline; 
position: relative; 
width:365px;
height:732px;
}

#logoConf {
display: block;
height:170px;
width:100%;
}

#leftColumnConf .inner {
width:315px;
height:682px;
margin: 50px 0 0 50px;
}



#rightColumnConf {
float:right;
width:545px;
height:732px;
display:block;
position:relative;
}

#rightColumnConf .inner {
width:514px;
height:700px;
display:block;
position:absolute;
bottom:0px;
right:60px;
}


#rightColumnConf1 .inner {
width:514px;
height:526px;
display:block;
position:absolute;
bottom:0px;
right:60px;
}

#rightColumnConf .enlarge {
position:absolute;
bottom:565px;
right:60px;
}

#rightColumnConf .checklistPad img {
width:476px;
height:532px;
display:block;
position:absolute;
bottom:30px;
right:-20px;
}



/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
CONFIRMATI ON PAGES - END
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */


/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
FOOTER - START
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
#footer {
width:855px;
height:31px;
margin-top: 30px;
/*margin-bottom: 15px;*/ 	
margin-left:auto; 
margin-right:auto;
position: relative;
}

#footer .left{
float:left;
display:inline;

}

.footerReference {
color: #62a30c;
font-size: 14px;
font-weight:bold;
}

a.footerReferenceLink {
color: #62a30c;
font-size: 14px;
font-weight:bold;
text-decoration:none;
}

a.footerReferenceLink:hover {
color: #333;
font-size: 14px;
font-weight:bold;
text-decoration:none;
}



.footerSmall{
font-size: 9px;
line-height:12px;
position:relative;
top:3px;
}


.footerSmallRt{
font-size: 9px;
line-height:12px;
position:relative;
top:3px;
right:10px;
}



#footer .right{
float:right;
text-align:right;
width:300px;
}

#footer .right img{
}

/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
FOOTER - END
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

/*
#logoTell {
display: block;
height:190px;
width:100%;
}
*/

/* Leaf Classes */
.kidLeaf1ALT {
position:absolute; 
top: 7px;
left: 50%;
margin-left:-135px;
width:233px; 
height:281px;
z-index:500;
}

.kidLeaf1 {
position:absolute; 
top: -35px;
left: 340px;
width:233px; 
height:281px;
z-index:500;
}

#IEroot .kidLeaf1 ,#IEroot .kidLeafTell{
display:none;
}


.kidLeafTellALT {
position:absolute; 
top: 7px;
left: 50%;
margin-left:-20px;
width:233px; 
height:281px;
z-index:500;
}

.kidLeafTell {
position:absolute; 
top: -35px;
left: 460px;
width:233px; 
height:281px;
z-index:500;
}






/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  
/* End of 'EcoMain' */