@charset "UTF-8";
/* CSS Document */

body{
font-family:Arial, Helvetica, sans-serif;
background-image:url("../_images/bkgd.jpg");
background-repeat:repeat-x;
background-color:#d4d4d4;
}

h1{
color:#105488;
font-size:15px;} 

a{
color:#105488;
}

a:hover{
color:orange;
}

/* layout */

#container{
background-image:url(../_images/containerbg.png);
background-repeat:repeat-y;
width:960px;
margin-left:auto;
margin-right:auto;
margin-top:15px;
font-family:Arial, Helvetica, sans-serif;
border:0px solid red;
overflow:hidden;
}

#topbar{
background-image:url(../_images/topbar.jpg);
height:9px;
width:960px;
float:left;
}

#dropleft{
background-image:url(../_images/ds-left.png);
background-repeat:repeat-y;
width:10px;
height:400px;
overflow:hidden;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
margin-top:0px;
float:left;
border:0px solid purple;
}
   
#content{
background-color:#FFFFFF;
float:left;
width:940px;
margin-top:0px;
margin-left:10px;
border:0px solid teal;
background-color:White;
height:100%;
}

#dropright{
background-image:url(../_images/ds-right.png);
background-repeat:repeat-y;
overflow:hidden;
width:10px;
height:400px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
margin-top:0px;
float:left;
border:0px solid blue;
}
                 
#header{
margin:0px;
width:940px;
height:127px;
border:0px solid purple;
float:left;
overflow:hidden;
}

#ceslogo{
    width:236px;
    height:84px;
    float:left;
    margin-left:10px;
    margin-top:23px;
    }

 /* navigation-sprite */
 
#navpostition{
margin:39px 0px 0px 90px;
border:red 0px solid;
overflow:hidden;
width:564px;
text-align:right;
padding-left:0px;
float:left;
}
 
#navces{
	background-image:url(../_images/CESNavBG.jpg);
	background-repeat:no-repeat;
	width: 564px; height: 27px;
	position: relative;
	
	float:left;
	
	
    }

#navces li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;
	border:0px solid red;
	}

#navces li, #navces a {
    height: 27px; display: block;}
	
/* position the li's */
#landfills {left: 64px; width:62px;}
#rooftopsolar {left: 156px; width:101px;}
#products {left:287px; width:64px;}
#resources {left: 381px; width:72px;}
#contact {left:481px; width:59px;}

/* move the backgroundimage to rollover state */
#landfills a:hover {background: transparent url(../_images/CESNavBG.jpg) -64px -27px no-repeat;}
#rooftopsolar a:hover {background: transparent url(../_images/CESNavBG.jpg) -156px -27px no-repeat;}
#products a:hover {background: transparent url(../_images/CESNavBG.jpg) -287px -27px no-repeat;}
#resources a:hover {background: transparent url(../_images/CESNavBG.jpg) -381px -27px no-repeat;}
#contact a:hover {background: transparent url(../_images/CESNavBG.jpg) -481px -27px no-repeat;}
               
.interactive{
width:940px;
height:315px;
float:left;
border:0px solid blue;
}

.text{
float:left;
width:937px;
}

.hometext{
float:left;
width:636px;
line-height:24px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:14px;
margin-left:151px;
margin-right:150px;
}

.textnomargin{
float:left;
width:937px;
line-height:24px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:14px;
height:740px;
}

.maincontentarea{
float:left;
width:890px;
line-height:24px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:14px;
margin-left:30px;
}

/* classes for 2 columns in the cms maincontentarea */
.contentcolumnleft{
    width:570px;
    float:left;
    }
    
.contentcolumnright{
    width:300px;
    margin-left:20px;
    float:left;
    }

/* ---- */

.subtextheadline{
float:left;
width:900px;
line-height:24px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:14px;
margin-left:20px;
margin-right:20px;
text-align:center;
}

/* classes for 3 columns in the cms maincontentarea */

#columnone{
width:280px;
padding-left:20px;
float:left;
}

.columntwothree{
width:297px;
margin-left:20px;
float:left;
}

/* ---- */

.verticalbar{
margin-top:-1px;
float:left;
background-color:#EA9932;
background-repeat:repeat;
color:#EA9932;
width:3px;
border:0px solid blue;
height:400px;
}
       
#bluebar{
background-color:#105488;
height:80px;
clear:both;
float:none;
}

#bluebar a{
    color:White;}

#bottombar{
font-size:12px;
width:960px;
margin-left:auto;
margin-right:auto;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
padding-top:6px;
}   

.footersm{
font-style:italic;
font-size:9px;
}

/* Contact Form */



.confirmationAlert{
    border: solid 3px #5a8a5a;
    background-color: #A2E585;
    width: 195px;
    padding: 12px 12px 12px 64px;
    background-image: url("../_images/confirmCheck.png");
    background-repeat: no-repeat;
    background-position: 15px 15px;
}


.stdFormLabel{
    border: solid 0px blue;
    display:block; 
    float:left; 
    padding:3px 0 0 0px;
    width:130px;
    text-align: left;
}

.stdFormLabelLong{
    display:block;
    float:left;
    padding:3px 0 15px 0px;
    width:300px;
    text-align:left;
    font-weight:bold;
}



.stdFormText{
    display:block; 
    float:left; 
    padding:3px;
    margin: 0 0 8px 0; 
    width:200px;
    border: solid 1px #0072ae;
    
 }

.stdFormDrpDwn{
    width:338px;
    margin-top:5px;
}

.formRow {
    clear:both; 
    background:none; 
    border: solid 0px #0072ae;
    overflow: hidden;
    margin-bottom:5px;
 
    }

.formRow .stdFormText:hover, .stdFormText:focus, .stdFormText:active {
    background-color: white; 
    border: solid 1px #0072ae;
}

.watermarked{
    
    color: #cccccc;
    font-size:12px;
    display:block; 
    float:left; 
    padding:3px;
    margin: 0 0 8px 0; 
    width:200px;
    font-family: Arial, Sans-Serif;
    border: solid 1px #0072ae;
    background-color:#fdf5fa;
  
 }
 
.formRow .watermarked:hover, .watermarked:focus, .watermarked:active {
    background-color: #fcd491; 
    border: solid 1px #0072ae;
    color: #999999;
    width:200px;
}

.serviceSelectLabel{
    border: solid 0px #0072ae;
    width: 300px;
    text-align: left;
    display: block;
    padding: 8px;
 }

.submitbutton:hover{
    background-color: gray; 
    border: solid 1px #0072ae;
    color: #000000;

}

.submitbutton{
    color: #000000;
    display:block; 
    float:left; 
    margin-left:130px;
   width:207px;
   height:28px;
   background-color: #feb034;  
   border: solid 1px #0072ae;
   
 }
 
 #buttonrow{
 border: solid 0px #5a8a5a;
 padding-left:0px;
 margin:5px 0 20px 0;
 overflow: hidden;
 

 }

.submitbutton2:hover{
    background-color: #c497b0; 
    border: solid 1px #5a8a5a;
    color: #000000;

}

.submitbutton2{
    color: #000000;
    display:block; 
    float:left; 
    margin-left:0px;
   width:340px;
   height:28px;
   background-color: #ffebb2;  
   border: solid 1px #5a8a5a;
   
 }