/* --------------------------------------- */
/* --( Page Styles )-- */
/* --------------------------------------- */   

body, html {
  margin: 0px;
  padding: 0px;
  color: #333366;
  font-size: .9em;
  font-family: sans-serif;
  line-height: 1em;
  background: #eaeaea;
  background-image: url(../_img/psp_bkgd.gif);
}

a {
  outline: none;
}

a:link {
  color:#333366;
}

a:visited {
  color:#333366;
}

a:hover {
  color:#990000;
}

body, html img {
  border: 0px;;
}

#wrap {
  width: 898px;
  margin: 0px auto;
  background: #eaeaea;
  background-image:  url('../_img/background.gif');
  background-repeat: repeat-y;
  border: 1px solid #333366;
}

#header_container {
  background: #333366;
  padding: 0px;
  margin: 0px;
}

#nav_container {
  height: 26px;
  padding: 0px;
  background: #ffe7be;
  border-top: 1px solid #333366;
  border-bottom: 1px solid #333366;
}

#content_container {
  float: right;
  width: 740px;
  padding: 0px 0px 30px 0px;
  margin: 0px;
  background: #ffffff;
}

#index_container {
  float: right;
  width: 740px;
  padding: 0px;
  margin: 0px;
  background: #eaeaea;
}

#index_content {
  padding: 0px;
  margin: 0px;
}

#main_content {
  text-align: left;
  padding: 0px 60px 0px 40px;
  line-height: 1.5em;
  font-size: 1em;
  width: 640px;
}

.center {
  text-align: center
}


/* --------------------------------------- */
/* --( Index Page Styles )-- */
/* --------------------------------------- */   

#home_photo {
  position: relative;
  width: 740px;
  height: 300px;
}

#home_donate {
  position: absolute;
  width: 125px;
  top: 215px;
  left: 475px;
}

#home_openHouse {
  position: absolute;
  width: 355px;
  top: 15px;
  left: 350px;
  text-align: center;
}

#home_changealife {
  position: absolute;
  width: 355px;
  top: 30px;
  left: 330px;
  text-align: center;
}

#home_donate_now {
  position: absolute;
  width: 185px;
  top: 210px;
  left: 527px;
  text-align: center;
}

#homeLearnMore {
  position: absolute;
  width: 185px;
  top: 210px;
  left: 518px;
  text-align: center;
}

#changealife-cta a {
  text-align: center;
  border: 1px solid #333366;
  background-color: #eaeaea;
  font-size: 1.2em;
  padding: 10px;
  margin: 20px 60px 10px 60px;
  display: block;
  text-decoration: none;
}

#changealife-cta a:hover {
  border: 1px solid #333366;
  background-color: #333366;
  padding: 10px;
  text-decoration: none;
  color: #cccccc;
}

.changealife-stories-container {
  text-align: center;
  padding: 0;
  margin: 10px 0 15px 0;
}

.changealife-stories {
  float: left;
  width: 170px;
  margin: 0 15px 0 0;
  padding: 0;
}

.changealife-stories a {
  text-decoration: none;
}

.coalitionLogo {
  float: left;
  width: 345px;
  height: 141px;
}

.coalitionLogoCenter {
  text-align: center;
}

.coalitionTagline {
  float: left;
  width: 220px;
  height: 131px;
  margin: 10px 0 0 35px;
  text-align: center;
  font-weight: bold;
  font-size: 1.2em;
}

.coalitionTagline em {
  color: #990000;
}

#bannerChangeLife {
  float: left;
  width: 495px;
  height: 300px;
  margin: 0;
  position: relative;
  z-index: 1;
}

#headerChangeLife {
  width: 640px;
  height: 264px;
  margin: 0 0 20px 0;
  position: relative;
  z-index: 1;
  clear: both;
}

#bannerChangeLife .changeLifeCounter,
#headerChangeLife .changeLifeCounter {
  position: absolute;
  text-align: center;
  font-weight: bold;
  color: #666666;
  z-index: 10;
  }

#bannerChangeLife .changeLifeCounter.home {
  left: 366px;
  top: 212px;
  width: 103px;
  height: 80px;
  font-size: 5em;
  line-height: 80px;
  }

#headerChangeLife .changeLifeCounter.main {
  left: 472px;
  top: 143px;
  width: 148px;
  height: 100px;
  font-size: 7em;
  line-height: 100px;
  }

#banner2011Gala {
  float: left;
  width: 245px;
  height: 300px;
  position: relative;
}

#banner2011Gala .galaCTA {
  width: 155px;
  position: absolute;
  left: 45px;
  top: 263px;
  text-align: center;
  font-style: italic;
  font-weight: bold;
  }

#banner2011Gala .galaCTA a {
  color: #ffffff;
  }

#banner2011Gala .galaCTA a:hover {
  color: #fdbe57;
  }



#index_columns {
  background-image: url('../_img/home_column_bkgd.gif');
  background-repeat: repeat-y;
  position: relative;
  width: 100%;
  overflow: auto;
  border-top: 1px solid #333366;
  clear: both;
}

#index_columns img {
  margin: 3px 0px;
}

#index_columns #index_event_column {
  float: left;
  width: 247px;
}

#index_columns #index_event_column p {
  margin: 0px;
}

#index_columns #index_event_column img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}

#index_columns #index_event_column .event_block {
  border-bottom: 2px dotted #333366;
  margin: 0px 15px 7px 15px;
  padding: 0px 0px 5px 0px;
  text-align: center;
  line-height: 1.5em;
}

#index_columns #index_event_column .event_block p.order_tickets {
  font-weight: bold;
  font-size: 1.2em;
  margin: 10px 0px;
}

#index_columns #index_event_column .event_block img.eventColImage {
  border: 2px solid #333366;
  padding: 10px;
  background: #ffffff;
}

#index_columns #index_event_column .event_block img.eventColImage:hover {
  border: 2px solid #990000;
}

#index_columns #index_event_column .event_date {
  font-weight: bold;
  padding: 3px 0px;
  margin: 6px 0px 0px 0px;
}

#index_columns #index_event_column .event_text {
  font-size: .85em;
  padding: 0px;
  text-align: left;
}

#index_columns #index_volunteer_column {
  float: left;
  width: 246px;
}

#index_columns #index_volunteer_column img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#index_columns #index_volunteer_column p {
  margin: 0px 16px 10px 18px;
  line-height: 1.2em;
}

#index_columns #index_volunteer_column .vol_subhead {
  border-bottom: 2px dotted #333366;
  font-weight: bold;
  font-size: 1.2em;
  margin: 5px 16px 3px 18px;
}

#index_columns #index_volunteer_column .video {
  border: 1px solid #333366;
  margin: 0px 15px 7px 15px;
  padding: 5px 3px 0px 3px;
  text-align: center;
}

#index_columns #index_volunteer_column .video p {
  margin: 5px 5px 7px 5px;
  padding: 0px;
  line-height: 1.1em;
  text-align: left;
}

#index_columns #index_media_column {
  float: left;
  width: 246px;
}

#index_columns #index_media_column p {
  margin: 0px 16px 10px 18px;
  line-height: 1.2em;
}

#index_columns #index_media_column img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#index_columns #index_media_column p {
  margin: 5px 0px;
}

#index_columns #index_media_column .media_options {
  border-bottom: 2px dotted #333366;
  margin: 0px 15px 7px 15px;
  padding: 0px 0px 3px 0px;
}

#index_columns #index_media_column .videoBox {
  border: 1px solid #333366;
  margin: 0px 15px 7px 15px;
  padding: 5px 3px 0px 3px;
  text-align: center;
}

#index_columns #index_media_column .videoBox p {
  margin: 5px 5px 7px 5px;
  padding: 0px;
  line-height: 1.1em;
  text-align: left;
}

#index_columns #index_media_column #media_list ul {
  padding: 5px 0px 0px 40px;
  margin: 5px 0 10px 0;
}

#index_columns #index_media_column ul li {
  padding-left: 3px;
  margin-bottom: 5px;
}

#index_columns #index_media_column .order_text {
  font-weight: bold;
  text-align: center;
  font-size: 1.2em;
  margin: 10px 0px;
}


/* --------------------------------------- */
/* --( Header Styles )-- */
/* --------------------------------------- */   

#header_photo {
  width:898px;
  padding: 0px;
  margin: 0px;
}


/* --------------------------------------- */
/* --( Nav Styles )-- */
/* --------------------------------------- */  

.chromestyle
	{
	width: 100%;
	position: relative;
	border-top: 1px solid #fce8bc;
	}

.chromestyle:after
	{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

.chromestyle ul
	{
	border-top: 1px solid #fce8bc;
	width: 100%;
	background: url('../_img/nav/pspchromebg.gif') center center repeat-x; /*THEME CHANGE HERE*/
	padding: 5px 0; /* changes height of nav */
	margin: 0px;
	text-align: left; /*set value to "left", "center", or "right"*/
	}

.chromestyle ul li
	{
	display: inline;
	}

.chromestyle ul li a
	{
	font: bold .9em sans-serif;
	color: #333366;
	padding: 6px 20px; /* changes height of vertical bar and padding */
	margin: 0px;
	text-decoration: none;
	border-right: 1px solid #333366;
	}

.chromestyle ul li a:hover
	{
	background: url('../_img/nav/pspchromebg-over.gif') center center repeat-x;
	text-decoration: underline;
	color: #990000;
	}

.chromestyle ul li a[rel]:after
	{ /*HTML to indicate drop down link*/
	/*content: " >>";*/
	/*content: " " url(../_nav/nav_drop.gif);*/ /*uncomment this line to use an image instead*/
	}

.dropmenudiv
	{
	position: absolute;
	top: 0px;
	border: 1px solid #666699;
	border-bottom-width: 3px;
	font: normal .85em sans-serif;
	line-height: 20px;
	z-index: 200;
	background-color: #ffffcc;
	visibility: hidden;
	}

.dropmenudiv a
	{
	display: block;
	text-indent: 10px;
	border-bottom: 1px solid #666699;
	padding: 5px 15px 5px 0px;
	text-decoration: none;
	font: normal .9em sans-serif;
	color: #333366;
	}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{
background-color: #ffcc66;
color: #990000;
text-decoration: underline;
}

.nav_list
	{
	width: 600px;
	text-align: left;
	margin: 3px 0px 0px 0px;
	}

.nav_list a
	{
	border: 1px solid #666699;
	padding: 5px 0px 4px 10px;
	display: block;
	text-decoration: none;
	font-size: .9em;
	color: #666699;
	background-image: url('../_img/nav/pagenavbg.gif');
    background-repeat: repeat-y;
	font-weight: bold;
	}

.nav_list a:hover
	{
	border: 1px solid #666699;
	display: block;
	color: #990000;
	background-image: url('../_img/nav/pagenavbg-ov.gif');
    background-repeat: repeat-y;
	text-decoration: underline;
	}


/* --------------------------------------- */
/* --( Fancybox Styles )-- */
/* --------------------------------------- */

#content_container #main_content a.imageZoom img {
	border: 5px solid #666699;
}

#content_container #main_content a:hover.imageZoom img {
	border: 5px solid #ffc259;
}

#content_container #main_content a.gala img {
	width: 105px;
	height: 80px;
	margin: 20px 7px 0 0;
}

#content_container #main_content a.iida img {
	width: 180px;
	height: 120px;
	margin: 20px 7px 0 0;
}

#content_container #main_content a.gala11 img.horiz {
	width: 179px;
	height: 120px;
	margin: 20px 7px 0 0;
}

#content_container #main_content a.gala11 img.vert {
	width: 120px;
	height: 179px;
	margin: 20px 7px 0 0;
}


/* --------------------------------------- */
/* --( Left Column Styles )-- */
/* --------------------------------------- */

#left_container {
  float: left;
  width: 147px;
  padding: 5px;
  font-size: .9em;
}

#left_content {
  padding: 0px;
}

#left_content img {
  margin: 5px 0px;
}

#left_content p {
  margin: 0px 0px 5px 0px;
  padding: 0px 2px 5px 2px;
  text-align: left;
  line-height: 1.3em;
}

.left_head {
  padding: 5px 0px 3px 5px;
  border: 1px solid #666699;
  text-align: left;
  font-weight: bold;
  background: #cccccc;
  margin: 10px 0px 0px 0px;
}

.left_box {
  padding: 5px 0px 0px 5px;
  border-left: 1px solid #666699;
  border-right: 1px solid #666699;
  border-bottom: 3px solid #666699;
  background: #eaeaea;
  margin: 0px 0px 3px 0px;
}

#left_content .left_box img {
  text-align: center;
}


/* --------------------------------------- */
/* --( Global Page Styles )-- */
/* --------------------------------------- */   

#main_content .page_header {
  padding: 0px;
  margin: 20px 0px 15px 0px;
}

#main_content p
  {
  margin: 5px 0px 10px 0px;
  }

#main_content .staff
  {
  margin: 5px 0px 15px 0px;
  line-height: 1.2em;
  }

#main_content .subheads
  {
  font-size: 1.2em;
  line-height: 1.5em;
  font-weight: bold;
  border-bottom: 2px dotted #999999;
  margin: 15px 0px 3px 0px;
  }

#main_content .footnote
  {
  font-size: .9em;
  line-height: 1.3em;
  }

#main_content .containerExpand
  {
  border: 1px solid #666699;
  margin: 3px 0px 3px 0px;
  padding: 15px;
  border-bottom: 3px solid #666699;
  }

#main_content .headExpand
  {
  font-size: 1em;
  line-height: 1.2em;
  }

#main_content .headExpand span.clickToExpand
  {
  font-size: .8em;
  }

#main_content .indent
  {
  padding-left: 15pt;
  }

#main_content .bttnBox
  {
  float: right;
  clear: both;
  margin: 10px 0px 10px 10px;
  width: 200px;
  border: 1px solid #666699;
  border-bottom: 3px solid #666699;
  background-color: #eaeaea;
  padding: 10px;
  }

#main_content .containerExpand .headExpand .newsHeads
  {
  font-weight: bold;
  }

#main_content .sponsor_logos
  {
  text-align: center;
  }

#main_content .sponsor_logos img
  {
  padding: 5px;
  vertical-align:middle;
  }

#main_content .funderLogo
  {
  margin: 0 0 10px 10px;
  }

#main_content #calendarContainer
  {
  padding: 5px;
  border: 1px solid #666699;
  background-color: #eaeaea;
  width: 590px;
  text-align: left;
  margin: 15px 0px 0px 0px;
  }

#main_content #calendarContainer .calendarEvent a
  {
  float: left;
  padding: 10px 5px;
  background-color: #ffffff;
  width: 170px;
  height: 170px;
  text-align: center;
  margin: 6px;
  border: 2px solid #666699;
  display: block;
  text-decoration: none;
  }

#main_content #calendarContainer .calendarEvent a:hover
  {
  border: 2px solid #990000;
  }

#main_content #calendarContainer .calendarEvent .calendarDate
  {
  text-align: center;
  font-weight: bold;
  margin: 8px 0 0 0;
  line-height: 1.1em;
  font-size: 1.1em;
  }

#main_content #calendarContainer .calendarEvent .calendarLocation
  {
  text-align: center;
  font-weight: bold;
  margin: 3px 0 0 0;
  line-height: 1.1em;
  font-style: italic;
  font-size: .8em;
  }

#main_content #calendarContainer .calendarHead
  {
  text-align: left;
  margin: 5px 0 3px 10px;
  font-weight: bold;
  font-size: 1.2em;
  }

#main_content #calendarContainer .clear_calendar
  {
  clear: both;
  }

#main_content .calendar_rsvp
  {
  float: right;
  text-align: center;
  padding: 5px;
  border: 1px solid #666699;
  background-color: #eaeaea;
  margin: 5px 0 0 0;
  font-weight: bold;
  width: 170px;
  height: 50px;
  line-height: 50px;
  font-size: 1.2em;
  }

#main_content .calendar_top
  {
  border-bottom: 2px dotted #999999;
  margin: 5px 0 0 0;
  }

#main_content #firstgiving-coalition
  {
  float: right;
  margin: 5px 0 10px 0;
  width: 221px;
  }

#main_content #firstgiving-firstgiving
  {
  margin: 50px 0 10px 0;
  width: 177px;
  }

#main_content .firstgiving-quote
  {
  margin: 10px 45px 0 45px;
  }

#main_content .firstgiving-steps-container
  {
  margin: 10px 0px 0px 0px;
  height: 240px;
  width: 99%;
  }

#main_content .firstgiving-box
  {
  float: left;
  border: 1px solid #666699;
  width: 206px;
  height: 100%;
  background-image: url(../_img/firstgiving-box-bkgd.gif);
  margin: 0 3px 0 0;
  }

#main_content .firstgiving-steps-container p
  {
  margin: 5px 10px 10px 10px;
  }

#main_content #firstgiving-ctabutton
  {
  float: right;
  margin: 15px 10px 0 0;
  width: 252px;
  }

#main_content .eventContainer {
  overflow: hidden;
  margin: 10px 0 0 0;
}

#main_content .eventContainerTime {
  overflow: hidden;
  margin: 3px 0 0 0;
}

#main_content .eventDescription {
  float: left;
  width: 25%;
  text-align: right;
  font-size: 1.5em;
  letter-spacing: 1px;
  padding-right: 15px;
  color: #999999;
}

#main_content .eventDescription span {
  font-size: .8em;
  letter-spacing: 1px;
}

#main_content .eventInfo {
  float: left;
  width: 65%;
  line-height: 1.3em;
}

#main_content .donationText {
  line-height: 1.3em;
  font-style: italic;
  border: 1px solid #999999;
  border-top: 3px solid #999999;
  padding: 10px;
  margin-top: 25px;
}


/* --------------------------------------- */
/* --( List Styles )-- */
/* --------------------------------------- */   

#main_content ul {
  padding: 0px 0px 0px 30px;
  margin: 0px 0px 10px 0px;
  }

#main_content ul li {
  padding-left: 0px;
  margin: 0px 0px 7px 0px;
  line-height: 1.2em;
  }

#main_content ol {
  padding: 0px 0px 0px 30px;
  margin: 0px 0px 10px 0px;
  }

#main_content ol li {
  padding-left: 0px;
  margin: 0px 0px 7px 0px;
  line-height: 1.2em;
  }

#main_content ul .arrows {
  list-style-type: none;
  padding: 0px 0px 0px 20px;
  margin: 0px 0px 10px 0px;
  }

#main_content ul li .arrows {
  padding-left: 15px;
  margin: 0px 0px 3px 0px;
  background: url('../_img/main_arrow.gif') left top no-repeat;
  }

#main_content .imageContainerWhite ul.rightList {
  padding: 0px 0px 0px 15px;
  margin: 0px 0px 10px 0px;
  font-size: 1.1em;
  font-style: normal;
  }

#main_content .imageContainerWhite ul.rightList li {
  padding-left: 0px;
  margin: 0px 0px 5px 0px;
  line-height: 1.2em;
  }

/* --------------------------------------- */
/* --( Bottom Nav Styles )-- */
/* --------------------------------------- */   

#bottom_nav_container {
  float: right;
  width: 700px;
  padding: 10px 0px 30px 40px;
  margin: 0px;
  background: #eaeaea;
  border-top: 1px solid #333366;
}

#bottom_nav_container p {
  margin: 0px 0px 3px 0px;
  font-size: .9em;
  text-align: left;
}


/* --------------------------------------- */
/* --( Footer Styles )-- */
/* --------------------------------------- */   

#footer {
  clear: both;
  background: #ffcc66;
  border-top: 1px solid #002b47;
  padding: 5px;
}

#footer p {
  margin: 0px;
  font-size: .85em;
  text-align: left;
}

* html #footer {
  height:1px;
}


/* --------------------------------------- */
/* --( Image Container )-- */
/* --------------------------------------- */   

#main_content .imageContainerWhite
  {
  float: right;
  clear: both;
  width: auto;
  background-color: #ffffff;
  margin: 10px 0px 10px 30px;
  padding: 10px;
  font-family: sans-serif;
  font-style: italic;
  font-size: .85em;
  line-height: 1.3em;
  color: #333366;
  border: 1px solid #666699;
  border-bottom: 3px solid #666699;
  }

#main_content .imageContainerWhite img
  {
  margin: 0px 0px 3px 0px;
  border: 0px;
  }

#main_content .imageContainerWhite p
  {
  margin: 0px 0px 10px 0px;
  }

#main_content .imageContainerWhite.CFC
  {
  width: 200px;
  }

#main_content .imageContainerWhite.CFC .eventImage
  {
  text-align: center;
  margin: 0 0 10px 0;
  }

#main_content .imageContainerWhite p span
  {
  color: #666666;
  }

#main_content .imageContainerWhite .orderTicketsHead
  {
  font-size: 1.2em;
  line-height: 1.3em;
  border-bottom: 2px dotted #666699;
  padding: 5px 0 3px 0;
  font-weight: bold;
  }

#main_content .imageContainerWhite .imageHead {
  font-size: 1.2em;
  line-height: 1.3em;
  padding: 5px 0 3px 0;
  margin: 0;
  font-weight: bold;
  }

#main_content .sponsorLogos {
  text-align: center;
  margin: 0 0 10px 0;
  }

#main_content .sponsorLogos img {
  margin: 10px;
  }

#main_content .imageContainerWhite .facebookHomeCookedMeal {
  width: 200px;
  height: 40px;
  }



/* --------------------------------------- */
/* --( Job Opportunity Styles )-- */
/* --------------------------------------- */

#main_content #HEP
  {
  background-color: #eaeaea;
  margin: 10px 0px;
  padding: 10px;
  border: 1px solid #666699;
  border-bottom: 3px solid #666699;
  }

#main_content #HEP .subheads
  {
  font-family: sans-serif;
  font-size: 1.5em;
  line-height: 1.5em;
  font-weight: bold;
  border-bottom: 2px dotted #999999;
  margin: 0px 0px 3px 0px;
  }