/* CSS Document */

body{
font-family:Arial, Helvetica, sans-serif;
background-image:url("../_images/bkgd4.jpg");
background-repeat:repeat-x;
background-color:#dcd7c3;
font-size:12px;
color:#636466;
margin:0px;
line-height:16px;
}


@font-face{
    font-family: 'JournalRegular';
    src: url('journal-webfont.eot');
    src: url('journal-webfont.eot?iefix') format('eot'),
         url('journal-webfont.woff') format('woff'),
         url('journal-webfont.ttf') format('truetype'),
         url('journal-webfont.svg#webfontqdbvejl1') format('svg');
    font-weight: normal;
    font-style: normal;
    }

.sflabel{
margin-bottom:10px;}

h1{
    font-family:Times, Serif;
    color:#0273c3;
    text-align:center;
    font-size:25px;
    letter-spacing:.3mm;
    text-shadow: 0.025em 0.025em 0.025em #6d6e71;}

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

h3{
font-size:14px;
} 

h4{
color:white;
font-size:14px;} 

h5{
    color:#454343;
    font-size:35px;
    font-family:Times, Serif;
    margin:0px;} 

h6{
    color:#565555;
    margin:25px 0px 0px 0px;
    font-size:12px;
    }  
    
h7{
    color:#565555;
    font-size:15px;
    line-height:21px;
    }      

a{
color:#105488;
}

a:hover{
color:orange;}

.largelink, .largelink a{
color:#105488;
text-decoration:underline;
font-size:15px;
} 

.largelink:hover{
color:Gray;}

.textcolumn{
width:260px;
margin-left:40px;
float:left;
}

/* layout */

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

.fullwidthnopic{
    width:900px;
    background-color:White;
    padding-left:40px;
    padding-top:40px;
    margin-left:10px;}
    
.formwidth{
    width:600px;
    background-color:White;
    padding-left:40px;
    padding-top:40px;
    margin-left:10px;}

#topbar{
background-image:url(../_images/topbar.jpg);
height:9px;
width:960px;
float:left;
}
               
#header{
    xbackground-image:url(../_images/header2.png);
    background-repeat:no-repeat;
    margin:0px;
    width:960px;
    height:100px;
    float:none;
    overflow:hidden;}

#ceslogo{
    width:236px;
    height:84px;
    float:left;
    margin-left:40px;
    margin-top:20px;}
        
#homeupcomingevents ul{
    list-style-type:none;
    padding:0px;}
    
#homeupcomingevents ul li{
    margin-top:10px;}    

 /* navigation */
 
#navpostition{
margin:0px 0px 0px 230px;

float:left;
height:100px;
}
 
#navces{
border-bottom:orange 0px solid;
overflow:hidden;
padding-left:0px;
} 

#navces li{
float:left;
display:block;
width:70px;
xborder-right:1px solid #6d6e71;
padding:0px 10px 0px 20px;
height:82px;
}

#navces li:hover{
color:#07244f;
background: #ffd38c; /* old browsers */
background: -moz-linear-gradient(top, #FFFFFF 0%, #FFD38C 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#FFD38C)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFD38C',GradientType=0 ); /* ie */
xborder-top:2px solid orange;
height:82px;}

#navces li a{
text-decoration:none;
color:#302c2d;
font-size:16px;
font-family:times, serif;
line-height:18px;}

#navces li a:hover{
text-decoration:underline;
color:#07244f;
font-size:16px;
font-family:times, serif;}
       
.interactive{
width:940px;
height:315px;
float:left;
border:0px solid blue;}

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

.pagetitlearea{
    margin-top:20px; 
    float:none;
   }

.maincontentarea{
    float:none;
    width:860px;
    margin:10px 0px 0px 50px;
    border:0px solid teal;}

#homefeature{
    background-image:url("../_images/home_largetitlepic5.jpg");
    background-repeat:no-repeat;
    border:0px red solid;
    height:139px;
    width:860px;
    margin-left:50px;
    padding-top:295px;}


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

/* ---- */

.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;}

/* Contact Form */

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

.confirmationAlert2{
    border: solid 3px #fcb033;
    background-color: #fee3b8;
    width: 300px;
    padding: 12px 12px 12px 64px;
    background-image: url("../_images/confirmCheck.png");
    background-repeat: no-repeat;
    background-position:left;
    margin-left:50px;}

.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;}
 
.orangeroundedcorner{
    background-color:#fee3b8;
	border-radius:15px; 
	-moz-border-radius: 15px; 
	-webkit-border-radius:15px; 
	-khtml-border-radius:15px;
	height:250px;}

.smcalltoactionbtn{
    background-color:white;
	height:20px;
	width:270px;
	text-align:center;
	padding:5px;
	border:1px solid #444343;
	font-weight:bold;
	font-size:14px;
	margin-left:240px;
	margin-top:10px;
	}
	
.smcalltoactionbtn a{
    color:#454343;}	
	  
.featureboxone{
    width:330px;
    float:right; 
    padding:0px 15px 15px 15px; 
    margin-bottom:10px; 
    margin-left:10px; 
    border:0px solid #0073ae; 
    background-image:url("../_images/bg_featuretexture.jpg");
    color:#4f4c43;}	  
	  

	  
.featurecolumn{
    font-size:16px;
	padding:50px;
	color:White;
	line-height:20px;
	}
		 
.featurecolumn ul{
    padding-left:0px;} 	
	
.featurecolumn li{
    list-style-type:none;} 

.calltoactiondiv{
	float:none;
	background-image:url("../_images/calltoactionbar.jpg");
	height:171px;}
	
.calltoactionbutton{
    background-image:url("../_images/calltoactionbutton.png");
    width:260px;
    margin-right:40px;
    text-align:center;
    float:left;
    height:53px;
    margin-top:50px;
    padding-top:20px;
    line-height:20px;}
    
.calltoactionbutton a{
    color:#105488;
    font-size:16px;
    font-weight:bold;}
    
.calltoactionbutton a:hover{
    color:Orange;}	
	
#news_posts{
    background-image:url("../_images/bg_split.jpg");
    background-repeat:no-repeat;
    padding-top:80px;}	
	
.news_projects{
    width:240px; 
    xbackground-color:#dde8ea; 
    padding:10px;
    float:left;
    margin-right:20px;}	
	
/* PPA Page */	
	
#ppatabs{
	margin-top:40px; 
	padding:0; 
	list-style:none; 
	clear:both;}  

#ppatabs li{
     overflow:hidden; 
     text-indent:-9999px; 
     display:inline; 
     float:left;}  
 
 #ppatabs li a{
      background-image: url("../_images/ppa_tab.jpg");
      width:100%; 
      height:100%; 
      display:block;}  

#ppaformarea{
    color: White;
    width:860px;
    padding-top:20px;
    padding-bottom:20px;
  
    background: #0489D7; /* old browsers */
    background: -moz-linear-gradient(top, #0489D7 0%, #015C9B 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0489D7), color-stop(100%,#015C9B)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0489D7', endColorstr='#015C9B',GradientType=0 ); /* ie */
    background: -o-linear-gradient(top, #0489D7 0%,#015C9B 100%); /* opera */
    
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;}
		
.centerform{
    width:460px;
    margin-left:200px;
    border:0px solid red;}	
    
.centerbtns{
    width:860px;
    text-align:center;}    
    
.centerform_txt{
    border:0px solid black;
    width:200px;
    float:left;
    padding-top:5px;
    padding-left:20px;}	
    
.specialleft{
    margin-left:220px;}        
    
.centertextbox{
    float:left;
    width:200px;
    margin-bottom:10px;}    
	
#ppa_divResults{
     text-align:center;
    margin-bottom:20px;
    font-size:20px;
    line-height:25px;
    padding:10px;
    }	
	
#ppa_divResults, #ppa_divGraph{
    text-align:center;
    margin-bottom:20px;
    font-size:20px;}	

#ppa_divMsg{
    text-align:center;
    margin-bottom:20px;
    font-size:12px;}	

.border{
    border: 1px solid #015c9b;}
    
.graphdisclaimer{
    width:560px;
    margin-left:150px;
    font-size:12px;
    margin-top:15px;
    }    	
	
#ppatext{
    margin:40px 0px 40px 0px;}	
    
#unisolarfeature{
    background-image:url("../_images/UniSolar-image-sm.jpg");
    background-repeat:no-repeat;
    height:246px;
    width:420px;
    margin-bottom:20px;}  
    
#Unisolar_div{
	width:420px;
	float:left;}  
	
.unisolarcontentareaR{
    float:left;
    margin:10px 0px 0px 10px;
    padding-left:0px;
    margin-left:0px;}
    
 .unisolarcontentareaL{
    float:left;
    width:420px;
    margin:10px 0px 0px 20px;}	  

      

/* Footer */

#footer{
    background: #005AAE; /* old browsers */
    background: -moz-linear-gradient(top, #005AAE 0%, #0080CC 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005AAE), color-stop(100%,#0080CC)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005AAE', endColorstr='#0080CC',GradientType=0 ); /* ie */
    height:250px;}

.footercolumns{
    float:left;
    width:260px;
    margin-left:30px;}

#footercontent{
    width:860px;
    margin:0px auto 0px auto;
    color:White;}

#footertoprow{
    float:none;
    border-bottom:#007fc8 solid 0px;
    overflow:hidden;}

#sitemap ul{
    list-style-type:none;
    padding-left:0px;}

#sitemap li a{
    color:White;}

#sitemap li a:hover{
    color:orange;}

#footerbottomrow{
    margin-top:0px;
    float:none;
    height:150px;
    border:red solid 0px;
    clear:both;}

#toprow{
    border:0px solid red; 
    overflow:hidden; 
    margin-left:50px; 
    margin-top:20px; 
    float:none;}