/*Layout CSS For Solar Site*/

body {
   margin: 0px 0px 0px 0px;
   background: #e5e5e5;
	}

.outer {
	position:relative;
	width: 938px;
	height:656px;
	margin: 0px 0px 0px 0px;
	text-align: justify;
	background: url('../images/testback2.jpg') top left repeat-y;
	}

.header {
	clear:both;
	float:center;
	text-align:center;
	width:800px;
	height:110px;
	vertical-align:middle;
	}

.logo {
	clear:none;
	text-align:right;
	float:right;
	width:250px;
	height:94px;
	margin:0px 0px 0px 0px;
	border:0px solid #000000;
	}

.logo2 { display: none; }

.leftside {
	clear:none;
	float:left;
	width:180px;
	height:300px;
	margin:0px 0px 0px 0px;
	text-align:center;
	}

.menu {
	float:left;
	width:180px;
	border:0px solid #ffffff;
	}

/*
.menuitem {
	vertical-align:bottom;
	float:center;
	height:25px;
	width:179px;
	border:1px transparent;
	
	padding: 10px; 
	background: url(/images/yellow.jpg); 
	}
	
.menu a {background: transparent url(../images/gradient4.jpg) 0 0 repeat-x fixed; display: block; text-align: center; font: bold 1em sans-serif; padding: 5px 10px; margin: 0 0 2px; border-width: 0; text-decoration: none; color: #FFC;}
.menu a:hover {background: transparent url(../images/gradient3.jpg) 0 0 repeat-x fixed; color: #411;}
 .menuitem {position: absolute; top: 52px; left: 0; width: 160px; height: 700px; font: 16px Verdana, sans-serif;} 
*/

.menu a {text-decoration: none; color: black; font-weight: normal; font-size: 0.9em;}
.menu a:hover {text-decoration: underline; font-weight: normal; font-size: 0.9em;}

	
.hideornot {
	visibility: hidden;
	height: 50px;
	width: 50px;
	display: none;
}
	
.content {
	clear:right;
	float:left;
 	border:0px solid #ffffff;
	width:610px;
	text-align:justify;
	margin: 0px 0px 0px 10px;
	}

#featureimage {
	float: left;
	padding: 10px 10px 10px 10px;
}	

.centeralign {
	text-align: center;
	}

.footer {
	clear:both;
	float:center;
	text-align:center;
	width:800px;
	height:40px;
	margin:auto;
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	padding: 3px;
	}

.degreesymbol {
	font-size: 0.7em;
	vertical-align: super;
	}
	
/* Styles and links */
P.intro {text-align:center; }
P.newsflash {text-align:left; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-style: italic; color: red; font-size:14pt;}
A.menulink:link, A.menulink:visited, A.menulink:active {text-decoration: none; color: #000; font-weight: normal; font-size: 10pt;}
A.menulink:hover {text-decoration: none; color: #000000; font-weight: normal; font-size: 10pt;}
h1{font-family:Arial, Helvetica, sans-serif; font-weight:bold; color: black; font-size:18pt; clear:both; text-align: center;}
h4{font-family:Arial, Helvetica, sans-serif; font-weight:bold; color: black; font-size:12pt; clear:both; text-align: center;}
/*
h1{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14pt;}
h2{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12pt; font-style:italic}
h3{font-family:Arial, Helvetica, sans-serif; font-size:12pt;}

A.a2z:link, A.a2z:visited, A.a2z:active {color: #FFFFFF; text-decoration: none; font-weight: bold; font-size: 10px; font-family: Verdana}
A.a2z:hover {background-color: #FFFFFF; color: black; text-decoration: none; font-weight: bold; font-size: 10px; font-family: Verdana}
A.whatsnew:link, A.whatsnew:visited, A.whatsnew:active {text-decoration: none; color: #0088BB}
A.whatsnew:hover {text-decoration: underline; color: #86CCBA}
A.menu:link, A.menu:visited, A.menu:active {text-decoration: none; color: #FFFFFF; font-weight: normal; font-size: 10pt;}
A.menu:hover {text-decoration: none; color: #000000; font-weight: normal; font-size: 10pt;}
A.whitelink:link, A.whitelink:visited, A.whitelink:active {text-decoration:none; font-weight: bold; color:#ffffff; font-family:verdana; font-size:10px;}
A.whitelink:hover {text-decoration:underline; font-weight: bold; font-family:verdana; font-size:10px;}
.boldwhite {
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	}
*/