<style type="text/css">
html {
	width:100%;
	height:100%;
	margin: 0px;
	border: 0px;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #caccd1;
}
         
p {margin-bottom: 0; padding: 0; line-height: 1.5em;} 


/* here lies the list styles---Argg! */
ul {margin-top: 0; padding-top: 0;} 

li {font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #4F4F4F; 
line-height: 1.5em; margin-bottom: 2px; margin-top: 2px; margin-left: 2px; margin-right: 2px;  
padding-top: 2px; padding-left: 2px; padding-bottom: 2px; padding-right: 2px; list-style-type: circle; list-style-position: inner;} 

li:hover {background-color: #edf1f4} 

li li {font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #4F4F4F; 
line-height: 1.3em; margin-bottom: .6em; margin-top: 10px; margin-left: 10px; margin-right: 0;  
padding-top: 0; padding-left: 0; padding-bottom: 0; padding-right: 2px; list-style-type: disc;} 

ul.graphs {margin-left: 7px; padding-left: 7px;}

li.graphs {font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #4F4F4F; 
line-height: 1.3em; margin-bottom: .6em; margin-top: 0; margin-left: 0; margin-right: 0;  
padding-top: 0; padding-left: 0px; padding-bottom: 0; padding-right: 0px; list-style-type: disc;} 



.body {font-family: Verdana, Arial, sans-serif; 
font-size: 11px; color: #7E725B; font-weight: normal; 
line-height: 1.5em; padding-right: .4em; padding-left: .2em; padding-bottom: .7em; margin-bottom: .4em; padding-top: 0; text-align: left; margin-top: 0;}

.formbody {font-family: Verdana, Arial, sans-serif; 
font-size: 10px; color: #333333; font-weight: normal; 
line-height: 1.5em; padding-right: 21px; padding-left: 21px; padding-bottom: .7em; margin-bottom: .4em; padding-top: 0; text-align: left; margin-top: 0;}


.bodyint {font-family: Verdana, Arial, sans-serif; 
font-size: 11px; color: #666666; font-weight: normal; 
line-height: 1.5em; padding-right: .4em; padding-left: .2em; padding-bottom: .7em; margin-bottom: .4em; padding-top: 0; text-align: left; margin-top: 0;}

.bodybold {font-weight: bold;}

.bodyitalic {font-style: italic;}

.bodysmall {font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #4f4f4f; font-weight: normal; line-height: 1.5em; padding-right: .4em; padding-left: .2em; padding-bottom: .6em; margin-bottom: 0; padding-top: 0; text-align: left; margin-top: 0;}
.tiny {font-family: Verdana, Arial, sans-serif; font-size: 8px; color: #4f4f4f; font-weight: normal; line-height: 1.3em; padding-right: .4em; padding-left: .2em; padding-bottom: .6em; margin-bottom: 0; padding-top: 0; text-align: left; margin-top: 0;}

.presscontact {font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #727272; font-weight: normal; padding-left: .2em; padding-bottom: 0; padding-top: 0; padding-right: 3em; margin-top: .2em; margin-left: 0; margin-right: 0;}

.formstext {font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #4f4f4f; font-weight: bold; line-height: 1.3em; padding-right: .4em; padding-left: .2em; padding-bottom: 1.3em; margin-bottom: 0; padding-top: .5em; text-align: left; margin-top: 0;}
.formstext_uc {font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #4f4f4f; font-weight: normal; text-align: center;}

.h1 {font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #4F4F4F; font-weight: bold; line-height: 1.3em; padding-right: .4em; padding-left: 0; padding-bottom: 0; margin-bottom: 1em; padding-top: .5em; text-align: left; margin-top: 0;}
.h2 {font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #809DAC; font-weight: bold; line-height: 1.3em; padding-right: .4em; padding-left: .2em; padding-bottom: 0; margin-bottom: .7em; padding-top: 0; text-align: left; margin-top: .8em;}
.h3 {font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #7E725B; font-weight: bold; line-height: 1.3em; padding-right: .4em; padding-left: .2em; padding-bottom: 0; margin-bottom: .2em; padding-top: 0; text-align: left; margin-top: .5em;}
.h4 {font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #7E725B; font-weight: bold; line-height: 1.3em; padding-right: .4em; padding-left: .2em; padding-bottom: 0; margin-bottom: 0; padding-top: .35em; text-align: left; margin-top: .35em;}
.h5 {font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #ccc; font-weight: normal; line-height: 1.3em; padding-right: .1em; padding-left: .1em; padding-bottom: 0; margin: 0 0 0 0; padding-top: 0; text-align: left;}

.graphcopy {font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #4F4F4F; font-weight: normal; line-height: 1.3em; padding-right: .2em; padding-left: .2em; padding-bottom: 0; margin-bottom: 0; padding-top: 0; text-align: left; margin-top: 0;}

.graphcopy2 {font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #4F4F4F; font-weight: normal; line-height: 1.3em; padding-right: .2em; padding-left: .2em; padding-bottom: 0; margin-bottom: 0; padding-top: 0; text-align: center; margin-top: 0;}

.error {font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #e64a01; font-weight: bold;}
.copyright {font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #ffffff; font-weight: normal; padding-left: 1.5em; padding-bottom: 0; padding-top: 0; padding-right: 1.5em;}
.copyrightbold {font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #ffffff; font-weight: bold; padding-left: 3em; padding-bottom: 0; padding-top: 0; padding-right: 3em;}
.breadcrumb {font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #7E725B; font-weight: normal; line-height: 2em; padding-left: .2em;}
.required {font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #ff3300; font-weight: normal; line-height: 1.3em; margin-bottom: 1em; margin-top: 0; padding: 0;}
.datefile {font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #5a5a5a; font-weight: bold; line-height: 1.3em; padding-right: .4em; padding-left: .2em; padding-bottom: 0; margin-bottom: .2em; padding-top: 0; text-align: left; margin-top: .5em;}


.r {border-right: 1px #e0e0e0 solid;} 
.b {border-bottom: 1px #e0e0e0 solid;} 
.l {border-left: 1px #e0e0e0 solid;} 
.t {border-top: 1px #e0e0e0 solid;} 

.whitebackground {background-color: #ffffff;}
.bluebackground {background-color: #819eae;}
.brownbackground {background-image:url(http://sunlightelectric.com/develop/img/nav/totalnav.gif); background-position:left top; background-repeat:no-repeat; border-style:none; }

.defcolumn {background-color: #edf1f4;}
.namecolumn {background-color: #d4dee3;}
.lightcolumn {background-color: #fcff00;}
.grayformbackground {background-color: #e1e1e1;}
.bordernamecolumn {background-color: #fff; border: 4px #d4dee3 solid;}

.inputbox {
  width:215px;
  font-family: Verdana, Arial, sans-serif;
  font-size:10px;
  color:#4f4f4f;
  border:1px solid #4f4f4f;
  background:#f0f0f0;
  }
  
  .inputbox_special {
  width:212px;
  font-family: Verdana, Arial, sans-serif;
  font-size:10px;
  color:#4f4f4f;
  border:1px solid #4f4f4f;
  background:#f0f0f0;
  }

  a.milestone_f:link, A.milestone_f:visited, A.milestone_f:active {
  	font-size: 10px;
  }
  
#inputArea
	{
	    font-family: Verdana, Arial, sans-serif;
	    font-size: 11px;
		font-weight: bold;
	    padding: 5px 20px 8px 20px;
	    width: 199px;
	}
#inputArea input
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	margin-bottom: 5px;
	display: block;
	padding: 4px;
	width: 199px;
	height:35px;
	background: transparent;
	background-image:url('http://www.sunlightelectric.com/img_new/inputform_new.gif');
	background-repeat:no-repeat;
	
}

#inputArea textarea
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	margin-bottom: 5px;
	display: block;
	padding: 4px;
	width: 199px;
	height:125px;
	background: transparent;
	background-image:url('http://www.sunlightelectric.com/img_new/textareaform_new.gif');
	background-repeat:no-repeat;
	overflow:hidden;
}

#submitbutton {
	
	margin-left: 21px;
	margin-bottom: 20px;
}

.activeField
{
	/*background-color: #ffffff;*/
	background-repeat: none;
	background-position: top;
	border: none;
}
.idle
{
	border: none;
	background-repeat: none;
	background-position: top;
}

 .spacerrow {height: 30px; display:block;}
 
 .inputbox_uc {
  width:120px;
  font-family: Verdana, Arial, sans-serif;
  font-size:10px;
  color:#4f4f4f;
  border:1px solid #4f4f4f;
  background:#f0f0f0;
  }
  
  .inputbox_uclong {
  width:200px;
  font-family: Verdana, Arial, sans-serif;
  font-size:10px;
  color:#4f4f4f;
  border:1px solid #4f4f4f;
  background:#f0f0f0;
  }
  
  .inputbox_state {
  width:50px;
  font-family: Verdana, Arial, sans-serif;
  font-size:10px;
  color:#4f4f4f;
  border:1px solid #4f4f4f;
  background:#f0f0f0;
  }
  
.submit {
  font-family: Verdana, Arial, sans-serif;
  font-size:10px;
  color:#4f4f4f;
  border:1px solid #4f4f4f;
  background:#cccccc;
  font-weight: bold;
  }
  
  .floatimgright {
float:right;
margin-top:10px;
margin-left:15px;
margin-right:5px;
margin-bottom:10px;
} 


.floatimgleft {
float:left;
margin-top:5px;
margin-left:0px;
margin-right:10px;
margin-bottom:5px;
} 	

.floatcenter {
text-align: center;
padding: 10px;
clear: both;
}

#contact_form {
display: block;
width: 247px;
background-color: #e1e1e1;
text-align: left;

}

#1columnleft {
	background-color: #fff;
	width:500px;
	margin: 0 auto;
	text-align: left;
	
}

#1columnleft_new {
	background-color: #fff;
	width:400px;
	margin: 0 auto;
	text-align: left;
	
}

#1columnleft2 {
	background-color: #fff;
	width:699px;
	margin: 0 auto;
	text-align: left;
	
}


#main {
	background-color: #fff;
	float: left;
	width: 500px;
}

#1columnleftstrat {
	background-color: #fff;
	width:625px;
	margin: 0 auto;
	text-align: left;
	
}

#mainstrat {
	background-color: #fff;
	float: left;
	width: 625px;
}
.2columnright {
	margin: 0px 0px 0px 0px;
	float:right;
}

#backtotop {
	float: left;
	width: 500px;
	clear: both;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#backtotopstrat {
	float: left;
	width: 625px;
	clear: both;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#backimage {
	float: right;
	text-align:right;
}
	
.caption { font-size: 10px;
                  font-family: Verdana, Arial, sans-serif;
				  color: #7E725B;
                  text-align: left; 
				  width:225px;
				  font-weight: bold;
				  margin-bottom:5px;}
				  
.customerlisttable {
	font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
	color: #747779;
	text-align: center;
	font-weight: normal;
	width: 699px;
	border: 1px solid #FFFFFF;
	background-color: #f0f3f6;
}

.customerlistcell {
	height: 80px;
	text-align: center;
	font-weight: normal;
	border: 1px solid #FFFFFF;
	background-color: #f0f3f6;
}

.customerlistcell_white {

	text-align: left;
	font-weight: normal;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}

.customerlistcell1 {
	width: 125px;
	height: 25px;
	text-align: center;
	font-weight: normal;
	border: 1px solid #FFFFFF;
	background-color: #f0f3f6;
}

.customerlistcell2 {
	width: 115px;
	height: 25px;
	text-align: center;
	font-weight: normal;
	border: 1px solid #FFFFFF;
	background-color: #f0f3f6;
}

.customerlistcell3 {
	width: 91px;
	height: 25px;
	text-align: center;
	font-weight: normal;
	border: 1px solid #FFFFFF;
	background-color: #f0f3f6;
}

.customerlistcell4 {
	width: 74px;
	height: 25px;
	text-align: center;
	font-weight: normal;
	border: 1px solid #FFFFFF;
	background-color: #f0f3f6;
}

.customerlistcell5 {
	width: 201px;
	height: 25px;
	text-align: center;
	font-weight: normal;
	border: 1px solid #FFFFFF;
	background-color: #f0f3f6;
}

.customerlistcell6 {
	width: 81px;
	height: 25px;
	text-align: center;
	font-weight: normal;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}






A:link, A:visited, A:active {color: #fdb70e; font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none;}
A:hover {background-color: #cccccc; color: #6E6E6E;}

A.video:link, A.video:visited, A.video:active {color: #4F4F4F; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none;}
A.video:hover {background-color: #cccccc; color: #6E6E6E;}

A.videoimage:link, A.videoimage:visited, A.videoimage:active {color: #4F4F4F; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none;}
A.videoimage:hover {background-color: #d4dee3; color: #6E6E6E;}

A.more:link, A.more:visited, A.more:active {color: #fe8500; font-family: Verdana, Arial, sans-serif; font-size: 9px; font-weight: normal; text-decoration: underline; line-height: 1.5em;}
A.more:hover {background-color: #cccccc; color: #6E6E6E;}

A.copyrightlink:link, A.copyrightlink:visited, A.copyrightlink:active {color: #ffffff; font-family: Verdana, Arial, sans-serif; font-size: 9px; font-weight: normal; text-decoration: none;}
A.copyrightlink:hover {background-color: #cccccc; color: #6E6E6E;}

A.bread:link, A.bread:visited, A.bread:active {color: #F8981D; font-family: Verdana, Arial, sans-serif; font-size: 9px; font-weight: normal; text-decoration: none;}
A.bread:hover {background-color: #cccccc; color: #6E6E6E;}

A.h3link:link, A.h3link:visited, A.h3link:active {color: #7E725B; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; text-decoration: underline;}
A.h3link:hover {background-color: #cccccc; color: #6E6E6E;}

A.designedby:link, A.designedby:visited, A.designedby:active {color: #676767; font-family: Verdana, Arial, sans-serif; font-size: 9px; font-weight: normal; text-decoration: none;}
A.designedby:hover {background-color: #cccccc; color: #6E6E6E;}



</style>