/* CSS Document */


body
{ 
	background-color:#999999;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color:#383838;
	margin-top:50px;
}



a {font-size:1em; text-decoration:none;}

a:link{color:#192D83;}
a:visited{color:#192D83;}
a:active{color:#192D83;}
a:hover{color:#192D83; text-decoration:underline;}

a.menu:link{color:#383838; font-size:0.8em; font-weight:bold; }
a.menu:visited{color:#383838; font-size:0.8em; font-weight:bold; }
a.menu:active{color:#383838; font-size:0.8em; font-weight:bold; }
a.menu:hover{color:#ffffff; font-size:0.8em; font-weight:bold; text-decoration:none;}

a.footer:link{color:#fff; }
a.footer:visited{color:#fff; }
a.footer:active{color:#fff; }
a.footer:hover{color:#999999; text-decoration:none;}

h1
{
	color:#0157A0;
	font-size:1.1em;
	font-weight:bold;
	padding:15px 10px 5px 10px;
	margin:0px;
}

h2
{
	color:#000;
	font-size:0.8em;
	font-weight:bold;
	padding:15px 10px 0px 10px;
	margin:0px;
}

h3
{
	color:#7A980B;
	font-size:1.2em;
	font-weight:bold;
	padding:15px 10px 5px 10px;
}


img{border:none;}


li
{
	font-size:0.8em;
	margin: 5px 10px 5px 10px;
	padding: 0px;
}

/**** IDs for main structure ****/

#container
{      
	width: 926px;  /*826*/
	margin-left:auto;
	margin-right:auto;
	display:block;
	overflow:auto;
	/*background-color:#fff000;*/
}

#outerLayer
{
	width: 920px;
	padding-top:4px;
	padding-left:4px;
	padding-bottom:0px;
	background-color:#fff;
}


#innerLayer
{
	width:916px;
	/*margin-bottom:4px;*/
	/*background-color:#CC3300;*/
}

#headerText
{
	width:924px;
	height:30px;
  font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:1.1em;
	color:#ffffff;
	font-weight:bold;
	/*background-color:#ff3300;*/
}

#headerTextLeft
{
	width:620px;
	/*background-color:#0033aa;*/
	float:left;
}

#headerTextRight
{
	width:300px;
	/*background-color:#113300;*/
	text-align:right;
	float:right;
}

#banner
{
	width:916px;
	/*background-color:#CC3300;*/
}

#menu
{
	width:916px;
	height:25px;
	background-color:#F3AC31;
	border-bottom: solid 4px #ffffff;
}


#menu ul
{
list-style: none;
padding-left: 18px;
margin: 0px;

} 

#menu li
{
float: left;
padding-top: 8px;
padding-right: 12px;
padding-left: 12px;
/*border-right: solid 1px;*/
} 

#mainBody
{
	width:916px;
	background-color:#E6E7EF; 
	border-bottom: solid 4px #fff;  
}

#mainBody p
{
	font-size:0.8em;
	margin: 15px 10px 15px 10px;
	padding: 0px;
}

#boxes
{
	width:916px;
	height:200px;
	/*background-color:#00ff00;*/   
}

#box1
{
	width:160px;
	height:180px;
	margin-left:14px;
	/*background-color:#ff0000;*/
	background-image: url('images/fade_energy.gif'); /*boxAnim1*/
	border: solid 4px #fff; 
	float:left;  
}

#box2
{
	width:160px;
	height:180px;
	margin-left:12px;
	background-image: url('images/fade_maintenance3.gif');  
	border: solid 4px #fff; 
	float:left;
}

#box3
{
	width:160px;
	height:180px;
	margin-left:12px;
	background-image: url('images/fade_leaks2.gif');
	border: solid 4px #fff; 
	float:left;  
}

#box4
{
	width:160px;
	height:180px;
	margin-left:12px;
	/*background-color:#a100ff;*/   
	border: solid 4px #fff; 
	float:left;
}

#box5
{
	width:160px;
	height:180px;
	margin-left:12px;
	background-image: url('images/fade_roof.gif');
	border: solid 4px #fff; 
	float:left;  
}

#boxTitle
{
	width:156px;  /*176*/
	height:20px;
	margin-top:10px;
	padding: 3px 0px 0px 4px;
	background-color:#EF792C;   
	border-top: solid 4px #fff;
	border-bottom: solid 4px #fff; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;	
	font-weight: bold;
	color:#fff;
	
}

a.boxTitle:link{color:#fff; font-weight:bold; }
a.boxTitle:visited{color:#fff; font-weight:bold; }
a.boxTitle:active{color:#fff; font-weight:bold; }
a.boxTitle:hover{color:#000; font-weight:bold; text-decoration:none;}


#footer
{
	width:916px;
	height:30px;
	background-color:#0157A0;
  color:#fff;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:0.8em;	
	border-bottom: solid 4px #ffffff;
}

#footerLeft
{
	width:400px;
	/*background-color:#0ff000;*/
	float:left;
	padding:7px 5px 7px 5px;
}

#footerRight
{
	width:260px;
	/*background-color:#ff0000;*/
	text-align:right;
	float:right;
	padding:7px 5px 7px 5px;
}


.contactLeft
{
  width:310px;
  float:left;
  padding:10px;
}

.contactRight
{
  width:450px;
  float:right;
  padding:10px;
}	


#indentList
{
	padding-left:40px;
}

/* form elements */

label
{
	width: 7em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
}

input
{
	color: #000;
	margin:0px;
	padding:0px;
}

select
{
	color: #000;
}

textarea
{
	color: #000;
}

.submit input
{
	margin-left: 96px;
}