/* CSS Document */

#body{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}

#row1{
width:100%;
background-image:url(../_images/ccmpattern.jpg);
height:100px;
}

#header{
width:800px;
margin-left:auto;
margin-right:auto;
background-color:Transparent;
height:100px;
border: solid 0px yellow;
}

#logo{
margin-left:0px;
width:186px;
float:left;
padding-top:20px;

}


	.mainnav{
	
	list-style-type:none;
	height:25px;
	border: solid 0px green;
	float:left;
	padding-top:45px;

	
	}
	
	.mainnav li{
	border: solid 0px yellow;
	height:25px;
	display:block; 
	float:left; 
	margin-right:40px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
	.mainnav li a{
	color:white;
	text-decoration:none;
	font-size:16px;
	}
	
	.mainnav li a:hover{	color:white;	text-decoration:underline;		}	#row2{background-color:#009ddc;height:30px;width:100%;float:none;}	

#subheader{
width:800px;
margin-left:auto;
margin-right:auto;
background-color:Transparent;
border: solid 0px yellow;
height:30px;
}

	.companynav{
	
	list-style-type:none;
	height:25px;
	border: solid 0px green;
	float:left;
	padding-left:0px;
	margin:0 0 0 0;
	
	}
	
	.companynav li{
	border: solid 0px yellow;
	display:block; 
	float:left; 
	margin-right:11px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
	.companynav li a{
	color:white;
	text-decoration:none;
	font-size:12px;
	}
	
	.companynav li a:hover{
	color:white;
	text-decoration:underline;
	
	}
	
.content{
width:800px;
padding-left:13px;
padding-top:10px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
background-color:white;
border: solid 0px black;
height:690px;
}

.contentcomp{
width:800px;
padding-left:13px;
padding-top:10px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
background-color:white;
border: solid 0px black;
height:1500px;
}

.contentcomp h1{
font-size:20px;
font-family:Arial, Helvetica, sans-serif;
color:#002d62;
}

.contentcomp h2{
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
color:black;
}


.contentcomp p{
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
}

.contentcomp a{
color:#009ddc;
font-weight:bold;
}

.contentcomp a:hover{
color:#00457d;
}


.content h1{
font-size:20px;
font-family:Arial, Helvetica, sans-serif;
color:#002d62;
}

.content h2{
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
color:black;
}


.content p{
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
}


.blueblock{
background-color:#e5f5fb;
width:774px;
height:100px;

}

.bluelogo{
width:196px;
padding-left:10px;
float:left;
border: solid 0px green;

}

.bluecontent{
margin:10px 10px 10px 88px;
border: solid 0px black;
float:left;
width: 470px;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
}

    
    .whiteblock{
    
    background-color:white;
    width:774px;
    height:100px;
    border: solid 0px red;
    }

    .whitelogo{
    width:196px;
    padding-left:10px;
    float:left;
    border: solid 0px green;

    }

    .whitecontent{
    margin:10px 10px 10px 88px;
    border: solid 0px black;
    float:left;
    width: 470px;
    font-size:13px;
    font-family:Arial, Helvetica, sans-serif;
    }    


	.logonav{
	width:784px;
	list-style-type:none;
	border: solid 0px green;
	float:left;
	margin-left:13px;
	padding-left:0px;
	margin-top:10px;
	}
	
	.logonav li{
	width:186px;
	height:88px;
	margin-right:10px;
	display:block;
	float:left;
	border: solid 0px blue;
	text-align:center;
	background-color:white;
	
	}
	
	x.logonav li a:hover{
	border-left:4px solid #cceffc;
	width:186px;
	height:88px;
	}

#bottomrow{
float:none;
width:100%;
background-image:url(../_images/ccmpattern.jpg);
height:50px;
margin-top:10px;
}


/* Energy Page*/	
			
			#energyleft{
			width:392px;
			height:340px;
			float:left;
		
		
			
			}		
	
	
			#energyright{
			width:274px;
			height:440px;
			float:left;
			background-color:#b8dcac;
			margin-left:88px;
			padding-left:10px;
			padding-right:10px;
			padding-top:10px;
		
			
			}
			
			.divisions{
			list-style-type:circle;
			}
			
			.divisions li{
            font-size:16px;
            color:black;
            }

            .divisions li a{
            font-size:13px;
            color:black;
            text-decoration:none;
            font-family:Arial, Helvetica, sans-serif;
            }

            .divisions li a:hover{
            text-decoration:underline;
            color:black;
            }	
            
            .divisions li a:visited{
            color:#b8dcac;
            list-style-type:georgian;
            }
         

/* Contact Form */

.confirmationAlert{
    border: solid 3px #00256f;
    background-color: #c2e8f7;
    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;
    font-size:13px;
    font-family:Arial, Helvetica, sans-serif;
}

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



.stdFormText{/* after they type something in the box */
    float:left; 
    padding:3px;
    margin: 0 0 8px 0; 
    width:200px;
    border: solid 1px #00256f;
    background-color:#c2e8f7;
    
 }

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

.formRow {
    clear:both; 
    border: solid 0px black;
    overflow:hidden;
    margin-bottom:10px;
    
 
    }

.formRow .stdFormText:hover, .stdFormText:focus, .stdFormText:active {/* box properties when clicked into */
    background-color: #c2e8f7; 
    border: solid 1px #00256f;
    width:200px;
}

.watermarked{/* sitting as is */
    
    color: #cecece;
    display:block; 
    float:left; 
    padding:3px;
    margin: 0 0 8px 0; 
    width:200px;
    font-family: Arial, Sans-Serif;
    font-size:12px;
    border: solid 1px #00256f;
    background-color:white;
  
 }
 
.formRow .watermarked:hover, .watermarked:focus, .watermarked:active {/* hover state of box */
    background-color: #c2e8f7; 
    border: solid 1px #00256f;
    color: black;
    width:200px;
}

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

.submitbutton:hover{
    background-color: #c2e8f7; 
    border: solid 1px black;
    color: #000000;

}

.submitbutton{
    color: #000000;
    display:block; 
    float:left; 
    margin-left:130px;
   width:207px;
   height:28px;
   background-color: #e6f2f7; 
   border: solid 1px #00256f;
   
 }
 
 #buttonrow{
 border: solid 0px #35A2E5;
 padding-left:0px;
 margin-top:5px;
 overflow:hidden;  }


.textbox{
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
color:#4ab848;
}

.textboxlabel{
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
color:black;
text-align:left;
}

.formlines{
 border: solid 0px black;
 overflow:visible;

}