/* 	CSS FOR THE PRCH GetActive WRAPPER!!
	This can be disregarded when we are no longer linking to GetActive pages!
	12/10/07 - SG
*/

@charset "UTF-8";
body  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #e5e5e5;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
/*	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

form, div, table {
	margin:0px;
	padding:0px;
}

img, a img {
	border:none;
}

input.text {
	width:175px;
	border:1px solid #e2e2e2;
	height:20px;
}

textarea {
	width:300px;
}

#top_text{
	margin-right: 12px;
	margin-left: 12px;
}
#top_text_home{
	padding-left: 12px;	
}

#subnav{
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

#subnav .subnav_link {
	text-indent: -12px;
	line-height: 1.4em;
	margin-left: 8px;
}

#thirdlevel, .thirdlevel{
	padding-left: 12px;
}




/* START HOME PAGE STYLES */

/* COLORS:
	dark blue: #173966
	background yellow/orange: #FCB040
	lighter blue: #385E9F
	light blue: #D5DBE9
*/	

#container {
	margin:0px auto;
	/*this sets the width of the overall design*/
	width:800px;
	border:1px solid #173966;
}
#topContainer {
	width:100%;
	height:275px;
	background-color:#173966;
}

#topContainer #topBar {
	/*this width sets the curved text area, do not increase.  JAD*/
	width:760px;
	height:40px;
}
#topBar #searchBox {
	float:left;
	width:300px;
}
#topBar #searchBox input {
	float:left;
/*	color:#173966; */
	color: #AAA;
}
input#topSearchInput {
	margin:15px 0px 0px 20px;
}
input#goButton {
	margin:8px 0px 0px 5px;
}
#topBar #topNav {
	float:left;
	margin-left:230px;
	margin-top:7px;
}
#topContainer #topLogo {
	text-align:left;
}
#topContainer #topLogo img {
	margin:0px;
	padding:0px;
	float:left;
}
#bottomContainer {
	width:100%;
	background-color:#FCB040;
	border-top:2px solid #fff;
}
#bottomContainer #mainNav {
	/*this width sets the curved text area, do not increase.  JAD*/
	width:760px;
	background-color:#385E9F;
	text-align:center;
	border-right:2px solid #385E9F;
}
#bottomContainer #mainNav #navWrapper {
	margin-left:10px;
}
#bottomContainer #mainNav img {
	float:left;
	margin:0px;
	padding:0px;
}
#bottomContainer #mainContentContainer {
	/*this width sets the curved text area, do not increase.  JAD*/
	width:760px;
	border-right:2px solid #385E9F;
	background-color:#fff;
	color:#333333;
	padding-top:15px;
}
#mainContentContainer #leftContent {
	width:456px;
	border-right:1px solid #e2e2e2;
	float:left;
}
#mainContentContainer #leftContentInner {
	/*The inner page left and right cols are different widths than the home page so I added this*/
	width:548px;
	/* we don't want a border on the inner pages, so I took it out. - SG 11/27/07 */
/*	border-right:1px solid #e2e2e2; */
	float:left;
}
#mainContentContainer #rightContent {
	width:303px;
	float:left;
}
#mainContentContainer #rightContentInner {
	/*The inner page left and right cols are different widths than the home page so I added this*/
	width:212px;
/*	_width:200px; */
	float:left;
}
#mainContentContainer #rightContent .whiteBlock {
	width:296px;
	height:128px;
	margin-left:7px;
}
#mainContentContainer #rightContent .blueBlock {
	margin-left:7px;
	width:296px;
	height:128px;
	background-color:#D5DBE9;
	background-image:url(images/blue_corner.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#rightContent p {
	padding:0px;
	margin:4px 0px;
	line-height:1.4em;
}

/*---- style for the  current link in the nav --- */
#currlink {
	font-weight: bold;
}


#bottomContentCurve {
	width:762px;
	height:18px;
	background-image:url(images/bottom.gif);
	background-repeat:no-repeat;
}

.clear {
	height:1px;
	line-height:1px;
	clear:both;
}
.padding {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: -8px;
}
.blockPadding {
	padding:15px;
	_padding:10px;
}
.blockButtons {
	text-align:right;
}
.blockForm input, .blockForm label {
	float:left;
}
.blockForm label {
	margin-top:2px;
}
.blockForm input {
	margin-left:21px;
	*margin-left:17px;
}
form#signupHome input {
	float:left;
}

form#signupHome #stayInformedInput {
	color: #AAA;
}

#homeFooter {
	background-color:#173966;
	background-image:url(images/footer_curve.gif);
	background-position:top right;
	background-repeat:no-repeat;
	height:47px;
	/*this width sets the curved text area, do not increase.  JAD*/
	width:760px;
	color:#fff;
	line-height:47px;
	margin-top:10px;
	font-size:.95em;
}
#homeFooter .padding {
	padding:0px;
	padding-left:20px;
}
#homeFooter a {
	color:#fff;
}

/* END HOME PAGE STYLES */


/* START INNER RIGHT SIDE STYLES */

/* blue subnav sidebar */
div#subnav {
	padding-top:0px;
	padding-bottom:0px;
	padding:0px;
}
div#subnav .padding {
	background-color:#D5DBE9;
	padding:15px 20px;
	/*padding-top:20px;*/
}
div#subnav #topCurve {
	background-color:#D5DBE9;
	background-image:url(images/top-blue-curve.jpg);
	background-repeat:no-repeat;
	height:15px;
}
div#subnav #bottomCurve {
	/*background-color:#D5DBE9;*/
	background-image:url(images/bottom-blue-curve.jpg);
	background-repeat:no-repeat;
	height:15px;
}
div#subnav a {
	color:#333333;
}

/* yellow utilities (aka printer friendly, tell-a-friend, rss) sidebar */
div#utilities {
	background-image:url(images/yellow-curve.jpg);
	background-repeat:no-repeat;
	background-color:#FEF9B7;
	height:100px;
	margin-top:10px;
}
div#utilities .padding {
	padding:15px 20px;
	padding-right:none;
	*padding-top:25px;
}
div#utilities a img {
	margin:4px 0px;
}

div#bot_text {
	padding-left:20px;
	padding-right:10px;
}


/* END INNER RIGHT SIDE STYLES */



.twoColFixLt #container { 
	width: 800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar.  please note this client has a design at full 800px and based on current trends leaning to 1024x768 this is acceptable.  jordan */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #173966;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
/* This is the image rotate */
.twoColFixLt #img_rotate {
	float: left;
}
/*This is my right side float box with navigation*/
.twoColFixLt #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 180px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFFFFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 20px 15px 20px;
	*padding-left:0px;
	_padding-left:0px;
	*margin-top:15px;
	_margin-top:0px;	
}
/*This is my right side float box with navigation*/
.twoColFixLt #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 180px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFFFFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 20px 15px 20px;
	*padding-left:0px;
	_padding-left:0px;
	*margin-top:15px;
	_margin-top:0px;
}
.twoColFixLt #mainContent { 
	width: 550px;
	clear: left;
	margin: 0 0 0 10px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 6px 20px 6px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	*padding-right:0px;
	_padding-right:0px;
	*margin-top:15px;
	_margin-top:0px;
} 
.twoColFixLt #mainContentHome {
	width: 420px; 
	clear: left;
/*	clear:both;*/
	padding-top: 18px;
	padding-right: 20px;
	padding-bottom: 18px;
	padding-left: 20px;
} 
.twoColFixLt #eventFooter{
	float: left;
	width: 463px;
	height: 40px;
	background-image:url('images/home_window_footer.gif');
	background-repeat:no-repeat;
}
.twoColFixLt #eventFooter p {
	padding:0px;
	margin:0px;
	padding-left:100px;
}
.twoColFixLt #eventFooter p span.separator {
	padding-left:65px;
	*padding-left: 50px;
}
.twoColFixLt #eventFooter a:link, .twoColFixLt #eventFooter a:visited {
	color:#cc3300;
	text-decoration:underline;
}
.twoColFixLt #eventFooter a:hover, .twoColFixLt #eventFooter a:active {
	color:#cc3300;
	text-decoration:none;
}
#homeWrapper {
	margin-top:-15px;
	*margin-top:294px;
	_margin-top:0px;
	z-index: 200;
	clear:both;
}
.twoColFixLt div#frcContentHome{
	float: right;
	width: 292px;
	height: 200px;
	margin-right: 20px;
	_margin-right: 10px;
	margin-top: 20px;
	border: 1px solid #facf88;
	background-color: #fdecd1;
}
/* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
.fltrt {
	float: right;
	margin-left: 8px;
}
/* this class can be used to float an element left in your page */
.fltlft { 
	float: left;
	margin-right: 8px;
}
/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* -----------------The Basics--------------------*/
p, Normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding: 0 0 12px 0;
	line-height: 22px;
}

ol, ul, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
}
h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #F5A222;
}
/*remember this is our page title*/
h1.catTitle {
	font: normal 26px, verdana, arial, helvetica, sans-serif;
	color: #F5A222;
	border-bottom: 1px solid #F5A222;
	margin-left: 12px;
	margin-right: 12px;
}
h1.catTitleHome {
	font: normal 28px, verdana, arial, helvetica, sans-serif;
	color: #F5A222;
	border-bottom: 1px solid #F5A222;
	margin-left: 12px;
	margin-right: 12px;
	margin-bottom: 28px;
}
h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #cc3300;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #cc3300;
}
h4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #F5A222;
}
h5{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #cc3300;
	margin-bottom: -10px;
}
h6{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #F5A222;
}
th{
	font-weight: bold;
	color: #FFFFFF;
	background-color: #cc3300;
	padding: 4px;
}

/* someone may need to do this as the hr here is what i am using in that right navigation float box*/
hr {
 	border: 0;
  	width: 100%;
  	color: #22496c;
	background-color: #22496c;
	height: 1px;
}
#footer{
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #173966;
	padding: 12px;
	line-height: 22px;
	/*this sets the yellow to the right of the footer row*/
	border-right-width: 38px;
	border-right-style: solid;
	border-right-color: #fbb03f;
}
/*---- This style is called to in the 3rd level nav but at present I need it to do nothing so I left this blank but may come back and add some background color in the futyre. --- */
#currlink {
}
/* -----------------Error Messages--------------------*/
.errors, .error, cc_errors, red{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #CC0000;
}
/* -----------------Site Wide Links--------------------*/
a:link, a:active, a:visited {
	color:#0e5ca5; 
	text-decoration:underline;
}
a:hover { 
	text-decoration:none; 
}
/* -----
This is here just to make sure images in general have no border.
----- */
img, a img { 
	border: 0; /*
	margin: 0;
	padding: 0; */
}

/* -----------------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: #222;
	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;
}
/* here is the red row header color */
table.crm tr td.white {	background: #fff;} 					
/* MyORG row heading colors */
form.crm table tr th, table.crm tr th{ 						
	color: #FFFFFF;
	background-color: #912400;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	padding-left: 3px;
}
/* row subheads for orders, events, and communication */
table.crm_subtable tr th, form.crm table.subtable tr th { 	
	color: #222;
	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;}
/* td padding & alignment */
form.crm tr td, table.crm tr td, table.crm_subtable tr td { 
	vertical-align: top;
	padding-left: 7px;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: -7px;
	background-color: #e5e5e5;	
}
/* no td padding for subtables */
table.crm_subtable tr td { padding: 0px; }
/* align img icons in the Action(s) column */
table.crm_subtable tr td.view_img{ 		
	vertical-align: middle;
	text-align: center;
}
form.crm table ul, table.crm ul{ /* format lists */
	padding-left: 15px;
	margin: 0px;
}
/* format lists */
form.crm table li, table.crm li {padding-left: 0px;}
/* yellow color for returning users log in box */
.login_box { background-color: #ffff99; }

/* -----------------Product Styles--------------------*/
table#products_table{
	width: 99%;
}
table#details_price{
	width: 25%;
	margin: 3px;
}
table#products_table tr th, table#details_price tr th{
	background-color: #c30;
	color: #fff;
	padding-left: 5px;
}
table#products_table tr td, table#details_price tr td{
	vertical-align: top;
	padding: 5px;
}
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 {
  margin: 0;
  padding: 0;
}
table#products_table tr ul li {
  display: inline;
  padding: 0em 4em 0em 0em;
}
table#products_table .rowlight {
  background-color: #efefef;
}
table #products_table .rowdark {
  background-color: #fff;
}
/* -----------------Shopping Cart Styles--------------------*/
table.gc_cart_form {					
	width: 99%;
	min-width: 490px;
	border-collapse: collapse;
	background: #ffffff; 
	/*overflow:hidden;*/
}
table.gc_cart_form th {
	background: #c30;
	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;
}
/* for formatting price/dollar amounts in the PRICE column in the shopping cart */
.price { text-align: right; } 
/* for formatting price/dollar amounts in the TOTAL column in the shopping cart */							
.total { text-align: right; padding-right: 3px;background:#EAECEE} 		
/* for "Shipping", "Tax", "Subtotal", and "Total" */
.ship_title { text-align: right; font-weight: bold;}
/* Products, Donations, and Events row headers */
table.gc_cart_form tr td.type_header { 
	background-color: #f3f3f3; 
	font-weight: bold;
	color: #777;
}
/* format "Want to apply a coupon?" text on payment info page */
table.gc_cart_form tr td.apply_coupon {
	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;
}
/* current cart step header */
table#cart_steps tr td.selected{
	background-color: #ccc;
	color: #000;
}
/* other cart step headers */
table#cart_steps tr td.regular{	
	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.gc_cart_form .radio {
	width: 12px;
}
/* -----------------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;}
/* add horizontal line between receipt sections */
table.receipt tr td.bottom {
	border-bottom: 1px dashed #222;
	padding-bottom: 5px;
}

/* reduce line height for address blocks */
.address_block, .address {
	line-height: 1.2em;
	padding: 5px 0px 5px 7px;
}
p.address { padding: 0px; }
p.address:first-line { font-weight: bold; }
/* add gray box around shipping address */
.ship_block {
	background-color: #e5e5e5;
	line-height: 1.2em;
	padding: 5px 0px 5px 7px;
}
/* Products, Donations, and Events row headers */
.receipt_header {
	background-color: #e5e5e5;
	font-weight: bold;
}
/* format for the Receipt/Invoice/Packing Slip text */
h1#receipt {font-size: 18px; color: #222;}

/* -----------------Add Coupon Styles--------------------*/
table.coupon {
	background-color: #eee;
	width: 280px;
}
table.coupon th {
	background: #669900;
	color: white;
	text-align: left;
	padding: 4px;
}
.formclass{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ED661B;
}
td#rowno {
	background-color: #e5e5e5;
}

Address, Formatted {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background-color: #e5e5e5;
	padding: 8px;
	border: 1px solid #999999;
	font-style: normal;
}
/* -----------------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: #999999; 	
}

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

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

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

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

#staff {
	color: #222;
	font: 12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 12px 0;
	line-height: 22px; 
} 

/* -----------------Form Styles--------------------*/

/*table tr td{
	vertical-align: top;
}*/
/* gc_cart_form is the class set on the shopping cart forms */
table.form, table.gc_cart_form, table.form2 {							
	width: 99%;
	border-collapse: collapse;
	background: #f3f3f3; 
	/*overflow:hidden;*/
}
table.form2 td {
     padding: 10px 2px 8px 2px;

}
table.form2, table.gc_cart_form {background: #e5e5e5;}
table.gc_cart_form {width: 500px; max-width: 500px;}
table.form tr.row_odd, table.form2 tr.row_odd, table.funders tr.row_odd, table tr.rowdark {background: #e5e5e5;} 	/* Think .rowdark */
table.form tr.row_even, table.form2 tr.row_even, table.funders tr.row_even, table tr.rowlight {background: #eee;} /* Think .rowlight */
table.form th, table.form2 th, table.gc_cart_form th {
	background: #CC3300;
	color: white;
	text-align: left;
	padding: 4px;
}
table.form2 th {
    background: rgb(201, 54, 0);
}
table.form td, table.form2 td, table.gc_cart_form td {
	vertical-align: top;
	padding-left: 7px;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: -3px;
}
table.form2 td {padding-top: 3px;}
table.gc_cart_form tr td {	padding-right: 0; }
table.form ul, table.form2 ul {
	margin: 0px;
	padding: 0px;
}
table.form li, table.form2 li {list-style: none;}
/*form table td select { width: 126px; color: #204D79;} */
form table table.subtable td { border-bottom: 2px solid white; }
form table table.subtable { border-collapse: collapse; width: 99%;}
form table table.wms_fieldset td { border: none; }
form table table.wms_fieldset td input { width: 126px; }
form table table.wms_fieldset td select { width: 130px; }

form table td table.subtable td, form table td table.subtable th, form table td table.sqlresult td, form table td table.sqlresult th { 
/* top align subtable fields */
	vertical-align: top; 												
	padding-left: 3px; 
	padding-right: 3px;
} 						
/* required fields for forms */												
.formreq, .required { font-weight: bold; } 										
.required_asterisk { color: red; }
/* align form labels right */
/*form table tr td label {												
	display: block;
	text-align: right;
}*/

/* 11/19 DM */
/* Below changes are for media center & resources table displays, th should have white text with red background */
table.form h3, table.form h4 {
	margin: 0;
}
table.form h4 {
	font-size: 16px;
}
table.form th {
	color: #FFF;
	font-size: 16px;
	background-color: #C30;
}
/* End 11/19 DM */
/* -----------------Product/Bookstore Styles--------------------*/
.products_hd { 
	color: #FFFFFF;
	background-color: #CC3300;
	font-weight: bold;
	font-size: 14px;
}
.products_body { 
	color: #204D79;
	font-size: 12px;
	line-height: 1.6em;
}
.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;
}
.location_map {
	float: right;
	clear: both;
	padding: 12px 0;
	padding-left: 12px;
}
.price_block { 
	background: #FFFDCE;
	text-align: center;
	border-bottom: 2px solid white;
}
.sale {
	font-weight: bold;
	color: #FF0000;
}
table#products_table tr td {vertical-align: top;}

/* -----------------Shoppingcart Styles--------------------*/
/* for formatting price/dollar amounts in the PRICE column in the shopping cart */
.price { text-align: right; } 							
/* for formatting price/dollar amounts in the TOTAL column in the shopping cart */
.total { text-align: right; padding-right: 3px;} 		
/* for "Shipping", "Tax", "Subtotal", and "Total" */
.ship_title { text-align: right; font-weight: bold;} 	
/* Products, Donations, and Events row headers */
.type_header { 											
/*	background-color: #E5E5E5;*/
	background-color: #f3f3f3; 
	font-weight: bold;
	color: #999999;
}
/* format "Want to apply a coupon?" text on payment info page */
.apply_coupon {											
	font-weight: bold;
	text-align: center;
	background-color: #fff;
}
.terms_conditions{
	color: red; 
}
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;}
/* add horizontal line between receipt sections */
table.receipt tr td.bottom { 					
	border-bottom: 1px dashed #204D79;
	padding-bottom: 5px;
}
/* reduce line height for address blocks */
.address_block, .address { 						
	line-height: 1.2em;
	padding: 5px 0px 5px 7px;
}
p.address { padding: 0px; }
p.address:first-line { font-weight: bold; }
/* add gray box around shipping address */
.ship_block { 									
	background-color: #e5e5e5;
	line-height: 1.2em;
	padding: 5px 0px 5px 7px;
}
/* Products, Donations, and Events row headers */
.receipt_header { 								
	background-color: #e5e5e5;
	font-weight: bold;
}
/* format for the Receipt/Invoice/Packing Slip text */
h1#receipt {font-size: 18px; color: #204D79;} 	

/* -----------------Add Coupon Styles--------------------*/

table.coupon {
	background-color: #fff;
	width: 280px;
}
table.coupon th {
	background: #669900;
	color: white;
	text-align: left;
	padding: 4px;
}
/* -----------------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;
}
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;
}
* > 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;
}
/* 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;
}
/* -----------------MyORG Styles--------------------*/
table#rendered_form {
	width: 99%;
}
/* align form labels right */
form.crm table tr td label {								
	display: block;
	text-align: right;
}
/* table & subtable properties */
form.crm, table.crm, table.crm_subtable {					
	width: 99%;
	background: #fff;
	color: #204D79;
	font-size: 12px;
	line-height: 1.6em;
}
/*subtables for orders, events and communications */
table.crm_subtable { 										
	margin: 0px 0px 3px 0px;
	padding: 5px;
	border-collapse: collapse;
}
/* to get table cells with white background */
table.crm tr td.white {	background: #fff;} 					
/* here is the red row header color, jordan */
form.crm table tr th, table.crm tr th{ 						
	color: #FFFFFF;
	background-color: #CC3300;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	padding-left: 3px;
}
/* row subheads for orders, events, and communication */
table.crm_subtable tr th, form.crm table.subtable tr th { 	
	color: #204D79;

	font-size: 12px;
	line-height: 1.6em;
	font-weight: bold;
	background-color: #fff;
}
/* formatting for the Action(s) column */
table.crm_subtable tr th.action{
	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;	
}
/* no td padding for subtables */
table.crm_subtable tr td { padding: 0px; }
/* align img icons in the Action(s) column */ 
table.crm_subtable tr td.view_img{ 		
	vertical-align: middle;
	text-align: center;
}
/* format lists */
form.crm table ul, table.crm ul{
	padding-left: 15px;
	margin: 0px;
}
/* format lists */
form.crm table li, table.crm li {padding-left: 0px;}
/* yellow color for returning users log in box */
.login_box { background-color: #ffff99; }

/* -----------------OnEvent Styles--------------------*/

.schedule_times { text-align: right; }
.session_name {	width: 60%; }
img.topic_icon {
	width: 30px;
	height: 30px;
}
table.horizontal-dashboard { width: 100%;}
.horizontal-dashboard li {
	float: left;
	margin-right: 2em;
}
.register_block { 
	background: #FFFDCE;
	text-align: center;
}

/* -----------------DEMO FORM and Login in forms--------------------*/
form table.demoform {
	width: 99%;
	background: #EAECEE;
}
form table.demoform td {
	background: #EAECEE;
	line-height:1.6em;
}
form table.demoform th.login_secondary_header {
	background: #F1DA9B;
	color: #333333;
}
/* -----------------Blog Comment FORM and Login in forms--------------------*/
form table.blogcommentform {
	width: 99%;
	background: #EAECEE;
}
form table.blogcommentform td {
	background: #EAECEE;
	line-height:1.6em;
}
/* -----------------donation FORM and Login in forms--------------------*/
form table.donationform {
	width: 99%;
	background: #EAECEE;
}
form table.donationform td {
	background: #EAECEE;
	line-height:1.6em;
}

/* -----------------forgotpassword FORM and Login in forms--------------------*/
form table.forgotpasswordform {
	width: 99%;
	background: #EAECEE;
}
form table.forgotpasswordform td {
	background: #EAECEE;
	line-height:1.6em;
}

/* -----------------Right Side Navigation Styles--------------------*/
#subheads, .subheads {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #22496c;
}
#sidenav{
	background-color: #cbd6e0;
	border: 1px solid #92a5b7;
	padding: 10px;
}
#sidenav a:link, #sidenav a:active, #sidenav a:visited {
	text-decoration:none;
}
#sidenav a:hover {
	text-decoration:underline;
}

#sidenav2{
	background-color: #f1da9b;
	border: 1px solid #ecbc55;
	padding: 10px;
	background-position: center;
}
#redbar{
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #cc3300;
}
#yellowbar{
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	z-index: 100;
	background-color: #F5A222;
}
#events_float{
	position: absolute;
	width: 410px;
	height: 197px;
	top: 240px;
	left: 18px;
	text-align: left;
	z-index: 102; /* we set the z-indez order to stack the objects correctly - JAD */
}
#pictureHome{
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	z-index: 101; /* we set the z-indez order to stack the objects correctly - JAD */
	background-color: #F5A222;
}
/* --------------Printer Friendly / Tell A Friend --------------------*/
div#print_tell {
	font-size: 10px;
	padding-bottom: 10px; 
}

form#tellafriend th{
	background-color: #cc3300;
}

div#masthead {
	/*this with matches the master width of the overall design*/
	width: 800px;
	height: 158px;
	position: relative;
	background: #FFFFFF;
}

div#masthead div#logo {
	float: left;
	clear: both;
	height: 138px;
	width: 252px;
	margin: 0px;
	border: none;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	background: #FFFFFF;

}

div#masthead div#masthead_nav_top {
   float: right;
   height: 30px;
   width: 530px;
   margin: 0px;
   text-align: right;
   padding-top: 12px;
   padding-right: 8px;
   padding-bottom: 0px;
   padding-left: 0px;
   background: #FFFFFF;

}

div#masthead div#masthead_nav_top input {
	color: #ccc;
	background: #FFFFFF;

} 

div#masthead div#masthead_nav_right {
	position: relative;
	top: 50px;
	float: right;
	height: 78px;
	width: 526px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	background: #FFFFFF;

}

div#masthead div#masthead_nav_right a, div#masthead div#masthead_nav_right img {
	margin: 0px;
	padding: 0px;

}
div#masthead form {
	margin: 0px;
	padding: 0px;
}

/* --------------- Tell A Friend ------------------- */
#recipients input {
	width:150px;
}

/* ---------------- Search Page -----------------------------*/
div#search_checkboxes {
	width: 100%;
}

div#search_checkboxes div.checkbox {
	width: 33%;
	float: left; 
}

form#search_form input {
	vertical-align: top;
}

/* ------------- GetActive Specific Styles ---------------- */
.ga-signUp th {
	background-color:#fff;
	color:#333;
}