/************************************************************************/
/*Block Level Styles                                                    */
/*                                                                      */
/*body, table, td, h1-h6, p, div, span, a, ul, ol, li                   */
/*These styles are read into vars and initialization of the site's      */
/*application, and they're used to define the basic look and feel of    */
/*the front end of the site.                                            */
/*                                                                      */
/*please put any custom classes or styles in the Custom area below this */
/*one                                                                   */
/************************************************************************/
body {
	margin:0;
	padding:0;
}
body, table, td, p, div, span, li {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color: #000000;
}
ul {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
	padding: 0px 0px 0px 20px;
	margin : 0px 0px 0px 0px;
}
h1 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 20px;
	color : #5c3896;
	font-weight : bold;
}
h2 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 17px;
	color : #5c3896;
	font-weight : bold;
}
h3 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	color : #5c3896;
	font-weight : bold;
}
a, a:focus, a:hover, a:visited {
	font-family : Arial, Helvetica, sans-serif;
	font-size : inherit;
	color : #cc0000;
	font-weight : inherit;
}
/************************************************************************/
/*Site Map Styles;                                            */
/************************************************************************/
.sitemapColumn{
	margin:0;
	padding:5px;
}
.sitemapSection{
	font-weight:bold;
}
.sitemapSubSection{
	font-weight:bold;
}
.sitemapPage{
	font-weight:normal;
}

/************************************************************************/
/*Custom Classes and Styles;                                            */
/*                                                                      */
/*Any custom classes or styles needed specifically for this site's      */
/*front end go here.                                                    */
/************************************************************************/

/* HOME TEMPLATE*/
#homeContainer{
	width: 813px;
}
#HeaderLogo{
	float:left;
	width:197px;
}
#headerLogos{
	float:right;
	width:616px;
	text-align:right;
}
#headerLogos img{
	margin-left:10px;
	border:1px solid #999999;
}
#headerLogos #unitedway{
	margin-bottom:10px;
}
#headerLogos #lra{
	margin-top:2px;
}
#headerLogos #bni{
	margin-bottom:10px;
}

#topNav{
	height:28px;
}
#homeLeftCol{
	float:left;
	width:300px;
}
#homeFeature{
	background-color:#7e3019;
	/*background-image:url('/media/images/bg_homeFeature.gif');*/
	background-repeat:repeat-x;
	height: 590px;
}
#homeFeatureContent{
	width:265px;
	/*margin-top:10px;*/
	margin-left:15px;
	color:#fff;
	color:inherit;
	height:300px;
	overflow:auto;
}
#homeFeatureContent p{
	color:#fff;
}
#homeFeatureContent .divOff{
	color:#fff;
}
#homeContentCol{
	float:left;
	width:513px;
}
#homeProgram{
	background-color:#95c4d9;
	background-image:url('/media/images/bg_homeProgram.gif');
	background-repeat: repeat;
	height:185px; /*these are no longer even b/c had to tweak to match up w/ flash*/
}
#homeParticipants{
	background-color:#ffe292;
	background-image:url('/media/images/bg_homeParticipants.gif');
	background-repeat:repeat;
	height:202px;
}
#homeSponsors{
	background-color:#c4df9b;
	background-image:url('/media/images/bg_homeSponsors.gif');
	background-repeat:repeat;
	height:203px;
}
* html #homeSponsors{
	height:213px;
}
.homeBodyContent, .homeBodyContentTall{
	float:left;
	margin-top: 10px;
	margin-left: 15px;
	width:270px;
	height:135px;
	overflow:auto;
}
.homeBodyContentTall{
	height:145px;
}
* html .homeBodyContent{
	width: 260px;
}
.homeBodyNav{
	float:left;
	margin-top:10px;
	margin-left:30px;
	width:180px;
	height:130px;
	/*overflow:auto; not showing correctly netscape mac*/
}
*html .homeBodyNav{
	width:175px;
}

.homeBodyNav ul li{
	list-style:none;
	font-weight:bold;
	padding-bottom:5px;
}
*html .homeBodyNav ul li{
	padding-left:5px;
}
.homeBodyNav ul li a{
	text-decoration:none;
}
#homeProgramLinks ul li{
	list-style-image:url('/media/images/homenav_Program.gif');
}
#homeProgramLinks ul li a{
	color:#0b5f85;
}
#homeParticipantsLinks ul li{
	list-style-image:url('/media/images/homenav_Participants.gif');
}
#homeParticipantsLinks ul li a{
	color:#cc9933;
}
#homeSponsorsLinks ul li{
	list-style-image:url('/media/images/homenav_Sponsors.gif');
}
#homeSponsorsLinks ul li a{
	color:#6c6928;
}
/*INTERIOR TEMPLATE*/
#interiorContainer{
	width: 813px;
}	
#interiorLeftCol{
	float:left;
	width:300px;
	background-color:#7e3019; /*need for ie mac b/c bg_interior doesn't show*/
}
#interiorFeature{
	background-color:#7e3019;
	/*background-image:url('/media/images/bg_homeFeature.gif'); added as dashed line above contribute now btn*/
	background-repeat:repeat-x;
	/*min-height: 546px;*/
	min-height: 400px;
}
* html #interiorFeature{
	/*height: 546px;*/
	height: 400px;
}
#interiorFeatureContent, #interiorFeatureContent p{
	width:265px;
	margin-top:10px;
	margin-left:15px;
	color:#fff;
}
#interiorFeatureContent a{
	color:#FFFFFF;
}
#interiorLeftNav{
	margin-top:10px;
	margin-left:15px;
	color:#fff;
}
#interiorLeftNav a{
	color:#fff;
	text-decoration:none;
}
#interiorContentCol{
	float:left;
	width:513px;
}
#interiorContentContainer{
	background-color:#7e3019; /*ie: need b/c break left nav bgcolor in body is longer than left nav*/
	/*background-image:url('/media/images/bg_interior.gif'); moved to template b/c dynamic*/
	background-repeat:y;
	border-bottom:1px solid #fff; /* don't know why - need this bg image to stretch all the way for netscape, firefox mac*/		
}
#interiorBodyContent{
	padding-top:10px;
	padding-left:15px;
	padding-right:10px;
	/*background-color:#beb2d8; moved to template b/c dynamic*/
	/*min-height:500px; CMC: was using for ie mac but if body content exceeds height bgcolor doesn't extend*/
}
.clear{
	clear:both;
}

/*SUBNAV*/
#interiorLeftNav ul li{
	list-style:none;
	list-style-image:url('/media/images/subnav_arrow.gif');
	color:#beb2d8;
	font-weight:bold;
}
*html #interiorLeftNav ul li{
	padding-left:5px;
}
#interiorLeftNav ul li a{
	color:#beb2d8;
}
.leftDonateIconHome{
	/*margin-left: 190px;*/
	/*border-top: #944b43 dashed 2px; CMC MOD 7/13/06- changed location of buttons*/
	border-bottom: #944b43 dashed 2px;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 5px;
	text-align:right;
	margin-left: 0px;
	margin-top:0;
	text-align:center;
}
.leftDonateIcon{
	/*border-top: #944b43 dashed 2px;CMC MOD 7/13/06*/
	border-bottom: #944b43 dashed 2px;
	width: 100%;
	/*padding-top: 10px;CMC MOD 7/13/06*/
	padding-bottom: 5px;
	text-align:right;
	/*margin-top: 100px;CMC MOD 7/13/06*/
	margin-left: 0px;
	text-align:center;
}
.leftDonateIcon img, .leftDonateIconHome img{
	padding-right:5px;
}

/*FOOTER*/
#footerContainer{
	clear:both;
	padding-top:10px;
}
#footerFFR{
	height:20px;
	padding-top:10px;	
	background-color:#5c3896;
	font-size:10px;	
	text-align:center;
	color:#fff;		
}
#footerFFR a{
	text-decoration:none;
	color:#fff;
}
#footerDP{
	margin-top:5px;
	text-align:center;
	font-size:10px;
	color:#999;		
}
#footerDP a{
	text-decoration:none;
	color:#999;
}

/************************************************************************/
/*Admin Tools Styles and classes;                                       */
/*                                                                      */
/*Used by admintools and administrative displays on the front end       */
/*(Not actually put into use yet - still using admintools.css           */
/************************************************************************/

.formbuilderheader {
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #FFFFFF;
	vertical-align : top;
	background-color : #4c4c4c;
}
.smallfontsize {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9px;
	color : #000000;
}
.errortext {
	padding-bottom : 5px;
	padding-left : 8px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #ffffff;
	background-color : #f4f4f4;
	border : 3px solid #cc0000;
}
.logintext {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #663366;
}
.submitbuttonFront {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;
	text-align : center;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	color : #5D8DB8;
	background-color : #ffffff;
	border: 1px solid #5D8DB8;
}
.submitbuttonGray {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;
	text-align : center;
	padding-left:5px;
	padding-right:5px;
	color : #ffffff;
	background-color : #666666;
	border : 2px ridge #dadada;
}

.formitemlabel{
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #000000;
	vertical-align : top;
	background-color : #dadada;
}
.formitemlabeli3 {
	BACKGROUND-COLOR: #dadada;
	COLOR: #616161;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 5px;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	PADDING-TOP: 5px;
	VERTICAL-ALIGN: top;
	font-style: italic;
}
.frontendformitemlabel{
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #000;
	vertical-align : top;
	font-style : italic;
}
.formitemlabelreq{
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	COLOR: #000000;
	vertical-align : top;
	background-color : #dadada;
}
.formitemlabelreqi3 {
	BACKGROUND-COLOR: #dadada;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 5px;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	PADDING-TOP: 5px;
	VERTICAL-ALIGN: top;
}
.frontendformitemlabelreq{
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #000;
	vertical-align : top;
}
.formiteminput {
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	COLOR: #000000;
	vertical-align : top;
	background-color : #dadada;
}
.formiteminputi3 {
	BACKGROUND-COLOR: #cccccc;
	COLOR: black;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 5px;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	PADDING-TOP: 5px;
	VERTICAL-ALIGN: top;
}
.frontendformiteminput {
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #666666;
	vertical-align : top;
	border-style : none;
}
.formitemcheckbox {
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	COLOR: #000000;
	vertical-align : top;
	background-color : #dadada;
}
.frontendformitemcheckbox {
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #666666;
	vertical-align : top;
}
.frontendinputfield{
	background-color:#F0F0F0;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #666666;
	padding: 1px;
}
.submitbutton {
	BACKGROUND-COLOR: #749BAD;
	BORDER-BOTTOM: #dadada 2px ridge;
	BORDER-LEFT: #dadada 2px ridge;
	BORDER-RIGHT: #dadada 2px ridge;
	BORDER-TOP: #dadada 2px ridge;
	COLOR: #ffffff;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	TEXT-ALIGN: center
}
.successtext {
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #ffffff;
	background-color : #c4c4ff;
	border : 1px dashed #555555;
}
.toolheader {
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 8px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight : bold;
	text-align : right;
	color : #ffffff;
	background-color : #333333;
}
.toolheaderi3 {
	BACKGROUND-COLOR: #5B879C;
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 14px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 6px;
	PADDING-LEFT: 6px;
	PADDING-TOP: 6px;
	PADDING-RIGHT: 6px;
}
.toolTable {
	BACKGROUND-COLOR: #ffffff
}

/************************************************************************/
/*ActivEdit Classes                                                     */
/*                                                                      */
/*Copies of classes that we want to show up in ActivEdit should go here */
/*Class must start with ae, and must have a comment/Label above it that */
/*starts with ae as well.                                               */
/************************************************************************/
	
/*aeBody*/
.aebody {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
}
/*aeTable*/
.aetable {
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}
/*aeTable Cell*/
.aetd {
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}
/*aeDiv*/
.aediv {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
}
/*aeSpan*/
.aespan {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
}
/*aeAddress*/
.aea {
	font-family : Arial, Helvetica, sans-serif;
	font-size : inherit;
	color : #cc0000;
	font-weight : inherit;
}