/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0;
	padding: 0;
	background: #FFFFFF url(images/img1.gif) repeat-x;
	text-align: justify;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8F8F8F;
}

h2, h3, h4, h5, h6 {
	margin: 0;
}

h2 {
	letter-spacing: -1px;
	font-size: 26px;
	font-weight: normal;
	color: #31576F;
}

h2 em {
	font-weight: bold;
	font-style: normal;
}

h3 {
	height: 25px;
	background: #0077A7 url(images/img3.gif) repeat-x left bottom;
	padding: 13px 0 0 20px;
	font-size: 11px;
	color: #FFFFFF;
}

p, ol, ul {
	line-height: 130%;
}

ul {
	margin-left: 0;
	padding-left: 0;
	list-style-position: inside;
}

/*li {padding-bottom:4px}*/

a {
	color: #6B6B6B;
}

a:hover {
	text-decoration: none;
}

.image {
	float: left;
	margin: 0 20px 0 0;
}

.bg1 {
	padding: 0 20px 20px 20px;
	border-top: 1px solid #FFFFFF;
	background: #FFFFFF url(images/img4.gif) repeat-x;
}

.bg2 {
	padding: 20px 10px 20px 20px;
	border-top: 1px solid #CBE1EF;
	background: #FFFFFF url(images/img4.gif) repeat-x;
}

/* Header */

#header {
	width: 892px;
	height: 160px;
	margin: 0 auto;
}

#header * {
	margin: 0;
	padding: 0;
	text-transform: lowercase;
	color: #FFFFFF;
}


#header h1 {
	float: left;
	padding: 70px 0 0 10px;
	font-size: 33px;
}

#header img {
	float: left;
	padding: 10px 60px 20px 10px;
	font-size: 11px;
	font-weight: normal;
}



/* Content */

#content {
	width: 892px;
	margin: 0 auto;
}

#colOne {
	float: left;
	width: 186px;
}

#colOne ul {
	padding-left: 0;
	list-style: none none outside;
}

#colOne li {
	padding: 5px 0;
	background: url(images/img6.gif) repeat-x;
}

#colOne li.first {
	background: none;
}

#colTwo {
	float: right;
	width: 686px;
}

/* Footer */

#footer {
	clear: both;
	width: 892px;
	margin: 0 auto;
	padding: 30px 0;
	background: url(images/img7.gif) repeat-x
}

#footer p {
	margin: 0;
	text-align: center;
	text-transform: lowercase;
}

/*from 1st stylesheet*/
	
.rightstuff {
	float:right;
	width:170px;
	padding:3px;
	margin:3px;
	}
	
.rightstuff a {border:0;  text-decoration:none; }
.rightstuff img a {border:0; display:none;}

.register {display:block; width:180px; height:35px; padding-top:4px; background-image:url(images/register.png); background-repeat:no-repeat;}
.register:hover {background-image:url(images/registerover.png);}
.donate {display:block; width:180px; height:35px; padding-top:4px; background-image:url(images/donate.png); background-repeat:no-repeat;}
.donate:hover {background-image:url(images/donateover.png);}
.volunteer {display:block; width:180px; height:35px;  background-image:url(images/volunteer.png); background-repeat:no-repeat;}
.volunteer:hover {background-image:url(images/volunteerover.png);}
.e2ma_signup_message {display:none;}
.e2ma_signup_image_container {display:none;}

.hiddenpic {display:none;}

@charset "UTF-8";
/* Controls width of your form */
.e2ma_signup_form {
	width:180px;
}

/* Controls the style, width, and font style of the text input, select and textarea fields */
.e2ma_signup_form input[type=text],
.e2ma_signup_form textarea,
.e2ma_signup_form select { 
	border:1px solid #ccc; 
	font-family:Verdana, sans-serif;
	font-size:10px;
	width: 65px; 
}

/* Controls width, style, and padding of the table border outlines around individual member fields */
.e2ma_signup_form_row {
	border:1px solid #ddd;
	padding:5px;
	margin-bottom:5px;
	width:150px
}

/* Controls alignment and display of image in welcome message */
.e2ma_signup_image_container {
   display:none; width:0px; height:0px
}

/* Controls border around signup image (when image is linked) */
.e2ma_signup_image {
      display:none; right:100000px
}

/* Controls style and formatting of welcome message */
.e2ma_signup_message {
  display:none;
  color:#FFFFFF;
}

/* Controls style and formatting of form field labels (first name, last name, etc.) */
.e2ma_signup_form_label {
	font-family:Verdana, sans-serif;
	font-size:10px;
	color:#333333;
	text-align:left;
	padding-top:5px;
}

/* Controls spacing and style for any text used to list options under multiple choice fields) */
.e2ma_signup_form_element {
	font-family:verdana;
	font-size:10px;
	color:#333333;
}

/* For signup screens that are set to allow people to select which audience groups they'd like to join: Controls style for "Select your interests..." text */
.e2ma_signup_form_group_label {
	font-family:Verdana, sans-serif;
	font-size:10px;
	color:#333333;
	font-weight:normal;
}

/* For signup screens that are set to allow people to select which audience groups they'd like to join: Controls style and spacing for groups displayed as options */
.e2ma_signup_form_groups {
	font-family:Verdana, sans-serif;
	font-size:10px;
	color:#333333;
	border:1px solid #dddddd;
	padding:5px;
	margin-bottom:5px;
}

/* Controls the style and spacing of the word "required" and border surrounding that text */
.e2ma_signup_form_required_footnote {
	font-family:Verdana, sans-serif;
	font-size:10px;
	color:#333333;
	border:1px solid #dddddd;
	padding:5px;
	margin-bottom:5px;
	width:150px;
	}

/* Controls the color of the asterisk that indicates a field is required */
.e2ma_signup_form_required_asterix {
	color:#FF0000;
}

/* Controls the alignment of "submit" and "clear" buttons */
.e2ma_signup_form_button_row {
	float:left;
}

/* Controls display of the "clear" button */
.e2ma_signup_form_button_row #e2ma_signup_reset_button {
	display: inline;
}

/*Overrides browser default settings for button styles (for additional control of "submit" and "clear" buttons) */
.e2ma_signup_form_button { 
    width: 60px !important;
}

.headertxt {font-size:18px}

.gold {margin-bottom: 10px; min-height: 10em;}
.gold img{margin-right: 10px; vertical-align:middle; border:0}

.silver {margin-bottom: 10px}
.silver img{margin-right: 29px; vertical-align:middle; border:0}

.bronze {margin-bottom: 10px}
.bronze img{margin-right: 11px; vertical-align:middle; border:none}
.bronze img a, .gold img a , .silver img a {border:none}

.bg1 li {clear:both}