html, body {
	height: 100%;
	}
body {
	 background-image: url(../images/background.png); /** Link to the image you created **/
     background-repeat: repeat-y; /** Repeats the image vertically **/
	 background-position: center; /** Centers the Background image **/
	 background-color: #a6bf79; /** Website BG colour (matches canvas colour in Step 1) **/
	 color: #666666;
	 font-family:Verdana, Helvetica, Sans-Serif;
	 font-size: .875em;
	 margin: 0px;
	 padding: 0px;
}
.clear{clear:both;}
* {
	margin: 0px;
	padding: 0px;
}
#container {
	background-color:#fff;
	margin: 0px auto;
	text-align: left;
	width: 1000px;
	min-height: 100%;

}
a{
	font-size:.875em;
}
a:visited{
 color:#85a157;
}

p{
	margin: 15px 0px;
}
img {
	padding:5px;
}

/********************** Header***************************/
#header {
	margin:0px;
	position:relative;
	width: 1000px;
	padding: 0px;
	height: 120px;
	background-image:url(../images/turbine-header-small3.jpg);
	background-color:#9CC2E7;
}
#header_text {
	top:136px;
	left:50px;
	width:250px;
	position:absolute;
}
#header_text p{
	font-size: 1.2em;
	color:#FFFFFF;
	font-family: Calibri, Helvetica, Sans-Serif;
}
#header_text a{
	color:#FFFFFF;
	font-size: 1.4em;
}
#header_text a:hover{color:#000;}

#logo_w1 {
	font-size: 3.5em;
	color:#FFFFFF;
	position:absolute;
	width: 497px;
	font-family: Calibri, Helvetica, Sans-Serif;
	font-weight: bold;
	top:20px;
	left:140px;
}
#logo_w2 {
	font-size: 1.2em;
	color:#FFFFFF;
	position:absolute;
	width: 752px;
	font-family: Calibri, Helvetica, Sans-Serif;
	top:80px;
	left:160px;
}
#warm-logo-header {
	display:block;
	position:absolute;
	top:10px;
	left:10px;
	width:100px;
	height:98px;
	background: url("../images/index/warm-header.png") no-repeat 0 0;
}
#warm-logo-header:hover {
	background-position: 0 0px;

}
#warm-logo-header span {
	display: none;
}

#list li{
	display:inline;	
	font-family: Calibri, Helvetica, Sans-Serif;
	font-size:1em;
	float:right;
	margin-top:10px;
	margin-right:10px;
}
#list a{
	color:#FFFFFF;
	text-decoration:none;
}
#list a:hover {
	text-decoration:underline;
	color: #000000;
}
/********************** Menu ***************************/
#menu {
	text-align: center;
	z-index:1000;
}
#nav, #nav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	background-color:#85a157; /* right border background color*/
	border-top:1px solid #fff;
	line-height:2; /* Changes the menu height*/
	font-family: Calibri;
	position: absolute;
	width: 1000px;
	z-index:1000;

}

#nav a {
	display: block;
	width: 8.7em;
	text-decoration:none;
	color:#FFFFFF;
	font-size: 1.5em; /*Changes link font-size and line-height*/
	font-weight: bold;
	background-color: #85a157; /* main background color behind link text */
	z-index:1000;
}
#nav a:hover {
	text-decoration:underline;
	color: #000000;
	background-color: #85a157; /* main hover background color behind link text */
	z-index:1000;
}
#nav li {
	float: left;
	width: 14em; /*Changes how far the menu stretches horizontally*/
	background-color: #85a157;/* menu border background color*/
	padding: 10px 0px; /* Changes padding around the menu*/
	margin: 0px;
	z-index:1000;
}

#nav li ul { /* Setting affect drop-down text*/
	position: absolute;
	width: 13em;
	left: -999em;
	border-top: none;
	background-color: #85a157; /* doesn't change anything*/
	padding: 0px 0px 0px 15px;
	font-size: .9em; /* changes the font size of the drop-down menu text*/
	text-align: left;
	z-index:1000;
	font-size: .8em; /*Changes link font-size and line-height for drop-down text*/
	line-height:1.2; /*changes the height spacing between the drop-down text*/
}
#nav li:hover ul {
	left: auto;
	background-color: #85a157; /* doesn't change anything*/
	z-index:1000;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	background-color: #85a157; /* secondary hover background color*/
	z-index:1000;
}
/********************** Content ***************************/
#content {
	width:1000px;
	background-color:#fff;
	margin:0px;
}
img{
	border:none;
}
h1{
	color:#333333;
	font-size:1.4em;
	margin: 10px 0px 10px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h2{
	color:#006600;
	font-size:1.2em;
	margin: 20px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
/********************** Left Split ***************************/
#left-split {
	float:left;
	width:600px;
	margin-left:0px;
	padding: 40px 10px 10px 20px;
	display:inline;
	margin-top: 40px;
	line-height:1.6em;
	font-family:Verdana, Helvetica, Sans-Serif;
	font-size:1.1em;
}
#left-split a{
	color:#c77e0c;
	font-size:.9em;
	text-decoration:none;
	font-weight: bold;
}
#left-split a:hover{
	color:#85a157;
	text-decoration:underline;
}
#left-split ul{
	margin:10px 0px 0px 20px;
}
#left-split li{
	margin:1em 0em;
	list-style:none;
}
#left-split dl{
	margin:10px 0px 0px 20px;
}
#left-split dt{
	margin:2em 0;
	list-style:none;
}
/********************** Right Split ***************************/
#right-split {
	float:right;
	width:300px;
	padding: 40px 10px 10px 10px;
	margin-top:45px;
	margin-bottom: 10px;
	border-left: 2px solid #CCCCCC;
	line-height:1.6em;
	font-family:Verdana, Helvetica, Sans-Serif;
	font-size:1.1em;
}
#right-split a{
	color:#c77e0c;
	text-decoration:none;
	font-size:.9em;
	font-weight:bold;
}
#right-split a:hover{
	color:#85a157;
	text-decoration:underline;
}
#right-split ul{
	margin:10px 0px 0px 20px;
}
#right-split li{
	margin:5px;
}

#AccordionDiv {
	font-family: Verdana;
    font-size: 16px;
	color: #ffffff;
	color: #aaaaff;
	text-decoration:underline;
}
/********************** Left ***************************/
#left {
	float:left;
	width:945px;
	margin-left:0px;
	padding: 50px 10px 10px 20px;
	display:inline;
	margin-top: 40px;
	line-height:1.6em;
	font-family:Verdana, Helvetica, Sans-Serif;
	font-size:1.1em;
}
#left a{
	color:#c77e0c;
	font-size:.9em;
	text-decoration:none;
	font-weight:bold;
}
#left a:hover{
	color:#85a157;
	text-decoration:underline;
}
#left ul{
	margin:10px 0px 0px 30px;
}
#left li{
	margin:1em 0em;

}
#left dl{
	margin:10px 0px 0px 20px;
}
#left dt{
	margin:.5em 0em;
}
/********************** Right ***************************/
#right {
	float:right;
	width:300px;
	padding: 50px 10px 10px 10px;
	margin-top:40px;
	margin-bottom: 10px;
	border-left: 2px solid #CCCCCC;
	line-height:1.6em;
	font-family:Verdana, Helvetica, Sans-Serif;
	font-size:1.1em;
}
#right a{
	color:#c77e0c;
	text-decoration:none;
	font-size:.9em;
	font-weight:bold;
}
#right a:hover{
	color:#85a157;
	text-decoration:underline;
}
#right ul{
	margin:10px 0px 0px 20px;
}
#right li{
	margin:5px;
}

#warm_logo {
	text-align:left;
	width: 300px;
	vertical-align: text-bottom;
	margin-top: 30px;
	border-top: 2px solid #CCCCCC;
	padding-top:10px;
	line-height:100%;
	font-size:.875em;
}
/********************** Footer ***************************/
#footer {
	clear:both;
	width:100%;
	text-align:center;
	padding: 10px 0px;
	margin:20px auto 0px auto;
	border-top: 2px solid #CCCCCC;
}
#footer a {
	text-decoration:none;
	color:#c77e0c;
}
#footer a:hover {
	color:#85a157;
	text-decoration:underline;
}
#footer ul{
	width:100%;
	display:block;
	margin:auto;
	text-align:left;
	font-size:1.4em;
	list-style:none;
}
#footer li{
	font-size:16px;
	list-style:none;
}
#footer ul a{
	text-decoration:none;
	color:#666666;
	margin: 0px 30px;
}
#footer ul a:hover{
	text-decoration:underline;
	color:#28556b;
}
/********************** Footer Buttons ***************************/
#facebook
{
  display: block;
  width: 47px;
  height: 50px;
  background: url("../images/buttons/facebook.jpg") no-repeat 0 0;

}

#facebook:hover
{ 
  background-position: 0 -49px;
}

#facebook span
{
  display: none;
}
#twitter
{
  display: block;
  width: 50px;
  height: 49px;
  background: url("../images/buttons/twitter.jpg") no-repeat 0 0;

}

#twitter:hover
{ 
  background-position: 0 -49px;
}

#twitter span
{
  display: none;
}
#news
{
  display: block;
  width: 50px;
  height: 51px;
  background: url("../images/buttons/news.jpg") no-repeat 0 0;

}

#news:hover
{ 
  background-position: 0 -50px;
}

#news span
{
  display: none;
}
#youtube
{
  display: block;
  width: 50px;
  height: 58px;
  background: url("../images/buttons/youtube.jpg") no-repeat 0 0;

}

#youtube:hover
{ 
  background-position: 0 -54px;
}

#youtube span
{
  display: none;
}
#blog
{
  display: block;
  width: 50px;
  height: 50px;
  background: url("../images/buttons/blog.jpg") no-repeat 0 0;

}

#blog:hover
{ 
  background-position: 0 -50px;
}

#blog span
{
  display: none;
}
#calendar
{
  display: block;
  width: 50px;
  height: 51px;
  background: url("../images/buttons/calendar.jpg") no-repeat 0 0;

}

#calendar:hover
{ 
  background-position: 0 -53px;
}

#calendar span
{
  display: none;
}
#newsletter-button
{
  display: block;
  width: 200px;
  height: 70px;
  background: url("../images/buttons/newsletter-button.png") no-repeat 0 0;

}

#newsletter-button:hover
{ 
  background-position: 0 -70px;
}

#newsletter-button span
{
  display: none;
}
#donate-button
{
  display: block;
  width: 201px;
  height: 70px;
  background: url("../images/buttons/donate-button.png") no-repeat 0 0;

}

#donate-button:hover
{ 
  background-position: 0 -70px;
}

#donate-button span
{
  display: none;
}
/********************** Homepage Buttons ***************************/
#jason-banner
{
  display: block;
  width: 300px;
  height: 203px;
  background: url("../images/services/jason_mclennan.png") no-repeat 0 0;

}
#jason-banner:hover
{ 
  background-position: 0 -203px;
}

#jason-banner span
{
  display: none;
}
#chase-small
{
  display: block;
  width: 300px;
  height: 157px;
  background: url("../images/index/chase_small.jpg") no-repeat 0 0;

}
#chase-small:hover
{ 
  background-position: 0 -157px;
}

#chase-small span
{
  display: none;
}
#contract
{
  display: block;
  width: 300px;
  height: 110px;
  background: url("../images/index/contracting-workshop.png") no-repeat 0 0;

}
#contract:hover
{ 
  background-position: 0 -110px;
}

#contract span
{
  display: none;
}
