body   { font-size: 12px; line-height: 16px; background-color: #f1f1f1 }
td, div, p   { font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 16px; }
img { border: 0; }
h1    { color: #f22626; font-size: 14px; font-weight: bold; margin: 5px 0 3px; padding: 0 }
h2 { color: #000; font-size: 13px; font-weight: bold; margin: 5px 0 3px; padding: 0 }
h3  { color: #766e6e; font-size: 12px; font-style: italic; font-weight: normal; margin: 0 0 1px; padding: 0 }
ul  { margin: 0; padding: 0 0 0 20px }
li  { list-style-type: square; list-style-image: url("../images/bullet.gif"); margin: 0; padding: 0 0 5px }
hr { color:#FF0000; border: dotted #FF0000; border-width: 0px 0px 1px 0px; }
a:link, a:visited { color: #f22626; text-decoration: none }
a:hover { color: #766e6e }
table#main    { background-color: #fff; border-style: solid none; border-width: 8px 0; border-color: #f22626  }
table#container { background-color: #fff; margin-top: 5px; padding: 0px; border: solid 1px #ffffff }
div#header   { position: relative; top: 0; left: 0; margin: 0; padding: 0; width: 800px; height: 76px }
div#headerimage   { margin: 0; padding: 0; width: 175px; height: 66px; max-height: 66px; float: left; z-index: 1; }

div#headertext   { position: absolute; top: 0px; left: 0; color: #f22626; font-size: 11px; text-align: right; margin: 0 20px 0 385px; padding: 57px 0 0; width: 350px; z-index: 2; }
div#headertext a:link, div#headertext a:visited  { color: #000; text-decoration: none }
div#headertext a:hover { color: #f22626; text-decoration: none }
div#headertext .a, a:link span.headeractive, a:visited span.headeractive { color: #bcbcb4; text-decoration: none }

div#supporttab { position: absolute; top: 0px; left: 0; color: #FFFFFF; font-size: 11px; text-align: center; margin: 0 20px 0 239px; padding: 57px 0 0; width: 142px; z-index: 2; }
div#supporttab a { display: block; float: left; background-image: url(../images/top-nav-tab.gif); width: 142px; height: 20px; color: #FFFFFF; }
div#supporttab a:hover { color: #000000; }

a:hover span.headeractive { color: #bcbcb4;}
a:link span.search, a:visited span.search  { color: #f22626; font-weight: bold; font-size: 12px }
a:hover span.search  { color: #ffcf2b; }
table#nav { margin-top: 0px }
div#bottomtab { margin: 0 0 0 185px; padding: 0; width: 195px; height: 39px; }
div#bottomtabsupport { margin: 0 0 0 40px; padding: 0; width: 194px; height: 67px; }
div#bannerad  { margin: 40px 0 0 20px; padding: 0; width: 180px; height: 122px; float: left; clear: none }
div#news   { margin-top: 10px; margin-bottom: 20px; margin-left: 0px; margin-right: 0; padding: 0; width: 580px; clear: none }
div#newsheader { color: #bcbcb4; font-weight: bold; text-transform: uppercase; font-size: 13px; width: 155px; text-align: right; margin-bottom: 10px }
div.newsblock { text-align: left; clear: both; }
div.newscat { font-size: 12px; color: #f22626; font-weight: bold; width: 155px; text-align: right; float: left;}
div.newscat img   { margin-top: 5px; border: solid 1px #bcbcb4; float: right;  }
div.newsitem { margin-left: 165px; font-size: 12px; margin-bottom: 15px; margin-right: 40px }
div.newstitle { font-weight: bold }
div.newsintro {  }
span.readmore { padding-left: 5px }
span.readmore a:link, span.readmore a:visited  { color: #f22626; text-decoration: none }
span.readmore a:hover { color: #ffcf2b; text-decoration: none }
div#quoteblock  { background-color: #f22626; padding: 10px; width: 219px; height: 104px; max-height: 124px; overflow: hidden }
div#quote  { color: #fff; font-size: 13px; font-style: italic; line-height: 16px; text-indent: -5px; letter-spacing: 1px; margin-left: 2px; padding-bottom: 12px }
div#attribution   { color: #000; font-size: 11px; text-indent: -7px; margin-left: 15px }
div#nav_secondary {
	padding: 40px 0 30px 40px;
	font-size: 12px;
	width: 750px;
}
div#nav_secondary a:link , div#nav_secondary a:visited  {
	color: #766E6E; text-decoration: none; background-color: #ffffff; padding: 3px 10px ; border: solid 1px #bcbcb4; white-space: nowrap;
}
div#nav_secondary a:hover {
	color: #766e6e; font-weight: normal; background-color: #efefef;
}
div#nav_secondary .a { color: #fff; background-color: #f22626; padding: 3px 10px ; border: solid 1px #bcbcb4; }
div#content  {
	margin-right: 40px; margin-left: 40px; line-height: 13px;
	width: 700px;
}
div.intext_quote   { color: #766e6e; font-size: 12px; font-style: italic; padding-right: 20px; padding-bottom: 15px; padding-left: 20px; border-bottom: 1px solid #bcbcb4 }
div.intext_attribution  { font-size: 10px; font-style: normal; text-align: right }
span.myvoice { color: #000000; font-style: italic }
div.tertiary a:link, div.tertiary a:visited { color: #f22626; font-size: 12px }
div.tertiary a:hover, div.tertiary a:active { color: #000; font-size: 12px; font-weight: bold }
div.staff_quote { font-size: 12px; font-style: italic; text-indent: -4px; padding-right: 10px; padding-left: 10px }
div#board h2 { margin-top: 10px }
div.employment_item  { margin-top: 20px; padding-top: 5px; border-top: 1px solid #bcbcb4 }
div.projectintro p, div.projectintro  { color: #766E6E; font-size: 12px }
span.project_intro_bold { color: #766e6e; font-style: italic; font-weight: bold }
div.rule_below { margin: 0; padding: 0; border-bottom: 1px solid #efefef }
#content h1 { color: #f22626; font-size: 14px; font-weight: bold; margin: 5px 0 3px; padding: 0; }
#content h1.large { font-size: 20px; padding-bottom: 15px; }
div.title { color: #f22626; font-size: 17px; margin: 5px 0; padding: 0 }
div#article_date { float: right; color: #766e6e }
div#photos-right {
	margin: 0;
	padding: 5px 0 5px 5px;
	width: 200px;
	float: right;
	display: block;
}
div#photos-right img, div#photos-left img    {
	margin: 0 0 5px; padding: 0; outline: solid 1px #000000;
}
div#photos-left {
	margin: 0;
	padding: 5px 5px 5px 0;
	width: 200px;
	max-width: 210px;
	float: left;
 }
.input-control input    { font-size: 10px; background-color: #efefef; margin: 0 0 0 5px; padding: 5px 0 0 5px; border: solid 1px #ffcf2b }
.input-control textarea { font-size: 10px; background-color: #efefef; margin: 0 0 0 5px; padding: 5px 0 0 5px; border: solid 1px #ffcf2b }
span.form_label { font-weight: bold; color: f22626 }
input.button { padding: 0 12px; height: 20px; background-color: #efefef; border: solid 1px #766e6e; margin-left: 3px; font-size: 14px; }
div#checkboxes input { height: 15px; width: 14px; margin-right: 5px; margin-left: 8px  }
div#checkboxes td  { text-indent: -30px; padding-bottom: 15px; padding-left: 25px ; width: 200px }
.input-control .radio-input input { height: 13px; }
.tertiary .toggle-arrow img {
	float: left; padding-right: 5px;
}

.newsletter-article {
}
.newsletter-article img {
	padding: 4px;
}
.newsletter-article h2 {
	clear: both;
}
.newsletter-article h2,
.newsletter-article h3 {
	color: #f22626;
}

div.newsitem2 img  { margin:  -3px 6px 0px 0px; float: left; border: solid 1px #bcbcb4 }
div.newscat2   {
	color: #766e6e; font-size: 10px; font-weight: bold; line-height: 12px; text-transform: uppercase; margin: 0; padding: 0;
}
div.newsitem2 h4  { font-weight: bold; line-height: 12px; margin: 0 0 3px; padding: 0 }
div.newsitem2 h5  { font-weight: bold; line-height: 10px; margin: 0; padding: 0; }

.supporter {
 display: block;
position: relative;
width: 150px;
text-align: center;
float: left;
height: 100px;
margin-top: auto;
margin-bottom: auto;
}
.supporter img {
float: none;
}
.article .newscat2 {
	font-size: 12px;
}

#footer-cont {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 60px;
}
#footer-contact {
	position: relative;
	top: 0;
	margin: 0 auto;
	padding: 5px 0 0 0;
	font-size: 10px;
	text-align: right;
	width: 800px;
	height: 60px;
	color: #B5B1A0;
	background-color: #f1f1f1;
}
#footer-contact p {
	position: relative;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #B5B1A0;
	background-color: #f1f1f1;
}
#footer-contact p a {
	color: #B5B1A0;
	margin: 0;
	padding: 0;
}
#footer-contact p a:hover {
	color: #F22626;
}
#footer-contact p strong {
	font-weight: normal;
	color: #F22626
}
input.donate-button {
	margin: 0;
	padding: 0 0 0 4px;
	background-color: #FFFFFF;
	color: #f22626;
	border: none;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	cursor: pointer;
}
input.donate-button:hover {
	background-color: #FFFFFF;
	color: #000000;
	border: none;
}
.headshot {
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	padding-right: 10px;
	padding-bottom: 10px;
}
.error {
	color: F00;
}
/* GALLERY RELATED STYLE */
div#left-well-container {
	position: relative;
	display: block;
	width: 740px;
	height: 100px;
}
div.gallery-name {
	position: absolute;
	top: 35px;
	left: 15px;
	clear: left;
	font-style: italic;
	color: black;
	font-size: 12px;
}
div.gallery-name strong {
	font-weight: bold;
	color: #F22626;
	font-size: 14px;
}
form.gallery-popdown {
	position: absolute;
	top: 0px;
	left: 0px;
}
select.gallery-popdown {
	background-color: #F1F1F1;
	border: 1px solid #F1F1F1;
	font-size: 12px;
	color: red;
}
select.gallery-popdown {
	color: #F22626;
}
select.gallery-popdown option,
select.gallery-popdown optgroup {
	font-size: 12px;
	color: #F22626;
}
select.gallery-popdown option {
	color: #F22626;
}
.media-thumb {
	padding: 2px;
	width: 67px;
	height: 46px;
	margin: 80px 0px 0px 0px;
	float: left;
	font-size: 50px;
}
.media-thumb a {
	border: 1px solid #bcbcb4;
	padding: 0;
	margin: o;
}
.media-thumb .a {
	border: 1px solid #f22626;
	padding: 0;
	margin: 0;
}
.media-thumb a:hover {
	border: 1px solid #f22626;
	padding: 0;
	margin: 0;
}
.media-thumb a img,
.media-thumb .a img
{
	margin: 0;
	padding: 2px;
	border: none;
}
.media-thumb a,
.media-thumb .a
{
	display: block;
	width: 67px;
	height: 46px;
	text-align: center;
	margin: 0;
	padding: 0;
}
.gallery-pager {
	padding: 2px;
	width: 21px;
	height: 41px;
	margin: 82px 0px 0px 0px;
	float: left;
	border: none;
}
.gallery-pager a {
	border: none;
	padding: 0;
	margin: o;
}
.gallery-pager a:hover {
	border: none;
	padding: 0;
	margin: 0;
}
.gallery-pager a img,
.gallery-pager .a img
{
	margin: 0;
	padding: 0;
	border: none;
	width: 21px;
	height: 41px;
}
.gallery-pager a,
.gallery-pager .a
{
	display: block;
	width: 21px;
	height: 41px;
	text-align: center;
	margin: 0;
	padding: 0;
}
.media {
	text-align: center;
	width: 485px;
	padding: 23px 0 23px 0;
	margin: 0 auto;
}
.media label {
	display: block;
	font-style: italic;
	font-size: 11px;
	padding: 20px 0px;
}

#charter-app form table tr td.input-label {
	padding-top: 10px;
}