/*----------------------------------------------------------------------------
	main.css by ALEX


/*--- header ---------------------------------------------------------------*/

#header{
	overflow:hidden;
	margin: 0 auto;
	
	height:118px;
	width: 950px; /* set width */
	/*color: #fff8dc; beige*/
	color:#003300;
	text-align: left;	
	position: relative;
	background-color:#fff;	 /* #003300=dark green background*/
	border-left:2px solid #000;
	border-right:2px solid #000;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
}

#header .Logo{ /* Logo Image */
	width:169px;
	float:left;
	text-align:center;

	
}
#header .CompanyName{ /* Name Image */
	padding-top: 10px;
}
#header .CompanyInfo
{
	padding-top: 0px;
	font-size: 20px;
	margin-left: 170px;
	font-family: "Georgia", Helvetica, sans-serif !important;
}


#header .Contact{  /*Phome Number*/
    margin-top: 5px; /*margin before green tab*/
	padding-top: 5px; /*padding inside green tab from top of tab to text*/
	padding-bottom: 3px;
	font-size: 16px;
	margin-left:575px;
	text-align:center;
	width: 360px;
	color: #fff;
	background-image: url(/i/logo/greentab.png);
	background-repeat:no-repeat;
}

#header a{
   	color:#fff;
   	text-decoration: none;
}

#header #aEmailUs 
{
	text-decoration: underline !important;	
}


#header img{  
	border: 0px;
}

/*--- banner ---------------------------------------------------------------*/
#banner,.banner{
	overflow:hidden;
	margin: 0 auto;
	position: relative;
	width: 950px;                 /* set width */
	background-color:#000;     /*#003300; dark green*/
	border-top:2px solid #000;
	border-left:2px solid #000;
	border-right:2px solid #000;
	border-bottom:2px solid #000;
	font-family: Arial, Helvetica, sans-serif !important;
}

#banner a,.banner a{

	text-decoration: none;
	border:0px !important;
	border-style: none !important;
}
#banner img,.banner img{
	/*height: 130px;
	width: 195px;*/
	margin: 0;
	border-style: none !important;
}


.banner3ImgSp {
	height: 215px !important;
	margin: 0;	
}

.banner3Img {
	height: 207px  !important;
	margin: 0;	
}


/*--- footer ---------------------------------------------------------------*/

#footer {
	height: 70px;
	background-color:#003300; /* dark green*/
	color:#fff8dc;
	position: relative;
	width: 950px; /* set width */
	border:2px solid #000;
	overflow:hidden;
	font-size: 16px;
	margin: 0 auto; /* removing this makes it not centered in Firefox. */
	
} 



#footer a{
	color:#fff;	
	
}
#footer a:hover{
		
	color:#D7ECFF;
}

#footer-copyright 
{	color:#FFF;
	text-align:center;
}


#bottom-line{ 	/*  text line in footer*/
	
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	font-size: 14px;
}
#bottom-line a.on {background-color: Green;} /*???? */

#footerKey {
	/*color:#663300;*/
	/*color:#999966;*/
	color:#556B2F;
	position: relative;
	width: 1050px; /* set width */
	overflow:hidden;
	font-size: xx-small;
	margin: 0 auto; /* removing this makes it not centered in Firefox. */
}
 
#footerKey a{
	color:#556B2F;
}

#footerKey hr{
	color:#556B2F;
}

#footerLinks { /* bottom of every page*/
	color:#556B2F;
	font-size: xx-small;
}
#footerLinks a{
	color:#556B2F;
}



/********** SIDE MENU ************/

#leftSide, .leftSide{
	width:182px;
	text-align: left;
	float:left;
}

/*

#leftBar
{
	background-color:#003300;
	width:182px;
	margin-top: 10px; 

	padding-top:10px;
	padding-right:10px;
	padding-bottom:20px;

	border-bottom:2px solid #000;
	border-right:2px solid #000;
	border-top:2px solid #000;
}



.leftmenu {
	margin:0;
	padding:0;
	
	margin-bottom:5px;
	margin-left:10px; 
	font-size: 15px;
	font-weight: bold;
	list-style-type: none;

}

.leftmenu li, .leftmenu ul li{
	
	padding:0;	
	border-bottom:1px solid #FFF;
	
}

.leftmenu ul{

	padding:0;
	list-style-type: none;
}

.leftmenu a{
	margin:0;
	padding-left:5px;
	padding-top:6px;
	padding-bottom:4px;
	display: block;
	color: #fff8dc;
	text-decoration: none;
		
}
	

.leftmenu ul a{
	font-weight: normal;

	//padding: 5px 0;
	//padding-right:10px;
	
}

.leftmenu ul a:hover, .leftmenu a:hover  {
	background-color: #CCCC66;  //#33FF33;//
	color: #000;	
}

.leftmenuOn {  color of left menu item that is currently displayed 
	//background-color:#009900;//
	background-color:#669933;	
		
}

.leftmenuExpanded { //color of left menu item when a main level is expanded (Residential / Commercial) //
	//background-color:#669966;	//
	background-color:#336600;
		
}

#leftMsg{
	margin: 0, 20px, 0, 20px; 
	padding:0;
	list-style-type: none;
	font-size: 13px;
	color: #fff8dc;
	text-align:center;
}

#leftTexas{
	padding-top: 20px;
	text-align:center;
}
*/




.bullet_spacing li, .bullet_spacing ul
{
	padding: 5px 0px 3px 0px;
	line-height: 120%;
}


/********** Top MENU ************/




#menu-top
{
	/*overflow:hidden; DNU - will hide the submenu*/
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 950px;   
	height: 36px; /*needed to work in Chrome*/
	background-image: url(/i/nav/menubg_brown.gif);
	background-repeat: repeat-x;
	border-bottom: 4px solid #000;
	border-right: 3px solid #000;
	border-left: 3px solid #000;
	font-size: 15px;

}



/*======= top pagemenu menus (customer letter menu) ========*/


#pagemenu{
	padding-top:10px;
	padding-bottom:20px;
	text-align:center;
	/*background-color:#D7ECFF;*/
}
#pagemenu a{
	margin:0;
	color: #000 !important;	
	text-decoration: none;
	font-weight: bold;	
}

#pagemenu span{
	margin:8px;
	padding: 3px 8px 3px 8px !important;
	border:1px solid #000;
	background-color: #669966;
		
}
#pagemenu span:hover, #pagemenu a:hover  {
	background-color: #33FF33 !important;
	color: #000;	
}
.pagemenuOn { /* color of left menu item that is currently displayed */
		background-color:#fff !important;
		
		
}
/*===============*/


#rightSide{
	margin-top: 10px; 
	margin-bottom:5px;
	float: right;
	padding-left: 5px;
}	

 .rightText{
	width:230px;
	border:2px solid #003300;
	background-color: #FFFFCC;
	margin: 5px !important;
	padding: 5px;
}

#rightSide img{
	border-left:2px solid #000;
	border-bottom:2px solid #000;
	border-top:2px solid #000;	
	border-right:0px;	
}
.NoBorder {
	border:0px !important;
}

.Border, .Border img{
	border:2px solid #000;
}
.RightSide {
	text-align:right;
}

/*----------------------------------------------------------------------------
  default-styles for html-elements
----------------------------------------------------------------------------*/

/*--- body -----------------------------------------------------------------*/

body { text-align:center;
	margin: 4px 0 4px 0;
	padding:0;
	border:0;
	font-family: Verdana, "Helvetica", Arial, Sans-serif;
	text-align: center;
	/*background-image: url(/i/fading_beige.png);
	background-repeat: repeat-x;*/
	background-color:#556B2F;
	font-size: 14px;
	
}

.wrap{

	margin: 0 auto;
	text-align: left;
	clear: both;
	width: 950px; /* Set width, won't change on bigger screen*/
	min-height: 95%;
}

#content {
	text-align: center;
}

#content .wrap {	
	background-color: #fff;
	color: #000;
	border-left:2px solid #000;    /* border on sides of main content, must change top and footer too. */
	border-right:2px solid #000;
}

#copy a, #copyTop a, #copyTop2 a{
	color: #006600;
}

#copy img{
	border: 3px #000;
}


#content-body {	
	text-align: left;
	padding:0;
	/*border:solid 10px #000;*/
	
}
#copy,#copyBottom {
	/*margin-left: 206px;*/
	text-align: left;
	padding: 10px 10px 0px 20px;
	line-height: 150%;
}


#copyTop,#copyTop2
{
    line-height: 170%;
    padding: 10px 15px 10px 15px;
}

#copyTop td {
	padding: 10px 5px 3px 10px;
	margin:0px;
}


#copyMain
{
    line-height: 170%;
    padding: 10px 2px 10px 2px;

}

#copyTop2 td {
	padding: 0px;
	margin:0px;
}


/* index3.asp - testing -----*/



#copy ul{ line-height: 150%;
}


#content table, #content input, #content textarea {
 font-family: Verdana, "Helvetica", Arial, Sans-serif;
}


#content .error {
   
	color: #990000; /*RED*/
   
}

#content .special {
   
	color: #996600;  /*Golden Brown*/
   
}

ul.checkMark {
  list-style-image: url(/i/checkmark.jpg)
}


#pathLinks {
   	margin-left: 20px;
   	padding-top: 10px;
}
#pathLinks a{
	color: #006600;
}


.clear-both {clear: both;}

.cCenter {text-align: center !important;}

/*--- paragraph ------------------------------------------------------------*/

.content p {
    margin: 5px 0 20px 0;
    padding: 0;
}

/*--- headings -------------------------------------------------------------*/

#content h1 {
    
   padding-right: 20px;
   text-align: center;
   font-size: 20px !important;	
    /*color: #003300;
    font-family: "Georgia", Arial, "Georgia", Helvetica, sans-serif !important;*/
}

.h1_little {
	padding: 0px !important;
	font-size: 8px !important;	
	line-height: 10px !important;		
}


#content h2 {
    
  font-size: 18px !important;
   text-align: center;	
  /*  min-height: 65px;
    line-height: 65px;*/
 }

#content h3 {
    
  font-size: 17px !important;	
   
  
   text-align: center;
}

#content h4 {
    
  font-size: 16px !important;	
}

#content h5, #content p {
    
  font-weight: normal;
  font-size: 15px !important;	
}

#content h6 {
    
  font-weight: normal;
  font-size: 14px !important;	
}

#content h7 {
    
  font-weight: normal;
  font-size: 13px !important;	
}


/*--- links ----------------------------------------------------------------*/

.content a:hover {
    text-decoration: none;
}

/*--- tables ---------------------------------------------------------------*/

.content table {
    border-style: dotted;
    border-width: 1px;
    border-spacing: 0;
}

.content tr.odd {
    
}

.content tr.even {
    
}


 .boxLink /*used on Home page */
    {   font-size:20pt;       
        font-weight:bold;
        cursor:hand;
        text-align:center;
       
        
        
    }
  .boxLink a
    {   text-decoration: none;
        color:#243B0B;
        
        
    }   


/*--- forms ----------------------------------------------------------------*/

.content form {
    margin: 0;
    padding: 0;
}

.content fieldset {
    padding: 15px;
    border-style: solid;
    border-width: 1px;
}

.content input {
    border-style: solid;
    border-width: 1px;
}

.content textarea {
    border-style: solid;
    border-width: 1px;
}

/*--- lists ----------------------------------------------------------------*/

.content ul {
    
}

.content li {
}

   
   
   /* lightbox - image open effect ------------------- */
/*#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	/*font-size: 0.8em;*/
	/*font-size: 14px;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/i/logo/overlay.png); }  /*location of overlay image------------------- */
/*

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	  /* end lightbox ---------------*/