body { background: ##f0eedf; }
body {margin:0px;padding:0px;text-align: left;background: url(../images/bg.jpg) #b3c8d8 repeat-x;}
ul {list-style:none;margin:0px;}



/* Page/Major layout elements
--------------------------------------------------------------------------------- */

#page, #sub_page { 
	margin: 30px auto 30px auto; 
	width: 802px; 
	min-height:650px;
	background: url(../images/background.png) no-repeat;
	position: relative;
	padding-top: 150px;
	color:#FFF;
}

#sub_page { 
	background: url(../images/subpage_background.png) no-repeat;
}

div#bottom {
	background: url(../images/bottom_bg.png) no-repeat;	
	width:803px;
	height:32px;
	margin: 0 auto; 
}


/* Logo and Branding
--------------------------------------------------------------------------------- */
div#branding h1 {
	background: url(../images/logo.png);
	text-indent:-9999px;
	width:312px;
	height:96px;
	position: absolute;
	left:40px;
	top:35px;
}

div#branding p {
	background: url(../images/place_in_sun.png) no-repeat;
	text-indent:-9999px;
	width:209px;
	height:8px;
	position: absolute;
	left:135px;
	top:97px;
}

p.cvc {
	position: absolute;
	top:115px;
	left:0px;
	display:none;
}

/* Contact info on Home page
--------------------------------------------------------------------------------- */

div#contact {
	color:#FFF;
	width:300px;
	position:absolute;
	right:45px;
	top:40px;
	text-align: right;
	font-weight: normal;
}

div#contact p {
	margin: 0px;
}

div#contact a {
	color:#FFF;
}

/* Content wrapper - Contains the five columns and navigation
---------------------------------------------------------------------------------- */

div#wrapper {
	width:711px;
	height: 605px;
	margin:0px auto;
	position: relative;
}

/* Positioning of the five columns
---------------------------------------------------------------------------------- */

ul#navigation { left:0px; top:0px; }
div#photovoltic_column { left:160px; top:0px; }
div#solar_heating_column { right:186px; top:0px; }
div#solar_engineering_column { right:0px; top:0px; }
div#cost_bottom { left:0px; bottom:0px; }

/* Navigation - Home page
---------------------------------------------------------------------------------- */

ul#navigation {
	position: absolute;
	width:151px;
	height:481px;
	background: url(../images/navigation.png);
	text-decoration: none;
	padding-top: 25px;
	background-repeat: no-repeat;
	z-index: 10;
}

ul#navigation li {
	margin-bottom:8px;
	margin-left:25px;
	line-height: 20px;
}

ul#navigation li a{
	font-size: 15px;
	color:#FFF;
	font-family:Helvetica,Arial,sans-serif;
	letter-spacing: .25px;
}

li.current_page a {
	text-decoration: underline;
}

/* Five columns and properties
---------------------------------------------------------------------------------- */

div#photovoltic_column {
	position: absolute;
	width:178px;
	height:481px;
	background: url(../images/photovoltic_column.png);
}

div#solar_heating_column {
	position: absolute;
	width:178px;
	height:481px;
	background: url(../images/solar_heating_column.png);
}

div#solar_engineering_column {
	position: absolute;
	width:178px;
	height:481px;
	background: url(../images/solar_engineering_column.png);
}

div#cost_bottom {
	position: absolute;
	width:712px;
	height:119px;
	background: url(../images/cost_bottom_column.png);
}

/* H2 image headings for columns
---------------------------------------------------------------------------------- */

div#photovoltic_column h2 {
	width:100px;
	height:100px;
	background: url(../images/photovoltic_header.png);
	margin:20px 0px 0px 40px;
}

div#solar_heating_column h2 {
	width:92px;
	height:100px;
	background: url(../images/solar_heating_header.png);
	margin:20px 0px 0px 40px;
}

div#solar_engineering_column h2 {
	width:139px;
	height:100px;
	background: url(../images/solar_engineering_header.png);
	margin:20px 0px 0px 18px;
}

div#cost_bottom h2 {
	margin:13px 20px 0px 120px;
	margin-bottom: 0px;
	font-size: 19px;
	font-weight:normal;
}

div#photovoltic_column h2, div#solar_heating_column h2,  div#solar_engineering_column h2 {
	text-indent:-9999px;
	background-repeat: no-repeat;
} 

/* Paragraphs, links, and images for columns 
---------------------------------------------------------------------------------- */

div#photovoltic_column p, div#solar_heating_column p, div#solar_engineering_column p {
	padding:25px 20px 10px 21px;
	margin:0px;
}

a.find_more {
	padding:0px 21px 0px 21px;
	color: #FFF;
}

div#cost_bottom p {
	margin:0px 35px 0px 120px;
	line-height:16px;
}

div#cost_bottom img {
	position:absolute;
	left: 20px;
	top:23px;
}

p.sub_contact {
	position: absolute;
	left:170px;
	top:5px;
}

p.sub_contact a {
	color:#FFFFFF;
}

/* SUBPAGES*/

/* Content
---------------------------------------------------------------------------------- */

div#content_container {
	width: 704px;
	position: absolute;
	left:20px;
	top:45px;
}

div#content_top {
	width: 704px;
	height:44px;
	background: url(../images/content_top.png);
}

div#content {
	background: url(../images/content_stretch.png) repeat-y;
	width:500px;
	min-height:455px;
	padding:0px 40px 0px 165px;
	color:#4B7520;
}

div#content p {
	margin:0px;
}

div#content a {
	color:#4B7520;
}

div#content a:hover {
	text-decoration: underline;
}

div#content_bottom {
	width: 704px;
	height:41px;
	background: url(../images/content_bottom.png);
}

/* Navigation for subpages
---------------------------------------------------------------------------------- */

ul#navigation_subpages {
	position: absolute;
	width:160px;
	height:490px;
	background: url(../images/navigation_subpages.png);
	text-decoration: none;
	padding-top: 20px;
	background-repeat: no-repeat;
	z-index: 10;
}

ul#navigation_subpages li {
	margin-bottom:15px;
	margin-left:25px;
	line-height: 20px;
}

ul#navigation_subpages li a{
	font-size: 17px;
	color:#FFF;
	font-family:Helvetica,Arial,sans-serif;
	letter-spacing: .25px;
}

li#home_btn {
	position:absolute;
	bottom:35px;
	left:0px;
}

div#content ul#sub_nav {
	position:absolute;
	right:16px;
	top:25px;
	text-indent: -9999px;
	width:310px;
	height:40px;
}

div#content ul#sub_nav li {
	float: left;
	width:103px;
	height:35px;
	display:block;
	margin-left:0px;
}

ul#sub_nav li  img{
	float: left;
	margin-top:0px;
}

/* Content elements - Heading, images, Lists, and paragraphs
---------------------------------------------------------------------------------- */

div#content p {
	padding-bottom:12px;
	color:#4B7520;
	}

div#content h2 {
	margin-bottom:0px;
	color:#4B7520;
	font-size:20px;
	letter-spacing:normal;
}

div#content img {
	margin-bottom:5px;
	margin-top:-9px;
}

div#content ul{
	color:#4B7520;
	margin-bottom:10px;
}

div#content ul li{
	list-style:disc;
	margin-left:15px;
}

div#content ul#education li{
	margin-bottom:8px;
}

div#content div.smaller_line_height {
	line-height:15px;
}

img#contact_img { padding-top:20px;padding-bottom:20px;margin-left:-5px;background-repeat:no-repeat; }

/* Admin
-------------------------------------------------------------- */	
div#admin_bar {
	width:100%;
	height:35px;
	background:black;
	margin:0px;
	padding:0px;
	margin-bottom:20px;
	border-bottom: 4px solid #8cc63f;
	position:relative;
}
div#admin_bar  h2 {
	color:#FFF;
	padding-left:10px;
	padding-top:5px;
	font-size:16px;
}

div#admin_bar  form#logoutForm{
	position:absolute;
	top:5px;
	right:10px;
	height:24px;
	width:78px;
	cursor: pointer; /* hand-shaped cursor */
}

div#content a.edit_page {
	position:absolute;
	right:25px;
	top:60px;
	font-size:18px;
	font-weight:bold;
	color:black;
}

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

/* form (inquiries) 
-------------------------------------------------------------- */

div#content form#inq p, div#content form input { margin: 0px;padding: 0px;}

div#content form#inq p { padding-bottom: 12px;}

div#content form#inq h2{ padding-bottom:25px; }

div#content form#inq p label { width:100px; text-align:right; margin-right:10px; display: block; float:left; }

div#content form#inq textarea { width:350px; height: 175px; }

div#content form#inq #send { float:right; margin-right: 20px; width:5em;}

div#content form#inq input { width: 125px; }

div#content em#form_disclaimer { position:absolute; right:30px; top:108px; width:250px; }

div#content p.error, .error { color:red; }

div#content p.success, .success { color:#f7941e; }

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

div#certifications { 
	height:59px; 
	width:325px;
	margin:45px auto 0px auto;
}

div#certifications img { 
	margin:0px;
	padding:0px;
	float:left;
}