/*-------------------------
	General Page Styles
--------------------------*/
body {
	margin-top: 0px;
}
p, li, ol, i, em, body, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
}

.textbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #666666;
	width: 150px;
}

/*-------------------------
	Page Structure
--------------------------*/

#outer_container{
	border-top: 2px solid #b4c7e6;
	border-right: 4px solid #b4c7e6;
	border-bottom: 2px solid #b4c7e6;
	border-left: 4px solid #b4c7e6;
	width: 776px;
	padding: 0px;
	margin: 0px auto;
	
}

#name {
	color: #FAA231;
}
#lastUpdated {
    padding-bottom: 15px;
	font-size: 10px;
	margin-top: -10px;
}

#print_tell{
	border: 1px dashed #48729C;
	float: right;
	padding: 5px 5px 1px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
#frame table{
	width: 100%;
	border: 0px; 
	padding: 0px;
}
#left_col{
	float: left;
	width: 236px;
	padding-left: 11px;
}

#right_col{
	float: right;
	width: 236px;
	padding-right: 11px;
}

#yellow_box {
	padding-top: 11px;
	padding-bottom: 11px;
}

#blue_box {
	padding-bottom: 11px;
} 
#blue_box form{
	text-align: center;
}

#red_box {
	padding-top: 11px;
	width:236px;
	background: #f04e31;
	margin-top: 11px;
}


#yellowboderbox{
	width: 470px;
	height: 800px;
}

#content, #top_text, #subheads{
	margin-left: 10px;
	margin-right: 10px;
}

#top_bar td{
	background-color: #b4c7e6;
	height: 26px;
	width: 100%;
}

#top_nav_bar td{
 	color: #00529c;
	background-color: #b4c7e6;
	height: 28px;
	text-indent: 11px;
	vertical-align: middle;
	width: 100%
}

#top_nav_bar a:link, #top_nav_bar a:visited, #top_nav_bar a:hover, #top_nav_bar a:active {
 	color: #00529c;
	text-decoration: none;
}


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

#right_body {
	float: left;
	padding: 11px;
}

#left_body{
	float: left;
	padding: 11px;
}
#home_left_body{
	float: left;
	padding: 11px;
	width:469px;
}
#footer_text {
   text-align: center;
   padding: 4px;
   font-size: 10px;
   line-height: 1.2em;
   background: #b4c7e6;
   clear: both;
   margin-bottom: 0px;
   height: 32px;
}
#footer_text a {
  color: rgb(41, 67, 151);
}

#fp_top{
	padding: 11px;
	vertical-align:top;
}

#fp_top #red_box{
	float:left;
	vertical-align:top;
}

#fp_main{
	padding: 0px 11px;
	clear: both;
}

#fp_image{
	float: right;
	padding-top: 11px;
	padding-bottom: 11px;
	/*width:236px;*/
	padding-right:11px;
}

#whatmatters {
	float: bottom;
	clear: right;
}
#header-img {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

/*-------------------------
	Headers
--------------------------*/
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #000000;
	font-weight: normal;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #000000;
	font-weight: normal;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #000000;
	font-weight: normal;
}
h4 {
	font-size: 16px;
	color: #FCB13E;
	font-weight: bold;
	margin-left: 7px;
}
h5 {
	font-size: 14px;
	color: #0c5aa1;
	text-align: center;
	font-weight:normal;
}
h6 {
	font-size: 20px;
	color: #F04D31;
	font-weight: bold;
}

.blue_header {
	font-weight: bold;
	color: #0c5aa1;
	line-height: 18px;
}

/*-------------------------
	Links
--------------------------*/
a img {
	border: none;
}
a:link {  
	color: #F04D31; 
	text-decoration: underline; 
	text-transform: none; 
	font-weight: normal
}
a:active { 
	color: #F04D31; 
	text-decoration: none; 
	font-weight: normal
}
a:visited { 
	color: #294397; 
	text-decoration: underline; 
	font-weight: normal
}
a:hover { 
	color: #F14D32; 
	text-decoration: none; text-align: left
}
a.dhtml:link {
	color: #F14D32;
	text-decoration: none;
}
a.dhtml:visited {
	color: #F14D32;
	text-decoration: none;
}
a.dhtml:active {
	color: #F04D31;
	text-decoration: none;
}
a.dhtml:hover {
	color: #F14D32;
	text-decoration: none;
}
a.footerlink:link {
	color: #FFFFFF; 
	text-decoration: underline; 
	text-transform: none; 
	font-weight: normal
}
a.footerlink:visited {
	color: #294397; 
	text-decoration: underline; 
	font-weight: normal
}
a.footerlink:active {
	color: #FFFFFF; 
	text-decoration: none; 
	font-weight: normal
}
a.footerlink:hover {
	color: #FFFFFF; 
	text-decoration: none; text-align: left
}
a.poweredby:link {
	color: #FFFFFF; 
	text-decoration: underline; 
	text-transform: none; 
	font-weight: normal
}
a.poweredby:visited {
	color: #FFFFFF; 
	text-decoration: underline; 
	font-weight: normal
}
a.poweredby:active {
	color: #FFFFFF; 
	text-decoration: none; 
	font-weight: normal
}
a.poweredby:hover {
	color: #FFFFFF; 
	text-decoration: none; text-align: left
}
a.searchlink:link, a.searchlink:visited, a.searchlink:hover, a.searchlink:active {
	color: #D1E1F0; 
	margin: 0px;
	margin-right: 10px;
}

/*-------------------------
	DHTML Menus
--------------------------*/
#nav {
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	/*padding-top: 15px;*/
	list-style: none;
	position: relative;
}
* > #nav {
	margin-bottom: 20px;
}
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active{
	text-decoration: none;
	border: none;
	font-size: 11px;
	color: #fff;
	padding: 0px;
	margin: 0px;
} 	
#nav a {
	padding: 0px;
	margin: 0px;
}
#nav a img {
	border: none;
	padding: 0px;
	margin: 0px;
}
#nav li {
	display: block;
	list-style: none;
	margin: 0px 0px;
	padding: 4px 0px;
	font-size: 2px;
	line-height: 1em;
	width: 236px;
}
/* this is for browser consistency... */
#nav form {
	margin: 7px 0px;
}
/* Hide the Subnav */
#nav li ul {
	display: none;
}
/* Absolute positioning moves it out of the flow, so that the menu doesn't jump around
	when you mouse over it.  We have to move the thing left so that it doesn't over lap with the
	menu we have. */
#nav li:hover ul, #nav li.over ul {
	position: absolute;
	left: 195px;
	display: block;
	z-index: 100;
}
/* Position the subnav li items relative, so we can adjust for browser differences later, 
	and set their width for consistency.  */
#nav li:hover li, #nav li.over li {
	margin: 0px;
	position: relative;
	width: 200px;
	background: #F25F46;
	float: left;
	clear: both;
	height: 10px;
	border-bottom: white dotted 1px;
	padding: 13px 15px 10px 15px;
}
#nav li:hover li {
}
/*	Position the subnav for firefox */
#nav li:hover li {
	top: -22px;
}
/*	Position the subnav for IE */
#nav li.over li {
}
/* Set properties for the item you are over */	
#nav li:hover, #nav li.over {
}
#nav li li li {
	display: none;
}
/* These control secondary level links... */
#nav li li a:hover {
	text-decoration: underline;
}

/*-------------------------
	Form Styles
--------------------------*/
form table {
	width: 100%;
}
#left_col form{
	width: 230px;
}
table.form{
	width: 99%;
	margin-left: 0px;
}
form table td label {
	display: block;
	text-align: right;
}
form table th {
	background: #669ACC;
	color: #fff;
	padding: 4px;
}
form table td {
	padding: 2px;
	background: #eee;
}
form.white table td {
	padding: 2px;
	background: #ffffff;
}
.formreq { font-weight: bold;} 											/* required fields for forms */
.subtable_add{
	cursor: pointer;
}
.subtable_delete {
	cursor: pointer;
}
input, textarea, option, select{
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
form textarea { width: 350px; }
select#state, select#country{
	width: 146px;
}

* > table#rendered_form tr td{
	width: 20%;
}
select#focus_areas_calendar_assoc, select#focus_areas_library_assoc, select#focus_areas_announcements_assoc, input#title{
	width: 250px;
}
textarea#blurb, textarea#text{
	width: 250px;
	height: 150px;
}
div.wysiwyg{
	text-align: center;
}
/*----------------------------------------
	Colored Submit Buttons
----------------------------------------*/
/* Shared Button styles start here... */
* > a.button, * > a.button_primary, * > a.button_disabled, * > input.button, * > input.button_primary, * > input.button_disabled {
	line-height: 2em;
	width: auto;
}
input.button, input.button_primary, a.button:link, a.button:visited, a.button:hover, a.button:active, a.button_primary:link, a.button_primary:visited, a.button_primary:hover, a.button_primary:active, a.button_disabled:link, a.button_disabled:visited, a.button_disabled:hover, a.button_disabled:active {
	text-decoration: none;
	color: #fff;
	display: inline-block;
	padding: 4px; 
	border: 1px solid #888;
	font-weight: bold;
	cursor: pointer; 
}
a.button_subtable:link, a.button_subtable:visited, a.button_subtable:active, a.button_subtable:hover, span.subtable_add
{
	text-decoration: none;
	color: #222;
	display: inline-block;
	padding: 4px; 
	padding-top: 3px;
	border: 1px solid #888;
	font-weight: bold;
	cursor: pointer; 
}

/* "SUBMIT" Button styles start here... */
input.button, input.button_primary, input.button_disabled {
	padding: 2px;
	line-height: 1.0em;
	padding-top: 4px;
	margin-bottom: 5px;
	margin-right: 5px;
	width: auto;
}
* > input.button, * > input.button_primary, * > input.button_disabled { padding: 2px; 	}

/* Adjust background colors of buttons */
a.button:link, a.button:visited, a.button:active, input.button {background-color: #999999; 	} 									/* Standard Buttons */
a.button:hover , input.button:hover { background-color: #666666; } 															/* Standard Buttons, hovered */
a.button_primary:link, a.button_primary:visited, a.button_primary:active, input.button_primary {background-color: #669900;	} 	/* Primary Buttons*/
a.button_primary:hover, input.button_primary:hover { background-color: #66CC00;	 }												/* Primary Buttons, hovered */
a.button_disabled:link, a.button_disabled:visited, a.button_disabled:hover, a.button_disabled:active, input.button_disabled {
	background-color: #666;

}
div#content a.button_primary, div#content a.button, div#content a.button_disabled{ /* Text formatting for buttons in the content div */
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}
/* Buttons For Add Row in Subtables */
a.button_subtable:link, a.button_subtable:visited, a.button_subtable:active, span.subtable_add{
	background: #ddffdd; 
	font-size: 11px;
    color: #333;
}
a.button_subtable:hover{
	background: #eee; 
	font-size: 11px;
}
.subtable_add_img{
	vertical-align: middle;
}
/*-------------------------
	Blockbuster Form
--------------------------*/
#blockbuster input {
	width: 224px;
}
#blockbuster select {
	width: 228px;
}
#blockbuster .reg {
	width: auto;
}
#blockbuster, #childhood .red {
	color: #F04E31;
}
/*-------------------------------------------
  OnDeposit Styles  
 *-------------------------------------------*/
#gc_products_list div {
  float: left;
  padding: 5px 10px 0px 10px;
  text-align: center;
}
#od_detail_item {
	margin-top: 3em;
	margin-left: 30px;
	float: right;
	text-align: center;
}
#gc_extradonate td {
  background-color: #feb;
  text-align: right;
}
#gc_extradonate td input {
  width: 60px;
}
table.gc_cart_form {					
	width: 99%;
	border-collapse: collapse;
	background: #f3f3f3; 
}
table.gc_cart_form th {
	background: #669ACC;
	color: white;
	text-align: left;
	padding: 4px;
}
table.gc_cart_form tr td {
	vertical-align: top;
	padding-left: 7px;
	padding-top: 7px;
	padding-right: 2px;
	padding-bottom: -7px;
	background-color: #e5e5e5;
}
.price { text-align: right; } 							/* for formatting price/dollar amounts in the PRICE column in the shopping cart */
.total { text-align: right; padding-right: 3px;} 		/* for formatting price/dollar amounts in the TOTAL column in the shopping cart */
.ship_title { text-align: right; font-weight: bold;} 	/* for "Shipping", "Tax", "Subtotal", and "Total" */
table.gc_cart_form tr td.type_header { 					/* Products, Donations, and Events row headers */
/*	background-color: #E5E5E5;*/
	background-color: #f3f3f3; 
	font-weight: bold;
	color: #777;
}
table.gc_cart_form tr td.apply_coupon {					/* format "Want to apply a coupon?" text on payment info page */
	font-weight: bold;
	text-align: center;
	background-color: #fff;
	
}
table#cart_steps{
	width: 99%;
}
table#cart_steps tr td{
	vertical-align: top;
	text-align: center;
	padding: 5px;
	font-weight: bold;
}
table#cart_steps tr td.selected{						/* current cart step header */
	background-color: #ccc;
	color: #036;
}
table#cart_steps tr td.regular{							/* other cart step headers */
	background-color: #e5e5e5;
	color: #6385a0;
}
table.gc_cart_form input, table.gc_cart_form select, table.gc_cart_form textarea{
	color: #036;
}
* > table.gc_cart_form a.button, * > table.gc_cart_form a.button_primary, * > table.gc_cart_form a.button_disabled, * > table.gc_cart_form input.button, * > table.gc_cart_form input.button_primary, * > table.gc_cart_form input.button_disabled {
	color: #fff;
}
.terms_conditions{
	color: red;
}
/*----------------------------------------
	Printable Receipt/Invoice Styles
----------------------------------------*/
body.receipt{
	margin-top: 0px;
	margin-left: 0px;
	background-color: #fff;
}
table.receipt{
	background-color: #fff;
	/* width: 620px; */
	width: 100%;
}
table.receipt tr td {vertical-align: top;}
table.receipt tr td.bottom { 					/* add horizontal line between receipt sections */
	border-bottom: 1px dashed #204D79;
	padding-bottom: 5px;
}
.address_block, .address { 						/* reduce line height for address blocks */
	line-height: 1.2em;
	padding: 5px 0px 5px 7px;
}
p.address { padding: 0px; }
p.address:first-line { font-weight: bold; }
.ship_block { 									/* add gray box around shipping address */
	background-color: #e5e5e5;
	line-height: 1.2em;
	padding: 5px 0px 5px 7px;
}
.receipt_header { 								/* Products, Donations, and Events row headers */
	background-color: #e5e5e5;
	font-weight: bold;
}
h1#receipt {font-size: 18px; color: #204D79;} 	/* format for the Receipt/Invoice/Packing Slip text */

/*----------------------------------------
	Add Coupon Styles
----------------------------------------*/
table.coupon {
	background-color: #eee;
	width: 280px;
}
table.coupon th {
	background: #669ACC;
	color: white;
	text-align: left;
	padding: 4px;
}

/*----------------------------------------
	Member Dashboard Styles
----------------------------------------*/
table#rendered_form {
	width: 99%;
	background: #eee;
}
form.crm table tr td label {								/* align form labels right */
	display: block;
	text-align: right;
}
form.crm, table.crm, table.crm_subtable {					/* table & subtable properties */
	width: 99%;
	background: #eee;
	/*color: #204D79;*/
	font-size: 12px;
	line-height: 1.6em;
	margin-top: 5px;
}
table.crm_subtable { 										/*subtables for orders, events and communications */
	margin: 0px 0px 3px 0px;
	padding: 5px;
	border-collapse: collapse;
}
table.crm tr td.white {	background: #fff;} 					/* to get table cells with white background */
form.crm table tr th, table.crm tr th{ 						/* here is the red row header color, jordan */
	color: #FFFFFF;
	background-color: #669acc;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	padding-left: 3px;
}
table.crm_subtable tr th, form.crm table.subtable tr th { 	/* row subheads for orders, events, and communication */
	color: #2d4294;
	font-size: 12px;
	line-height: 1.6em;
	font-weight: bold;
	background-color: #fff;
}
table.crm_subtable tr th.action{ 							/* formatting for the Action(s) column */
	text-align: center;
	width: 33%;
}
table.crm_subtable tr th.amount{text-align: right;}
form.crm tr td, table.crm tr td, table.crm_subtable tr td { /* td padding & alignment */
	vertical-align: top;
	padding-left: 7px;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: -7px;
	background-color: #eee;	
}
table.crm_subtable tr td { padding: 0px; } 					/* no td padding for subtables */
table.crm_subtable tr td.view_img{ 							/* align img icons in the Action(s) column */
	vertical-align: middle;
	text-align: center;
}
form.crm table ul, table.crm ul{ 							/* format lists */
	padding-left: 15px;
	margin: 0px;
}
form.crm table li, table.crm li {padding-left: 0px;}		/* format lists */
.login_box { background-color: #ffff99; }					/* yellow color for returning users log in box */
form.crm table tr td input#address, form.crm table tr td input#address2, form.crm table tr td input#city, form.crm table tr td input#zip {
	width: 110px;
}
form.crm table tr td select#state, form.crm table tr td select#country{
	width: 112px;
}

table#rendered_form tr td select#focus_areas_contacts_assoc{
	width: 200px;
}
/*-------------------------
	Various
--------------------------*/
/* For printing "Your xxx has been successfully added" messages in the intranet */
.success{
	font-weight: bold;
	color: #009900;
	font-size: 15px;
	padding-bottom: 10px;
}

#blogtext {
	background:#FCB13D;
}

#blogtext p {
	color: white;
	margin: 10px;
}
#blogtext p.readmore {
	text-align: right;
	color: white;
}
#blogtext h1 {
	color: #00529c;
	margin: 10px;
	font-size: 18px;
	font-weight:bold;
}
#blogtext .title {
	font-weight: bold;
}
#blogtext a.readmore {
	text-decoration:underline;
	color: white;
}
#blogtext a.readmore:hover {
	text-decoration: none;
}
#pf-footer {
	display: none;
}
#blog_months_archives {
	margin: inherit 0px;
	padding: inherit 0px;
	list-style: none;
	display: block;
}
#blog_months_archives li {
	margin: .7em 0px;
	padding: .7em 0px;
	list-style: none;
	border-bottom: 1px dashed;
	display: block;
	-moz-box-flex: 1;
}
span.req {
	color: red;
}
.yellow_body {
	border-top: 2px solid #FCB13e;
	border-right: 2px solid #FCB13e;
	border-bottom: 2px solid #FCB13e;
	border-left: 2px solid #FCB13e;
	width: 487px;
	height: 800px;
	* > height: 850px;
	vertical-align: top;
}

.blue_body {
	border: 2px solid #739CD2;
	padding: 11px;
}

.red {
	background-color: #F04E31;
	/* old bgcolor was #e93526 */
	height: 228px;
	margin-top: 30px;
	padding-top: 28px;
	vertical-align:top;
}

.red img {
	margin-top:4px;
	margin-bottom:4px;
}

.blue_indent {
	/*padding: 12px;*/
	/*background: #669ACC;*/
	background-color: #669ACC;
	padding-left:6px;
}
.home_blue_indent {
	/*padding: 12px;*/
	/*background: #669ACC;*/
	background-color: #669ACC;
	padding-left:6px;
}


/* This provides the light blue outline around the main table. */
.edge {
	border-top: 2px solid #b4c7e6;
	border-right: 2px solid #b4c7e6;
	border-bottom: 2px solid #b4c7e6;
	border-left: 2px solid #b4c7e6;
}
/* This provides the padding in the right col. of my table.  Where the body content is. */
.padd_right {
	padding: 11px;
}
/* This provides the padding for the home page image. */
.padd_middle {
	padding: 11px 0px 0px 11px;
}
/* This is the right col blue outline color.  I tried to make this and padd_right the same but could not get it to indent the color border. */
.color {
	border: 2px solid #6699CC;
	padding: 11px; 
	width: 471px;
}
/* This is the white text for the blog area. */
.white, #blogtext {
	color: #FFFFFF;
}
.footer, .footer_intranet {
	color: #FFFFFF;
	padding: 0px 11px; 
}
div.footer {
	background: #6699CC; 
	width: 228px; 
	margin: 0px 0px 0px 11px;
}
.note, .notes, .ed_instructions{
	font-size: 11px;
	line-height: 14px;
	padding-top: 0px;
	margin: 3px 0px 0px 0px;
}
.error, .errors, .red{
	font-weight: bold;
	color: red;
}
/* dashed spacer for intranet events list */
td.blue_body p.event {
  border-bottom: 1px #666 dashed;
  padding-bottom: 10px;
  padding-top: 10px;
  margin-bottom: 0px;
  margin-top: 0px;
}