/*
// Stylesheet
//
// author    Aaron K. White
// url		  http://www.aaronkwhite.com
// copyright 	Copyright (c) 2010, The Renewable Energy Initiative. All rights reserved.
*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
{margin:0;padding:0;}

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background: #ffffff;
	font-family: Tahoma, Geneva, Kalimati, sans-serif;
	letter-spacing: 1px;
	font-weight: normal;
	font-size: 100%;
	line-height: 125%;
	color:  #333333;
}

#container {
	width: 915px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 5px;
	overflow: auto;
}

#header {
	
}

#logo {
	float: left;
	margin: 0;
	padding: 0;
}

#navigation {
	float: right;
	display: block;
	margin: 0;
	padding: 0;
}

#navigation ul {
	margin: 112px 15px 0 0;
	padding: 0 0 14px 0;
    list-style: none;
    color: #016968;
}

#navigation ul li {	
	margin: 0;
	padding: 0;
    font-size: 95%;
    display: inline;
}

#navigation ul li.current {
	margin: 0;
	padding: 15px 10px 15px 10px;
    color: #fff;
    background: #016968;
    
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
}

#navigation a {
	margin: 0 10px 0 10px;
	padding: 0;
	color: #016968;
}

#navigation a:hover {
	margin: 0;
	padding: 15px 10px 15px 10px;
	color: #fff;
	background: #016968;
	text-decoration: none;
	
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
}

#banner {
	clear: both;
	display: block;
	width: 915px;
	height: 225px;
	margin: 0 auto 15px auto;
	padding: 0;
	overflow: hidden;
	background: none;
}

#banner img { display: none }



#banner-sm {
	clear: both;
	width: 915px;
	height: 100px;
	margin: 0 0 15px 0;
	padding: 0;
	overflow: hidden
}


.clear {
	clear: both;
}


#main {
	float: left;
	margin: 0;
	padding: 0 0 0 5px;
	width: 65%;
}

#sidebar {
	float: right;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 275px;
	display: block;
	margin: 0;
	background: url(../images/box-top.png) no-repeat top;
}

#newsletter {
	margin: 10px auto 0 auto;
	padding: 0 5px 10px 5px;
	width: 265px;
	color: #fff;
	background: #016968;
}

#mc_embed_signup {
	margin: 0 auto 0 auto;
	display: block;
	padding: 0;
}

#mc_embed_signup legend {
	margin: 0;
	padding: 5px 0 15px 0;
	font-size: 115%;
	text-align: center;
}

#mc_embed_signup .indicate-required {
	clear: both;
	display: inline-block;
	float: right;
	margin: 0;
	padding: 0 20px 5px 0;
	font-size: 80%;
}

#mc_embed_signup input {
	clear: both;
	display: block;
	margin: 0 auto 15px auto;
	font: inherit;
	color: #333333;
	padding: 2px;
	width: 225px;
	background: #fff;
	border: none;
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#mc-embedded-subscribe.btn {
	float: right;
	width: auto;
	margin: 0 20px 0 0;
	padding: 10px; 
	font-size: 150%;
	color: #fff;
	background: #00a6a0;
}

#mc-embedded-subscribe.btn:hover {
	margin: 0 20px 0 0;
	padding: 9px;
	color: #fff;
	background: #00627f;
	border: #00a6a0 solid 1px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

#mce-error-response {
	margin: 0;
	padding: 15px 0 15px 0;
	font-size: 90%;
	text-align: center;
}

#mce-success-response{
	margin: 0;
	padding: 15px 0 15px 0;
	font-size: 90%;
	text-align: center;
}

#donation {
	margin: 0 auto 25px auto;
	padding: 10px 5px 15px 5px;
	width: 265px;
	color: #fff;
	background: #1c5465 url(../images/box-bottom.png) no-repeat bottom;
	border-top: #01837a solid 1px;
}

#donation input {
	margin: 0 auto 0 auto;
	display: block;
}

#donation h4 {
	width: 100%;
	margin: auto;
	padding: 0 0 10px 0;
	font-size: 90%;
	line-height: 140%;
	text-align: center;
}

ul.buttons {
	margin: 40px 0;
	padding: 0;
	list-style: none;
}

ul.buttons li {
	margin: 5px 0 5px 0;
	padding: 0;
}

#footer {
	clear: both;
	margin: 15px 0;
	padding: 0 0 10px 0;
	font-size: 65%;
	font-family: Verdana, Geneva, Kalimati, sans-serif;
	border-top: 2px solid #016968;
}

#footer .left {
	float: left;
	display: block;
}

#footer .right {
	float: right;
	text-align: right;
}

#footer ul.right {
	margin: 30px 5px 0 0;
	padding: 0 0 12px!important;
}

#footer ul {
	margin: 5px 0 0 5px;
	padding: 0 25px 0 0;
	list-style: none;
}

#footer ul li {
	margin: 0;
	padding: 0;
}


a {
	color: Blue;
	text-decoration: underline;
}

a:hover {
	color: #00a6a0;
	text-decoration: underline;
}

a:visited {
	
}

a.img {
	border: none;
}

img.right {
	float: right;
	margin: 0;
	padding: 0 0 0 10px;
	text-align: right;
}

img.left {
	float: left;
	margin: 0;
	padding: 0 10px 0 0;
	text-align: left;
}

p {
	padding: 0 0 15px 0;
}

strong {
	font-weight: bold;
}

ul {
	margin: 0;
	padding: 0 0 10px 0;
	list-style-type: disc;
	list-style-position: inside;
	color: #333333;
}

ul li {
	margin: 0;
	padding: 0 0 10px 15px;
}

dt {
	margin: 0;
	padding: 0 0 10px 0;
	font-weight: bold;
}

dd {
	margin: 0;
	padding: 0 0 25px 0;
}

h2 {
	margin: 0;
	padding: 5px 0 15px 0;
	font-size: 150%;
	line-height: 150%;
}

h3 {
	margin: 0;
	padding: 5px 0 10px 0;
	font-size: 125%;
	line-height: 120%;
}

blockquote {
	margin: 0;
	padding: 0 0 5px 15px;
	color: #666666;
}


.callout {
	margin: 0 auto 10px auto;
	padding: 10px 10px 0 10px;
	width:  85%;
	display: block;
	background: #e0e0e0;
	border: #999999 solid 1px;	
	
	
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomright: 6px;
	
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
}

.callout  h3 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
}

small {
	margin: 0;
	padding: 0;
	font-size: 75%;
}

ul.supporters {
	margin: 0;
	padding: 0;
	font-size: 80%;
	list-style-type: none;
	list-style-image: none;
}

ul.supporters li {
	margin: 0;
	padding: 0 0 25px 0;
	list-style: none;
}


table.sample {
	border-width: 2px;
	padding: 10px 10px 10px 15px;
	
}
table.sample th {
	border-width: 1px;
	padding: 10px 10px 10px 15px;	border-style: ridge;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}
table.sample td {
	border-width: 1px;
	padding: 5px 5px 5px 5px;
	border-style: inset;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}
