/* General Styles */

body {
margin: 0;
padding: 0;
color: #4D4D4D;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
text-align: center;
background: #F0F0F0;
}

a {
color: #004422;
}

a:hover {
color: #006622;
}

a:visited {
color: #002211;
}

a:visited:hover {
color: #006622;
}

p {
margin: 0px 0px 12px 0px;
}

img {border:0}

/* Container for all elements */

#container {
width: 760px;
text-align: left;
margin: 0 auto 0 auto;
background: url(/css/images/back_container.gif) #F0F0F0 repeat-y;
padding: 0 !important;
line-height: 1.5em;
}


/* For the membership application */

#members {
float: left;
width: 760px;
margin: 20px 20px 0px 20px;
padding: 10px;
text-align: left;
background-color: #fff;
background-repeat: no-repeat;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
}


/* banner */

#banner_image {
height: 100px;
padding: 0px 19px 0px 21px;
background: url(/css/images/peoplepower_banner.jpg) no-repeat;
}

#banner_image h1
{
	font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 0;
	margin: 0px 0px 0px 80px;
	padding-top: 0px;
	font-size: 14px;
	line-height: 14px;
}

#banner_image h2
{
	font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #003300;
	padding: 0;
	margin: 0px 6px 0px 80px;
	padding-top: 54px;
	font-size: 14px;
	line-height: 18px;
}

/*
#banner_image h2 {
margin: 0px 20px 0px 0px;
font-size: 13px;
line-height: 14px;
}

#banner_image img {
float: left;
margin: 0 0 0 0;
}
*/


/* Navigation Bar */

#navlist
{
padding: 12px 0px 4px 0px;
clear: both;
background-color: #007e00;
margin: 0px 19px 0px 19px;
border-top: 1px solid #AAAAAA;
border-bottom: 1px solid #777777;
font: bold 11px Tahoma, Geneva, Arial, Helvetica, sans-serif;
text-align: center;
line-height: 11px;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #777777;
border-bottom: none;
background: #bbccbb;
text-decoration: none;
}

#navlist li a:link { color: #003300; }
#navlist li a:visited { color: #003300; }

#navlist li a:hover
{
color: #003300;
background: #ffffff;
border-color: #777777;
}

#navlist li a#current
{
background: white;
border-bottom: 1px solid white;
}




/* Content (on Left Side) */

#content {
float: left;
display: inline;
width: 430px;
margin: 20px 20px 0 40px;
background-color: #fff;
background-repeat: no-repeat;
padding: 0px;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
}

/*
* html #content {
margin-left: 5px;
}
*/

#content h1, #members h1 {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 20px;
color: #004400;
margin: 15px 0 6px 0;
}

#content h2, #members h2 {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 17px;
color: #004400;
margin: 15px 0 3px 0;
}

#content h3, #members h3 {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 15px;
color: #004400;
margin: 15px 0 3px 0;
}

#content li, #members li {
margin-bottom: 8px;
}

#content ul, #content ol, #members ul, #members ol  {
padding-left: 20px;
}

#content dt, #members dt {
font-weight: bold;
}

#content dd, #members dd {
margin-bottom: 8px;
}


/* sidebar */
#sidebar
{
	float: left;
	width: 220px;
	margin: 20px 29px 0 0;
	padding: 0px 4px 4px 8px;
	background-color: #F4F4F4;
	border: solid #cccccc 1px;
	color: #787878;
}

#sidebar h1{
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #004400;
margin: 12px 0 0px 0;
padding: 0px;
}

#sidebar h2 {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #004400;
margin: 8px 0 4px 0;
padding: 0px;
}

#sidebar h3 {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #004400;
margin: 6px 0 3px 0;
padding: 0px;
}

#sidebar h4
{
	font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #004400;
	margin: 6px 0 3px 0;
	padding: 0px;
	text-align: right;
	font-weight: normal;
}

#sidebar h5 {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #004400;
margin: 6px 0 3px 0;
padding: 0px;
}

#sidebar p
{
font-size: 11px;
line-height: 16px;
margin-left: 10px;
}


/* footer */
#footer
{
	clear: both;
	text-align: center;
	font-size: 11px;
	margin: 0;
	padding: 30px 0 15px 0;
}

	
#footer-org {
padding: 5px;
margin: 10px 19px 10px 19px!important;
color: #FFFFFF;
background-color: #007e00;
}

#footer-org a,#footer-company a:visited {
color: #CCFFCC;
}

#footer-org a:hover,#footer-company a:visited:hover {
color: #FFFFFF;
}

#footer-standards{
font-size: 10px;
padding: 0;
margin: 5px !important;
}

#img_center img {
	border: solid #999 1px;
}

#img_right img {
	border: solid #999 1px;
	float: right;
	margin: 0px 0px 10px 10px;
}

#hr {
border: 1px solid #cccccc;
margin: 20px 40px;
border-bottom: none;
}

.alert {
color: #C00;
font-weight: bold;
background-color:#FF0;
padding:3px;
}

.required {
color: #C00;
font-weight: bold;
}

.field_label {
	font-weight: bold;
	text-align: right;
}

/* For making my classic pretty tables with grey 1-pixel cellspacing, dark grey header, and white table body */

table.collapsed {margin: 0px; border-collapse: collapse;  border: 2px solid #ccc;}
table.collapsed thead {background: #eee; font-weight:bold;}
table.collapsed thead td {padding: 3px; border: 1px solid #ccc;}
table.collapsed tbody tr {}
table.collapsed tbody td {padding: 3px; border: 1px solid #ccc;}
table.collapsed colgroup {}
table.collapsed col {}
table.collapsed td {}
table.collapsed td.section {background: #eee; font-weight:bold;}
table.collapsed th {}



/* For making my classic pretty tables with grey 1-pixel cellspacing, dark grey header, and white table body */

table#collapsed {margin: 0px; border-collapse: collapse;  border: 2px solid #ccc;}
table#collapsed thead {background: #eee; font-weight:bold;}
table#collapsed thead td {padding: 3px; border: 1px solid #ccc;}
table#collapsed tbody tr {}
table#collapsed tbody td {padding: 3px; border: 1px solid #ccc;}
table#collapsed colgroup {}
table#collapsed col {}
table#collapsed td {}
table#collapsed th {}
.align_center {text-align:center;}

/* Members Navigation Bar */

#navmem
{
padding: 0;
clear: both;
background-color: #007e00;
margin: 0;
border-top: 1px solid #AAAAAA;
border-bottom: 1px solid #777777;
font: bold 11px Tahoma, Geneva, Arial, Helvetica, sans-serif;
text-align: left;
line-height: 11px;
}

#navmem ul
{
margin: 10px 0px 3px 10px;
padding: 0px;
}

#navmem li
{
list-style: none;
margin: 0;
display: inline;
}

#navmem li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #777777;
border-bottom: none;
background: #bbccbb;
text-decoration: none;
}

#navmem li a:link { color: #003300; }
#navmem li a:visited { color: #003300; }

#navmem li a:hover
{
color: #003300;
background: #ffffff;
border-color: #777777;
}

#navmem li a#current
{
background: white;
border-bottom: 1px solid white;
}


/* Members Tables and Forms */

div#members
{
line-height: 1em;
}

div.form_button {
float: left;
padding: 5px;
}

div.form_buttons {
clear: both;
}

input {
 font-size: 11px;
 background-color: #eee;
 border-top: 1px solid #ddd;
 border-right: 1px solid #bbb;
 border-bottom: 1px solid #bbb;
 border-left: 1px solid #ddd;
}

/* Member Forms */
#members table#collapsed {margin: 0px; border-collapse: collapse;  border: 2px solid #ccc;}
#members table#collapsed thead {background: #eee; font-weight:bold;}
#members table#collapsed thead td {padding: 2px; border: 1px solid #ccc;}
table#collapsed tbody tr {}
#members table#collapsed tbody td {padding: 2px; border: 1px solid #ccc;}
table#collapsed colgroup {}
table#collapsed col {}
table#collapsed td {}
table#collapsed th {}
#members .align_center {text-align:center;}

.float_left {
float:left;
}

.float_right {
float:right;
}

/* Floating an image to the right side of the content area */
.img_right {
	float: right;
	margin: 10px 0 10px 10px;
}

.img_right img {
	border: solid #999 1px;
}


/* Floating an image to the left side of the content area */
.img_left {
	float: left;
	margin: 10px 10px 10px 0;
}
.img_left img {
	border: solid #999 1px;
}


/* For adding photo captions and reducing font size */

.caption {
	font-size:10px;
	}

#donation_button{
-moz-border-radius: 10px;
font-size: 14px;
font-weight: bold;
padding-bottom: 2px;
}
#donation_button:hover{
background-color:#ddd;
}
#donation_button:active{
background-color:#eee;
}