/*-----------------------------------------------
Cooper Design
Author:   Jason Cooper
Version:  October 21 2008
----------------------------------------------- */


/* Global
----------------------------------------------- */

/* Remove border around linked images */
img {
	border: 0;
	padding: 0;
	margin: 0;
	}

a:link, a:visited, a:active {
	color: #1f469d;
    text-decoration: underline;
	}    
	
a:hover {
	color: #1f469d;
    text-decoration: none;
	}  
	
h1 {
	padding: 5px 0 5px 0;
	margin: 0 0 0;
	font-family: helvetica, tahoma, sans-serif;
	font-size: 30px;
	line-height: 32px;
	font-weight: normal;
	}
	
h2 {
	padding: 5px 0 5px 0;
	margin: 0 0 0;
	font-family: helvetica, tahoma, sans-serif;
	font-size: 20px;
	line-height: 22px;
	font-weight: normal;
	}
	
h3 {
	padding: 5px 0 15px 0;
	margin: 0 0 0;
	font-family: helvetica, tahoma, sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	}
	
	
/* Header 
----------------------------------------------- */	
#header {
	margin: 0 auto;
  	padding: 0px;
	width:900px;
	background-color: #fff;
	}
	#hLeft {
		text-align: left;
		padding: 0 0 0 20px;
		}
	#hRight {
		text-align: right;
		padding: 0 20px 0 0;
		font-family: helvetica, tahoma, sans-serif;
		font-size: 18px;
		line-height: 22px;
		}

		
/* Navigation
----------------------------------------------- */
#cNav {
	background: url('../media/barHeader.gif') no-repeat bottom left;
  	font-family: verdana, helvetica, arial, sans-serif;
  	font-size: 11px;
  	line-height: 20px;
  	text-align: right;
  	padding: 2px 0 0 0;
	}
	#cNav a:link, #cNav a:visited, #cNav a:active {
		color: #414141;
		text-decoration: none;
		}    
	#cNav a:hover {
		color: #414141;
		text-decoration: underline;
		}  

#navcontainer{
	margin: 0;
	padding: 0;
	}
	#navcontainer ul {
		border: 0;
		margin: 0;
		padding: 0;
		list-style-type: none;
		text-align: center; 
		}
	#navcontainer ul li {
		display: block;
		float: left;
		text-align: center;
		padding: 0;
		margin: 0;
		}
	#navcontainer ul li a {
		background: url('../media/navBg.jpg') repeat-x top left;
		width: 179px;
		border-left: 1px solid #7c93c6;
		border-right: none;
		padding: 5px 0 5px 0;
		margin: 0 0 0 0;
		color: #fff;
		text-decoration: none;
		display: block;
		text-align: center;
		font: normal 12px/18px helvetica, tahoma, sans-serif;
		}
	#navcontainer ul li a:hover {
		color: #fff;
		background: #19387e;
		}
	#navcontainer a:active {
		background: #c61f2d;
		color: #fff;
		}
	#navcontainer li#active a {
		background: #c61f2d;
		color: #fff;
		}		
		
		

#comNavcontainer{
	margin: 0;
	padding: 0;
	}
	#comNavcontainer ul {
		border: 0;
		margin: 0;
		padding: 0;
		list-style-type: none;
		text-align: center; 
		}
	#comNavcontainer ul li {
		display: block;
		float: left;
		text-align: center;
		padding: 0;
		margin: 0;
		}
	#comNavcontainer ul li a {
		background: url('../media/navBg.jpg') repeat-x top left;
		width: 224px;
		border-left: 1px solid #7c93c6;
		border-right: none;
		padding: 5px 0 5px 0;
		margin: 0 0 0 0;
		color: #fff;
		text-decoration: none;
		display: block;
		text-align: center;
		font: normal 12px/18px helvetica, tahoma, sans-serif;
		}
	#comNavcontainer ul li a:hover {
		color: #fff;
		background: #19387e;
		}
	#comNavcontainer a:active {
		background: #c61f2d;
		color: #fff;
		}
	#comNavcontainer li#active a {
		background: #c61f2d;
		color: #fff;
		}				
		
		
		
	
/* Body 
----------------------------------------------- */
body {
	margin: 0 0 0 0;
	padding: 0px;
	background: #dbdbdb url('../media/bodyBg.jpg') repeat-x top left;
  	font-family: verdana, helvetica, arial, sans-serif;
  	font-size: 11px;
  	line-height: 15px;
  	color: #414141;
  	text-align: center;
	}
	#bodyMain {
		padding: 20px 20px 20px 20px;
  		font-family: verdana, helvetica, arial, sans-serif;
  		font-size: 11px;
  		line-height: 15px;
  		color: #414141;
  		text-align: left;
	}	
	#bodyRightCol {
		padding: 20px 0px 0px 0px;
		background-color: #f5f9fb;
		border-left: solid 1px #eef1f6;
  		font-family: verdana, helvetica, arial, sans-serif;
  		font-size: 11px;
  		line-height: 15px;
  		color: #414141;
  		text-align: center;
	}	

#container {
	margin: 0 auto;
	width: 900px;
	}
	
	
#main {
	margin: 0 auto;
  	padding: 0px;
	width: 900px;
  	background-color: white;
  	text-align: left;
  	font-size: 11px;
	}
	
#login {
	margin: 0 auto;
  	padding: 2px;
  	background-color: white;
  	text-align: left;
  	font-size: 11px;
  	border-top: solid 5px #414141;
  	border-bottom: solid 20px #1f469d;
  	width: 400px;
  	text-align: right;
	}		
	
#reports {
	margin: 0 auto;
  	padding: 0px;
  	background-color: white;
  	text-align: left;
  	font-size: 11px;
  	border-top: solid 5px #414141;
  	border-bottom: solid 20px #1f469d;
  	width: 800px;
  	text-align: right;
	}	
	
.aNav {
	padding: 0px 20px 10px 10px;
	line-height: 30px;
	}
.nLeft {
	padding: 0 0 0 20px;
	background-color: #edecec;
	}
.nRight {
	padding: 0 20px 0 0;
	background-color: #edecec;
	}	
	
	
/* Misc.
----------------------------------------------- */	
.imgLeft {
	padding: 0 20px 0 0;
	float: left;
	}
	
.imgRight {
	padding: 0 0 20px 20px;
	float: right;
	}		
	

.mList {
	margin: 0px;
	padding: 20px 0 0 25px;
	font-size: 14px;
	line-height: 20px;
	list-style-type: square;
	}

.emergency, .required {
	color: red;
	}
	
.tollFree {
	font-size: 14px;
	}
	
#comWaterHeater {	
	padding: 10px;
	font-size: 16px;
	line-height: 20px;
	background-color: #fef3f3;
	color: #f3282c;
	border: solid 1px #f3282c;
	width: 300px;
	float: left;
	}

.navSelected a {
	padding: 3px;
	background-color: #c5c5c5;
	border: solid 1px grey;
	color: white;
	}
	
	
	

/* Footer 
----------------------------------------------- */
#footer {
	background: #dbdbdb url('../media/barFooter.gif') repeat-x top left;
	}	

#foot-a {
	color: #fff;
	font-size:11px;
	padding-left:15px;
	text-align:left;
	}	
	#foot-a a {
		color: #fff;
		text-decoration: underline;
		}
	#foot-a a:hover {
		color: #fff;
		text-decoration: none;
		}	

#foot-b {
	color: #fff;
	font-size:11px;
	padding-right:16px;
	text-align:right;
	}
	#foot-b a {
		color: #fff;
		text-decoration: none;
		}
	#foot-b a:hover {
		color: #fff;
		text-decoration: none;
		}
		
#footerHome {
	background: #dbdbdb url('../media/barFooterHome.gif') repeat-x top left;
	text-align: center;
	color: #fff;
	font-family: helvetica, tahoma, sans-serif;
	font-size: 20px;
	line-height: 22px;
	font-weight: normal;
	}			
	
#footerHome a:link, #footerHome a:visited, #footerHome a:active {
	color: #fff;
    text-decoration: underline;
	}    
	
#footerHome a:hover {
	color: #fff;
    text-decoration: none;
	}  
	
	
#disclaimer a:link, #disclaimer a:visited, #disclaimer a:active {
	color: #1f469d;
    text-decoration: none;
	}    
	
#disclaimer a:hover {
	color: #1f469d;
    text-decoration: underline;
	}