/*------------------------------------
	Basic Page Styles
-------------------------------------*/
body {
	margin-top: 0px;
	background-color: #5782A4;
}
p, li, ol, i, em, body, .contentS td  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #003366;
}
p.orange, td.orange {
	border-right-style: none;
	border-left-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #CC6600;
	background-color: #FBE4C2;
	padding: 6px 10px;
}
/*------------------------------------
	Page Structure
-------------------------------------*/
.right_cell {
	background-color: #7C9EB9;
	padding: 16px 0px;
}
.left_cell {
	background-color: #FFFFFF;
	padding: 16px;
	margin-right: 2px;
}
.white_cell {
	padding: 14px;
}
#lastUpdated {
	padding-left: 18px;
	margin-top: -10px;
	padding-top: 0px;
	font-size: 10px;
}
form#join_mail{
	margin: 0px;
	padding: 0px;
}
#join_mail_img{
	margin-bottom: 0px;
}
/*---------------------------------------
	DHTML Styles
-----------------------------------------*/
#nav {
	margin: 0px;
	padding:0px;
	list-style: none;
	width: 100%;
	position: relative;
}
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active{
	text-decoration: none;
	border: none;
	font-size: 11px;
	color: #fff;
} 	
#nav a img {
	border: none;
}
#nav li {
	display: block;
	margin: 7px 0px;
	padding: 0px 16px;
}
#nav form {								/* this is for browser consistency... */
	margin: 7px 0px;
}
#nav li ul {							/* Hide the Subnav */
	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: -210px;
	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: #6385A0;
	float: left;
	clear: both;
	height: 14px;
	border-bottom: #003564 solid 1px;
	padding: 8px;
}
#nav li:hover li {
	height: auto;
	min-height: 21px;
}
#nav li:hover li {							/*	Position the subnav for firefox */
	left: -45px;
	top: -40px;
}
#nav li.over li {							/*	Position the subnav for IE */
	left: -45px;
}
#nav li:hover, #nav li.over {				/* Set properties for the item you are over */
}
#nav li:hover li ul, #nav li.over li ul { 	/* can we do second level menus this way? */
	display: none;

}
#nav li:hover li:hover ul, #nav li.over li.over ul {
	display: block;
}
#nav li:hover li:hover ul {					/* fix second level menus in FF */
	left: -210px;
	top: 40px;
}
#nav li.over li.over ul { 					/* fix second level menus in IE */
	left: -210px;
	top: 0px;
}
#nav li:hover li:hover li, #nav li.over li.over li {
	background: #7C9EB9;
}
/* Just in case some smartass trys putting extra UL tags in somewhere to make third level menus, foil them... */
#nav li li li li{
	display: none;
}
/*
Dynamically created content doesn't work in IE....
#nav li.hasChildren a:after {
	content: "<<";
}
#nav li.hasChildren li a:after {
	content: "";
}
And IE can't handle background images, which is really lame.
*/
#right_col ul#nav li.hasChildren {
	background: #6385A0 url("/images/menuback.gif");
}
#right_col ul#nav li.hasChildren li {
	background: #7C9EB9;
}

/*---------------------------------------
	Page Layout Styles
-----------------------------------------*/
#frame {
	width: 740px;
}
#left_col {
	width: 540px;
}
#right_col {
	width: 200px;
}
#header-img{

}
.footer {
	font-size: 9px;
	padding-left: 20px;
	padding-bottom: 25px;
}
#footer-right{
}
#pf_tell {
}
#pf_tell a:link, #pf_tell a:visited, #pf_tell a:hover, #pf_tell a:active {
	text-decoration: none;
	border: none;
}

/*---------------------------------------
	Tables
-----------------------------------------*/
table.form {
	width: 100%;
	border-collapse: collapse;
	/*border-left: 1px solid #6385A0;
	border-right: 1px solid #6385A0;
	*/
	border: none;
}
table.form th {
	background: #6385A0;
	color: #fff;
	padding: 8px;
}
table.form td {
	padding: 8px;
	/*border-bottom: 1px solid #6385A0;*/
}
/*---------------------------------------
	Home Page Calendar Widget
-----------------------------------------*/
table#events_calendar{
	width: 250px;
	margin-top: 10px;
	margin-bottom: 5px;
}
table#events_calendar tr th{
	color: #fff;
	background-color: #f90;
	font-size: 16px;
	font-weight: bold;
}
table#events_calendar tr td{
	color: #CC6600;
	text-align: center;
	padding: 2px;
	vertical-align: top;
}
table#events_calendar tr td.date{
	background-color: #fff;
}
table#events_calendar tr td.date a:link, table#events_calendar tr td.date a:active, table#events_calendar tr td.date a:visited, table#events_calendar tr td.date a:hover { 
	font-weight: bold;
}
table#events_calendar tr td.no_date{
	border: 1px solid #fff;
}
/*---------------------------------------
	Headings:
-----------------------------------------*/
h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #003366;
	font-weight: bold;
}
h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #003366;
	font-weight: bold;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #003366;
	font-weight: normal;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #003366;
	font-weight: normal;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 22px;
	color: #003366;
	font-weight: normal;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 22px;
	color: #003366;
	font-weight: normal;
}
h4.orange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #FF9900;
	font-weight: bold;
}

/*-------------------------------
	Links
---------------------------------*/
a:link {  
	color: #FF9900;
	border-bottom: 1px dashed #FF9900;
	text-decoration: none;
}
a:active { 
	color: #FF9900;
	border-bottom: 1px dashed #FF9900;
	text-decoration: none;
}
a:visited { 
	color: #003466;
	border-bottom: 1px dashed #003466;
	text-decoration: none;
}
a:hover { 
	color: #FF9900;
	border-bottom: none;
	text-decoration: none;
}
#subheads a:link {
	color: #6699CC;
	border-bottom: 1px dashed #6699CC;
	text-decoration: none;
}
#subheads a:visited {
	color: #003466;
	border-bottom: 1px dashed #6699CC;
	text-decoration: none;
}
#subheads a:hover {
	color: #6699CC;
	border-bottom: none;
	text-decoration: none;
}
#subheads a:active {
	color: #6699CC;
	border-bottom: 1px dashed #6699CC;
	text-decoration: none;
}
a.noborder:link, a.noborder:visited, a.noborder:hover, a.noborder:active {
	border:none;
}
a.orangelink:link, a.orangelink:visited, a.orangelink:hover, a.orangelink:active, .orange a:link, .orange a:visited, .orange a:hover, .orange a:active  {
	font-weight: bold;
	color: #CC6600;
	text-decoration: underline;
	border:none;
}
a.plain:link, a.plain:visited, a.plain:hover, a.plain:active {
	text-decoration: none;
	border:none;
}
a.resource:link, a.resource:visited, a.resource:hover, a.resource:active {
	color: #69c;
	text-decoration: underline;
	border:none;
}
a.resource:hover{
	text-decoration: none;
}
/*-------------------------------------
	Application Styles
--------------------------------------*/
table#application{
	width: 99%;
	border: 1px solid #003366;
	border-collapse: collapse;
}
table tr.rowlight{
	background-color: #fff;
}
table tr.rowdark{
	background-color: #7C9EB9;
}
table#application tr th{
	background-color: #003366;
	color: #fff;
	padding: 5px;
	text-align: center;
}
table#application tr th.white_bottom{
	border-bottom: 1px white solid;
}
table#application tr td{
	vertical-align: top;
	border: 1px solid #003366;
	padding: 5px;
}
table#application tr td.label{
	text-align: right;
}
table#application tr td.required{
	text-align: right;
	font-weight: bold;
	width: 40%;
}
table#application tr td.nosidepad{
	padding: 0px;
	border-spacing: 0px 0px;
}
table.subtable{
	width: 100%;
	border: none;
	border-collapse: collapse;
}
table.subtable tr td a{
	border: none;
}

select.appstd, input.appstd{
	width: 160px;
	color: #003366;
}
select, input, textarea{
	color: #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}	

/*-----------------------------------------------
	Calendar Formatting
----------------------------------------------- */
table.calendar{
	width: 99%;
	border-collapse: collapse;
}
table.calendar tr td{
	padding: 5px;
}
table.calendar tr.rowdark{
	background-color: #e5e5e5;
}
/*-------------------------------------
	Various
--------------------------------------*/
.home_01 {
	background-image:url(images/rotate/home_01.jpg);
	background-repeat: no-repeat;
}
.home_03 {
	background-image:url(images/rotate/home_03.jpg);
	background-repeat: no-repeat;
}
#takeAction {
	padding-right: 14px;
}
#takeAction p {
	font-size: 10px;
	line-height: 14px;
	margin-bottom: 0px;
	margin-top: 1em;
}
#printer-friendly {
	display: none;
}
a img, a:link img, a:visited img, a:hover img, a:active img {
	border: none;
}
form {
	width: auto;
}
.tableoutline {
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #3D5A72;
	border-bottom-color: #3D5A72;
	border-left-color: #3D5A72;
}

.orangepet {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #CC6600;
	font-weight: bold;
}
.blue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	color: #003366;
}
select.blue, input.blue {
	width: 152px;
}
.error {
	color:#FF0000;
	font-weight: bold;
}
.orange_box, .pf_tell {
	color: #FF9900;
	border: 1px dashed #6699CC;
	padding: 10px;
}

/****************************************/
/*--------------------------------------------------
	Form Styles
---------------------------------------------------*/
form{
	margin: 0;
}
input, textarea {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #036;
}
option {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #036;
}
select {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #036;
}
select#state, select#country{
	width: 137px;
}
form table td select {
	width: 150px;

}
form table, table.list, div.list { 					/* properties for tables in forms */
	width: 100%;
	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: #6385A0;
	font-weight: bold;
	color: white;
	padding: 4px;
	text-align: left;
}
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;} 											/* required fields for forms */
.red, .errors, .error, table.form tr td.errors {
	font-weight: bold;
	color: #FF0000;
}
table.form tr td.errors{
	border: none;
	background: #fff;
}
.note, .notes, .ed_instructions{
	font-size: 11px;
	line-height: 14px;
	padding-top: 0px;
	margin-top: 3px 0px 0px 0px;
}
.subtable_add{
	cursor: pointer;
}
.subtable_delete {
	cursor: pointer;
}

/*-------------------------------------------------
	Organization Profiles Module
--------------------------------------------------*/
form#org_profile table tr td{
	vertical-align: top;
}
table#org_profiles{
	width: 99%;
	border-collapse: collapse;
}
table#org_profiles tr th{
	background: #6385A0;
	color: #003366;
	font-weight: bold;
	padding: 5px 5px 5px 7px;
	font-size: 1.1em;
}
table#org_profiles tr td{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
	vertical-align: top;
}
table#org_profiles tr td.prof_name{
	padding-top: 12px;
	padding-bottom: 2px;
	font-weight: bold;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
}
table#org_profiles tr td.label{
	text-align:right;
	font-weight: bold;

}
table#org_profiles tr td.right_col{
	font-weight: bold;
	width: 90%;
}
table#org_profiles tr td.prof_desc{
	padding-bottom: 3px;
	padding-top: 2px;
}
table#org_profiles tr td.total{
	font-weight: bold;
	color: #003366;
	padding-bottom: 15px;
	padding-top: 10px;
	font-size: 12px;
}
/*----------------------------------------
	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: #6385A0;
	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;	
}
form.crm tr td a img, table.crm tr td a img, table.crm_subtable tr td a img, table.crm_subtable tr td.view_img a{
	border: none;
}
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 */

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

/*--------------------------------------------
	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: #6385A0;
	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;
}
.prod_img_sm{
	margin-right: 5px;
}
/* ------------- 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;
}
/*----------------------------------------
	Shopping Cart Styles
----------------------------------------*/
table.gc_cart_form {					
	width: 99%;
	border-collapse: collapse;
	background: #f3f3f3; 
}
table.gc_cart_form th {
	background: #6385A0;
	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: #669900;
	color: white;
	text-align: left;
	padding: 4px;
}
/*-----------------------------------------------------
	Tell-A-Friend
------------------------------------------------------*/
form#tellafriend table{
}
form#tellafriend table tr th{
}
form#tellafriend table tr td.leftcol{
	width: 33%;
}
form#tellafriend table tr td{
	padding: 5px;
	padding-bottom: 2px;
}
form#tellafriend table tr td table{
	width: 300px;
}
form#tellafriend table tr td table#recipients tr td{
	padding: 2px;
}
form#tellafriend textarea.wide {
	width: 300px;
}

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