/* Start Jon's Styles */

#panelWrapper {
	position: relative;
	background: #fff url(/assets/panel_bg.jpg) 0 0 no-repeat;
	height: 280px;
}
#panelList {
	position: absolute;
	left: 310px;
	top: 10px;
	width: 550px;
}
#windPanel, #solarPanel, #commercialPanel, #residentialPanel, #projectsPanel, #frontPanel, #schoolsPanel{
	position: relative;
	float: left;
	width: 252px;
	height: 220px;
	padding: 20px 10px 10px 38px;

	}
.button {
	background: url(/assets/button.jpg) 0 0 no-repeat;
	height: 27px;
	position: absolute;
	bottom: 10px;
	left: 36px;
	width: 219px;
	padding: 10px 0 0 10px;
}
#content #windPanel h2, #content #solarPanel h2, #content #commercialPanel h2, #content #residentialPanel h2, #content #projectsPanel h2, #content #frontPanel h2, #content #schoolsPanel h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #990000;
	font-weight: normal;
	font-size: 18px;
	padding: 0;
	margin: 0;
}

#windPanel {
	background: #fff url(/assets/windpanel.jpg) 0 0 no-repeat;
	}
#solarPanel {
	background: #fff url(/assets/solarpanel.jpg) 0 0 no-repeat;
	}
#commercialPanel {
	background: #fff url(/assets/commercial.jpg) 0 0 no-repeat;
	}
#residentialPanel {
	background: #fff url(/assets/residential.jpg) 0 0 no-repeat;
	}
#projectsPanel {
	background: #fff url(/assets/large_projects.jpg) 0 0 no-repeat;
	}
#frontPanel {
	background: #fff url(/assets/cei.jpg) 0 0 no-repeat;
	}
#schoolsPanel {
	background: #fff url(/assets/schoolspanel.jpg) 0 0 no-repeat;
	}

#content #windPanel p a, #content #solarPanel p a, #content #commercialPanel p a, #content #residentialPanel p a, #content #projectsPanel p a, #content #frontPanel p a, #content #schoolsPanel p a  {
		color: #4074ad;
		background: none;
		text-decoration: none;
}
#content #windPanel p a:hover, #content #solarPanel p a:hover, #content #commercialPanel p a:hover, #content #residentialPanel p a:hover, #content #projectsPanel p a:hover, #content #frontPanel p a:hover, #content #schoolsPanel p a:hover{
		color: #333;
		background: none;
		text-decoration: none;
}
#content #front a {
		color: #4074ad;
		background: none;
		text-decoration: none;
}
#content #front a:hover {
		color: #333;
		background: none;
		text-decoration: none;
}
body {
	margin-top: 20px;	
}
.loud {
	background: #005095;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	padding: 5px;
	}
#front {
	background: url(/assets/front_bg.jpg) 0 0 no-repeat;
	height: 45px;
	padding: 15px;
	margin: 0;
	font-size: 14px;
	color: #333;
	line-height: 1.5em;
	font-weight: bold;
}
#content {
	width: 710px;
}
#homePage #content {
	width: 960px;
}
#schools #content {
	width: 930px;
}

#content img {
 	border: 3px solid #CCC;
	padding: 5px;
}
	
#content h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 26px;
	color: #da251d;
	margin-top: 0;
	line-height: 1.2em;
}
#content h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 22px;
	color: #005095;
	padding-top: 5px;
}
#content h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 18px;
	color: #005095;
}
#content ul {
	list-style: none;
}

#content #panelList {
	list-style: none;
	margin-top: 15px;
}

#content #panelList a {
	list-style: none;
	background: #005095;
	color: #fff;
	display: block;
	margin: 5px 0;
	padding: 7px 0 7px 80px;
	text-decoration: none;
}
#content #panelList #no1 a {
	background: #005095 url(/assets/1.jpg) 5px 0 no-repeat;
}
#content #panelList #no2 a {
	background: #005095 url(/assets/2.jpg) 5px 0 no-repeat;
}

#content #panelList #no3 a {
	background: #005095 url(/assets/3.jpg) 5px 0 no-repeat;
}

#content #panelList #no4 a {
	background: #005095 url(/assets/4.jpg) 5px 0 no-repeat;
}

#content #panelList #no5 a {
	background: #005095 url(/assets/5.jpg) 5px 0 no-repeat;
}

#content #panelList #no6 a {
	background: #005095 url(/assets/6.jpg) 5px 0 no-repeat;
}

#content #panelList a .panelText {
	font-weight: normal;
}
#content #panelList #no1 a:hover, #content #panelList #no2 a:hover, #content #panelList #no3 a:hover, #content #panelList #no4 a:hover, #content #panelList #no5 a:hover, #content #panelList #no6 a:hover {
	color: #ccc;
	background: #990000 url(/assets/redarrow.jpg) 5px 0 no-repeat;
}

.imgFloatLeft {
	margin: 0 10px 5px 0;
	float: left;
}
.clearImgFloat {
	clear: left;
}

body #content {
		font-family: Verdana, Geneva, sans-serif;
		line-height: 1.5em;
		color: #131313;
}
#sidebar {
	float: right;
	width: 230px;
	font-family:Verdana, Geneva, sans-serif;
	color: #666;
	font-size: 11px;
	line-height: 1.3em;
}
#sidebar img {
	border: 2px solid #999;
	padding: 5px;
}

#sidebar h3 {	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 18px;
	color: #005095;
}
.clear {
	clear: both;
}
#content a, #sidebar p a {
	color: 	#da251d;
	font-weight: bold;
	padding: 2px 5px;
	background: #fff;
}
#content a:hover, #sidebar p a:hover {
	color: 	#fff;
	font-weight: bold;
	padding: 3px 5px;
	background: #da251d;
}
	
	
	
	
	
	
/* End Jon's Styles */
body {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color: #204281;
	background-image: url(bg.gif);
	background-repeat: repeat-x;
}

A:active { COLOR: #016FA6;  text-decoration:underline; font-weight:bold  }
A:hover { text-decoration:none; COLOR: #016FA6; font-weight:bold    }
A:link { COLOR: #016FA6; text-decoration:underline; font-weight:bold    }
A:visited {  text-decoration:underline; COLOR: #016FA6; font-weight:bold  }

INPUT { FONT-SIZE: 10px; FONT-FAMILY: Verdana }
SELECT { FONT-SIZE: 10px; FONT-FAMILY: Verdana }
TEXTAREA { FONT-SIZE: 10px; FONT-FAMILY: Verdana }


.whitetext {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.whitelink A:link, .whitelink A:visited, .whitelink A:active {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
.whitelink A:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: underline;
}
.bodytext {
	font-family: Tahoma;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #454545;
	text-decoration: none;
	text-align: justify;
}
.bluebold {
	font-family: Tahoma;
	font-size: 15px;
	font-weight: bold;
	color: #005095;
	text-decoration: none;
}
#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 11px Tahoma;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
background-color: #DD3932;
color: #ffffff;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color:#035399;
}
.redbold {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
}
.news_title {
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
}
.whitebold {
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

#ServicesTxt {
	LEFT: 5px;
	MARGIN: 10px 0px 0px 0px;
	OVERFLOW: auto;
	LINE-HEIGHT: 14px;
	TOP: 21px;
	text-align: justify;
	padding: 10px;
	height: 200px;

}
.topic1 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	background-image: url(topic1.gif);
	background-repeat: no-repeat;
	text-align: center;
	height: 38px;
}
.topic2 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	background-image: url(topic2.gif);
	background-repeat: no-repeat;
	text-align: center;
	height: 38px;	
}


.topic3 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	background-image: url(topic3.gif);
	background-repeat: no-repeat;
	text-align: center;
	height: 38px;	
}
.news_table {
	background-image: url(topshadow.gif);
	background-repeat: repeat-x;
	border: 1px solid #E0E0E0;
}
h1 {
	font-family: Tahoma;
	font-size: 18px;
	font-weight: bold;
	color: #005095;
	text-decoration: none;
}
h2 {
	font-family: Tahoma;
	font-size: 15px;
	font-weight: bold;
	color: #005095;
	text-decoration: none;
}
h3 {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #005095;
	text-decoration: none;
}
.tdHeading {
		color: #fff;
		font-weight: bold;
		vertical-align: top;
}
		
