/*
 *  psd2css.css
 *
 *  This is your external CSS style sheet. It defines all of the CSS styles that you
 *  are using in your page.  If you are going to create multiple pages from the same
 *  PSD file (like a template), you will share this CSS style sheet between the various
 *  pages.
 *
 *  
 *
 */

/* You named this layer background_center */
#Layer-1 {
  position: absolute;
  margin-left: -504px;
  left: 50%;
  top: +0px;
  width: 1008px;
  height: 792px;
  z-index: 1;
}

/* You named this layer center_text */
#Layer-2 {
	position: absolute;
	left: 274px;
	top: 226px;
	width: 420px;
	height: 380px;
	z-index: 2;
	/* Here are some suggestions for this area's text settings */
  text-align: left;
	/* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */
  overflow: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #4D4D4D;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	overflow-x: hidden;
}

/* You named this layer right_text */
#Layer-3 {
	position: absolute;
	left: 751px;
	top: 371px;
	width: 208px;
	height: 241px;
	z-index: 3;
	/* Here are some suggestions for this area's text settings */
  text-align: center;
	/* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */
  overflow: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #4D4D4D;
	background-color: #FFFFFF;
	padding: 7px;
	letter-spacing: -1pt;
	overflow-x: hidden;
}

/* You named this layer flash area */
#Layer-4 {
	position: absolute;
	left: 751px;
	top: 226px;
	width: 221px;
	height: 148px;
	z-index: 4;
}

/* You named this layer home_link */
#Layer-5 {
  position: absolute;
  left: 69px;
  top: 248px;
  width: 37px;
  height: 15px;
  z-index: 5;
}

/* You named this layer themission_link */
#Layer-6 {
  position: absolute;
  left: 70px;
  top: 283px;
  width: 82px;
  height: 15px;
  z-index: 6;
}

/* You named this layer faq_link */
#Layer-7 {
  position: absolute;
  left: 70px;
  top: 319px;
  width: 32px;
  height: 17px;
  z-index: 7;
}

/* You named this layer peoplearetalking_link */
#Layer-8 {
  position: absolute;
  left: 70px;
  top: 428px;
  width: 131px;
  height: 14px;
  z-index: 8;
}

/* You named this layer supportthecause_link */
#Layer-9 {
  position: absolute;
  left: 70px;
  top: 356px;
  width: 129px;
  height: 14px;
  z-index: 9;
}

/* You named this layer keepingincontact_link */
#Layer-10 {
  position: absolute;
  left: 70px;
  top: 392px;
  width: 134px;
  height: 14px;
  z-index: 10;
}

/* Here are some examples of how you might want to change the
 * look and behavior of the links on your page.  Some examples for
 * further customization are included in comments.  */
a { cursor: pointer; }
a:link {
	color: #0C77BF;
}
a:visited {
	color: #29ABE2;
}
a:hover {
  color: #F00;
  /* text-decoration: underline; */
  /* font-weight: bold; */
}