/* --------------------------------------------
	Set universal fonts, colors and heights.
-------------------------------------------- */
body {
	font-family: Verdana, Arial, san-serif;
	font-size: 10px;
	line-height: 14px;
	color: #333;
	margin-top: 0px;
}


p {
	margin-top: 1px;
	margin-bottom: 10px;
}


/* ---------------------------------
	Headers
----------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-size: 12px;
}

h1.pgtitle {
	font-size: 14px;
	color: #cc3333;
}

h3, h2 { 
	color: #cc3333;
	font-size: 10px;
	margin: 0px;
	padding:0px;
}

h2 {
	color: #3366cc;
	font-size: 11px;
}


/* ---------------------------------
	Links
----------------------------------*/
a {
	border: none;
}

a:link {
	color: #3366cc;
	text-decoration: underline;
	font-weight: bold;
}
a:visited {
	color: #3366cc;
	text-decoration: underline;
	font-weight: bold;
}
a:hover {
	color: #3366cc;
	text-decoration: none;
	font-weight: bold;
}
a:active {
	color: #3366cc;
	text-decoration: underline;
	font-weight: bold;
}
a img {
	border: none;
}

/* ---------------------------------------------
	Table and Form Styles
----------------------------------------------- */

/* ------------------ Table ------------------ */
/* form tables */
table.form{
	width: 99%;
	border-collapse: collapse;
	background: #fdfdc0;
}

/* ------------------ TR ----------------------*/

/* rowlight */
table.form tr.row_odd, .rowdark {
	background: #e5e5e5;
}

/* rowdark */
table.form tr.row_even, .rowlight {
	background: #eee;
}

/* ------------------ TH ---------------------*/
table.form th {
	background-color: #6d97c6;
	color: white;
	text-align: left;
	padding: 4px;
	}

/* ------------------ TD ---------------------*/
/* vertical align text in table cells top */
table tr td{
	vertical-align: top;
}
table.form td {
	vertical-align: top;
	padding-left: 7px;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: -7px;
}
/* --------------- LISTS ---------------------*/
table.form ul {
	margin: 0px;
	padding: 0px;
}
table.form li{list-style: none;}


/* --------------------------------
	Various
--------------------------------- */
#content {
	border-left: 1px solid #aaa000;
	height: 100%;
	margin-left: 4px;
	/*position: relative;*/
	background: no-repeat top left url('/images/bar1.gif'); 
	padding: 20px;
	padding-top: 22px;  
	vertical-align: top;
}

/*#content
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6{
	margin: 6px 0px;
}
*/
#left_bottom {
	background: no-repeat bottom left url('/images/bar3.gif');
}
#navigation {
	vertical-align: top;
	height: 250px;
}

/* This section deals with the footer of the page. */

#footer, #officeaddress, #pf-footer, #search {
	font-size: 9px;
	line-spacing: 14px;
	color: #999999;
}
#footer {
	padding: 2px 15px 15px 15px;
	background: no-repeat bottom url('/images/bar2.gif');
	border-left: 1px solid #aaa000;
	vertical-align: top;
}
#footer a:link, #pf-footer a:link, #search a:link {
	color: #999999;
	text-decoration: none;
	font-weight: normal;
}
#footer a:visited, #pf-footer a:visited, #search a:visited  {
	color: #999999;
	text-decoration: none;
	font-weight: normal;
}
#footer a:hover, #pf-footer a:hover, #search a:hover  {
	color: #999999;
	text-decoration: underline;
	font-weight: normal;
}
#footer a:active, #pf-footer a:active, #search a:active  {
	color: #999999;
	text-decoration: underline;
	font-weight: normal;
}
#pf-footer {
	display: none;
}
#right_bottom {
	height: 12px; 
	background: no-repeat bottom url('/images/bar5.gif');
}

#officeaddress {
	padding-left: 20px;
	padding-top: 18px;
	vertical-align: top;
}
#address p {
	padding-top: 0px;
	margin-top: 0px;
}

/* These three are the header of the page */
#logo {
	padding-right: 2px;
	vertical-align: top;
}

#topimage {
	vertical-align: top;
}
#search {
	vertical-align: top;
	padding-left: 2px;
}


/* This centers the table and puts the red lines on the sides */
#frame {
	margin: 1px auto;
	border-right: 1px solid #b43c21;
	border-left: 1px solid #b43c21;
}

/* 

This section defines the styles for the hot issues box on the homepage.

*/

#column3 {
		background: no-repeat top right url('/images/bar6.gif'); 
		background: no-repeat bottom right url('/images/bar2.gif');
		vertical-align: top;
}

#c3tb {
	width: 100%;
	height: 100%;
	background: no-repeat top right url('images/bar6.gif');
}

#hotissues {
	color: #003366;
	background: #D8E6F3;
	border: 1px solid #6D97C6;
	padding: 15px;
	padding-top: 5px;
	position: relative;
	top: 15px;
	left: -10px;
	margin-bottom:25px;
	z-index: 0;
}
#hotissues { z-index: 0;}
* > #hotissues {z-index: 0;} /* fix for FF/IE difference in z-indexing so the flyout menus don't go under the hot issues box */

#hotissues h1 {
	font-weight: bold;
	color: #003366;
	font-size: 10px;
	line-spacing: 14px;
	margin: 0px;
	padding: 0px;
}

#hotissues p {
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 1em;
	margin-bottom: 0px;
}

#hotissues a:link {
	text-decoration: underline;
	color: #003366;
}
#hotissues a:visited {
	text-decoration: underline;
	color: #003366;
}
#hotissues a:hover {
	text-decoration: none;
	color: #003366;
}
#hotissues a:active {
	text-decoration: none;
	color: #003366;
}


/*

	End DHTML section

	Standard Antharia Form Stuff

*/

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

/* -----------------------"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 ---------------------------------*/
/* standard buttons */
a.button:link, a.button:visited, a.button:active, input.button {
	background-color: #ccc;
	color: #fff; 	
}

/* standard buttons, hovered */
a.button:hover , input.button:hover { 
	background-color: #6d97c6; 
}

/* primary buttons */
a.button_primary:link, a.button_primary:visited, a.button_primary:active, input.button_primary {
	background-color: #00948e;	
} 

/* primary buttons, hovered */
a.button_primary:hover, input.button_primary:hover { 
	background-color: #1ac3ba;	 
}

/* disabled buttons */
a.button_disabled:link, a.button_disabled:visited, a.button_disabled:hover, a.button_disabled:active, input.button_disabled {
	background-color: #666;
}

/* Text formatting for buttons in the content div */
div#content a.button_primary, div#content a.button, div#content a.button_disabled{ 
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}

/*--------------------------------------------------
	Form Styles
---------------------------------------------------*/
form{
	margin: 0;
}
form table {
}
table.form{
	width: 99%;
}
input, textarea {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
option {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
select {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
form table td table td select {
	width: 140px;
}
form table, table.list, div.list { 					/* properties for tables in forms */
	width: 95%;
	margin-bottom: 1em;
}
form table tr {} 									/* properties for table rows in forms */
form table input { 									/* fix the inputs so that their font isn't bold in forms */
	font-weight: normal; 
} 
form table th, table.list th { 					/* properties for subheads */
	background-color: #6d97c6;
	font-weight: bold;
    color: #fff;
	padding: 4px;
	text-align: left;
}
form table th.mjf {
	background-color: #c30;
}
form table td, table.list td { 						/*	properties for normal table cells - mostly the right column */
}
form table td {										/* background color only applied to the edit page */
	background-color: #eee; 
	padding: 4px;
}			
form table td p, table.list td p {					/* paragraph tags in forms */
} 	
form table td label { 								/* set the properties about labels - left column of forms */
	display: block;
	text-align: right;
}
form #col-left { width: 30%; }						/* set the width of the left column in forms */
form #col-right { width: 70%; } 					/* set the width of the right column in forms */
.formreq{
	font-weight: bold;
}
select#state, select#country, select#shippingAddress, select#billingAddress{
	width: 140px;
}
.subtable_add{
	cursor: pointer;
}
.subtable_delete {
	cursor: pointer;
}
input.radio{
width: 10px;
}
form textarea { width: 350px; }

/*.formtext {
	line-height: 16px;
	font-weight: bold;
}
.formlabel {
	font-weight: bold;
	text-align: right;
	padding-left: 12px;
	padding-right: 12px;
}*/
.formhead{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #6d97c6;
	color: #fff;
	font-weight: bold;
	padding: 4px;
	padding-left: 12px;
	padding-right: 12px;
	
}
/*
.formreq, .error{
	color: #ff3300;
	font-weight: bold;
}*/

.error {
	color:ff3300;
	font-weight:bold;
}

/*
.formright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #666666;
	padding-left: 12px;
	padding-right: 12px;
}

.formtiny {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
	color: #666666;
	font-weight: normal;
	padding-left: 12px; 
}
.steps {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #B43C22;
	padding-left: 12px;
	padding-right: 12px;
	border: 1px solid #3D3D3D;
}
.steps1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #001B3D;
	padding-left: 12px;
	padding-right: 12px;
	border-top: 1px none #696969;
	border-right: 1px solid #696969;
	border-bottom: 1px none #696969;
	border-left: 1px solid #696969;
}
.steps2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #001B3D;
	background-color: #e5e5e5;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
	border-top: 1px none #696969;
	border-right: 1px solid #696969;
	border-bottom: 1px solid #696969;
	border-left: 1px solid #696969;
}
.tablepadd {
	margin: 10px 5px 20px 20px;
}*/

/*
	navigation styles
*/


#navigation ul {
	list-style-type: none;
	margin: 15px 0 0 0;
	position: relative;
	padding: 0 0 0 0;
	font-size: 1px;
}
#navigation > ul {
	margin-top: 0;
}
#navigation ul li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#navigation ul li {
	margin-top: -15px;
}
#navigation ul > li, #navigation ul > li li {
	margin-top: 0px;
}
#navigation ul li li {
}
#navigation ul li a:link, #navigation ul li a:active, #navigation ul li a:visited, #navigation ul li a:hover {
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-weight: 100;
	color: #fff;
	font-size: 10px;
}
#navigation li ul {							/* Hide the Subnavigation */
	display: none;
}
#navigation li ul 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. */
#navigation li:hover ul, #navigation li.over ul {
	position: absolute;
	left: 235px;
	display: block;
	z-index: 100;
	float: none;
}


/* Position the subnavigation li items relative, so we can adjust for browser differences later, 
	and set their width for consistency.  */
#navigation li:hover li, #navigation li.over li {
	margin: 0px;
	position: relative;
	width: 180px;
	background: #696969;
	padding: 6px 12px 6px 12px;
	border-bottom: 1px solid #3D3D3D;
	float: left;
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#navigation li:hover li a:link, #navigation li.over li a:link {
	
	text-decoration: none;
	font-size: 10px;
	font-weight:100;
}
#navigation li:hover li.hasChildren, #navigation li.over li.hasChildren {
	background: #696969 url('/images/dhtmlarrow.gif');
	background-repeat: no-repeat;
	background-position: 98% 50%; 
}
#navigation li:hover li a:hover, li:hover li a:link:hover, #navigation li.over li a:link:hover {
	text-decoration: underline;
}
#navigation li:hover li {
	height: auto;
	min-height: 21px;
}
#navigation li:hover li {							/*	Position the subnavigation for firefox */
	left: -45px;
	top: -45px;
}
#navigation li.over li {							/*	Position the subnavigation for IE */
	left: -45px;
	top: -50px;
}
#navigation li:hover, #navigation li.over {				/* Set properties for the item you are over */
}
#navigation li:hover li ul, #navigation li.over li ul { 	/* can we do second level menus this way? */
	display: none;
}
#navigation li:hover li:hover ul, #navigation li.over li.over ul {
	display: block;
}
#navigation li:hover li:hover ul {					/* fix second level menus in FF */
	left: -210px;
	top: 30px;
}
#navigation li.over li.over ul { 					/* fix second level menus in IE */
	left: -210px;
	top: 40px;
}
#navigation li:hover li:hover ul, #navigation li.over li.over ul {
	position: absolute;
	left: 250px;
	display: block;
	z-index: 100;
}
#navigation li:hover li:hover li, #navigation li.over li.over li {
	background: #999999;
}
#navigation li li li li{
	display: none;
}

/*----------------------------------------
	Shopping Cart Styles
----------------------------------------*/
table.gc_cart_form {					
	width: 99%;
	border-collapse: collapse;
	background: #f3f3f3; 
}
table.gc_cart_form th {
	background: #6d97c6;
	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: #000;
}
table#cart_steps tr td.regular{							/* other cart step headers */
	background-color: #e5e5e5;
	color: #000;
}
table.gc_cart_form input, table.gc_cart_form select, table.gc_cart_form textarea{
	color: #333;
}
* > 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;
}
table tr#gc_extradonate  {      /* hide the donations row */
	display: none;
}
/*----------------------------------------
	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: #669900;
	color: white;
	text-align: left;
	padding: 4px;
}

/*----------------------------------------
	Member Dashboard Styles
----------------------------------------*/
table#rendered_form {
	width: 99%;
}
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: #fff;
	color: #204D79;
	font-size: 12px;
	line-height: 1.6em;
}
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: #6d97c6;
	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: #204D79;
	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: #e5e5e5;	
}
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 */

/*--------------------------------------------
	Products Styles
--------------------------------------------*/
table#products_table, table.products_table {
	width: 99%;
}
table#details_price{
	width: 25%;
	margin: 3px;
}
table#products_table tr th, table.products_table tr th, table#details_price tr th{
	background-color: #6d97c6;
	color: #fff;
	padding-left: 5px;
}
table#products_table tr td, table.products_table tr td, table#details_price tr td{
	vertical-align: top;
	padding: 5px;
}
table#products_table tr td.price_block, table.products_table tr td.price_block, table#details_price tr td.price_block{
	text-align: center;
	padding-top: 5px;
	width: 25%;
	vertical-align: middle;
	background-color: #e5e5e5;
}
.prod_links{
	font-weight: bold;
}

table#products_table tr ul, table.products_table tr ul {
  margin: 0;
  padding: 0;
}
table#products_table tr ul li, table.products_table tr ul li {
  display: inline;
  padding: 0em 4em 0em 0em;
}
table#products_table .rowlight, table.products_table .rowlight {
  background-color: #efefef;
}
table #products_table .rowdark, table.products_table .rowdark {
  background-color: #fff;
}
table #products_table img, table.products_table img {
	margin: 5px;
}

/*--------------------------------------------
	Links Module Styles
--------------------------------------------*/
table.alphabet {
	width: 99%;
	border-collapse: collapse;
	margin-top: 10px;
}
table.alphabet tr td{
	padding: 0px;
	text-align: center;
	width: 3.2%;
}

table#alpha_section{
	width: 99%;
	margin-bottom: 5px;
}
table#alpha_section tr th{
	text-align: left;
	padding-top: 8px;
}

table#link_details{
	width: 99%;
}
table#link_details tr th{
	text-align: left;
	font-size: 12px;
	padding-bottom: 10px;
}
table#link_details tr td.link_name{
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
table#link_details tr td.link_url{
	padding-bottom: 15px;
	padding-top: 0px;
	margin-top: 0px;
	border-bottom: 1px dashed black;
}

/* --------------------------------------
	Search page styles
-------------------------------------- */
table#checkboxes {
	width: auto;
}
table#checkboxes tr td{
	background-color: #fff;
}
ul.search_list{
	margin-left: 0px;
	padding-left: 0px;
}
ul.search_list li {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
	padding-bottom: 3px;
}
h2.search_head{
	font-size: 13px;
	color: #333333;
}
.required {
	font-weight: bold;
}
.required_asterisk {
	font-weight: bold;
	color: red;
}

input[type="checkbox"], input[type="radio"], form table input[type="checkbox"], form table input[type="radio"] { /* this keeps the size of checkboxes and radio buttons in check! */
width:14px;
} 

/* -------- Product Images --------- */
.prod_img_sm {
	margin-top: 5px;
	height: 100px;
	width: 70px;
	border: 1px solid #ccc;
}
.prod_img_lg, .location_logo, .bio_image {
	height: 200px;
	width: 150px;
	border: 1px solid #ccc;
}