/* --------------------------------------- */
/* --( 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;
}


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

#home_photo {
  position: relative;
}

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

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

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

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

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

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

#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;
}

#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 10px 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_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_media_column {
  float: left;
  width: 246px;
}

#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 .bonjovi {
  border: 1px solid #333366;
  margin: 0px 15px 7px 15px;
  padding: 5px 3px 0px 3px;
}

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

#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;
	}


/* --------------------------------------- */
/* --( 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 7px 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-family: sans-serif;
  font-size: 1.2em;
  line-height: 1.5em;
  font-weight: bold;
  border-bottom: 2px dotted #999999;
  margin: 15px 0px 3px 0px;
  }

#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 .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 #calendar_container
  {
  padding: 5px;
  border: 1px solid #666699;
  background-color: #eaeaea;
  width: 590px;
  text-align: left;
  margin: 15px 0px 0px 0px;
  }

#main_content #calendar_container .calendar_logo
  {
  float: left;
  padding: 5px;
  border: 1px solid #666699;
  background-color: #ffffff;
  width: 170px;
  height: 150px;
  text-align: center;
  margin: 5px;
  }

#main_content #calendar_container .calendar_logo .calendar_date
  {
  text-align: center;
  font-weight: bold;
  margin: 7px 0 0 0;
  line-height: 1.1em;
  font-size: 1.1em;
  }

#main_content #calendar_container .calendar_logo .calendar_location
  {
  text-align: center;
  font-weight: bold;
  margin: 3px 0 0 0;
  line-height: 1.1em;
  font-style: italic;
  font-size: .9em;
  }

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

#main_content #calendar_container .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;
  }


/* --------------------------------------- */
/* --( 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 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;
  }

/* --------------------------------------- */
/* --( 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: right;
  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 .order_tickets
  {
  font-size: 1.2em;
  line-height: 1.3em;
  border-bottom: 2px dotted #666699;
  padding: 0 0 7px 0;
  }

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

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

/* --------------------------------------- */
/* --( 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;
  }