@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;
}
.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.  jordan */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #cc3300;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #cc3300;	
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.twoColFixLt #containerHome {
	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.  jordan */
	background: #f7f5e8; /* the auto margins (in conjunction with a width) center the page */
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #cc3300;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #cc3300;
	text-align: left; /* this overrides the text-align: center on the body element. */
/*	height: 1054px; /*I hard coded the length of the home page only as I used so many floats and no nothing else that I can do.  9/19/JAD. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
/* 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; /*Sadly I had to set the width of our content area not to run by the nav as pages that have forms like events and tell a friend did not work.  The only other option was to make another template but this matches their signed design.  JAD 9/19. */
	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: 28px;
	color: #cc3300;
}
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: #333333;
	padding: 14px 0 12px 0;
	line-height: 22px;
	text-align: center;
}
#footer_home{
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
	text-align: center;
}
/*---- 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; 
}
/* -----------------FRC Style, I made it but have no clue.  JD--------------------*/

#frc .frc { /*this is my style for the frc navigation only - jad */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	line-height: 18px;
}
/* -----
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%;
}

table#rendered_form tr td select {
	width:auto;
}

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, 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: #c30;
	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;
}
/* -----------------Shopping Cart Styles--------------------*/
table.gc_cart_form {					
	width: 99%;
	min-width: 490px;
	border-collapse: collapse;
	background: #ffffff; 
}
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; 
}
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;}*/
table.form li { list-style-position: inside; }
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;
}
/* -----------------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;
	max-width: 100px;
	border: 1px solid #ccc;
}
.prod_img_lg, .bio_image {
	height: 200px;
	width: 150px;
	border: 1px solid #ccc;
}
.price_block { 
	background: #FFFDCE;
	text-align: center;
	border-bottom: 2px solid white;
}
.sale {
	font-weight: bold;
	color: #FF0000;
}
table#products_table tr td, 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;
}
/* added for the new welcome to strategies staff box */
#dashsubheads, .dashsubheads {
	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;
}
/* added for the new welcome to strategies staff box */
#dashsidenav{
	background-color: #F1DA9B;
	border: 1px solid #ecbc55;
	padding: 10px;
}
#dashsidenav hr{
	background-color:#ecbc55;
}
#dashsidenav a:link, #dashsidenav a:active, #dashsidenav a:visited {
	text-decoration:none;
}
#dashsidenav 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 {
	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;
}
/* ---------------- Search Page -----------------------------*/
div#search_checkboxes {
	width: 100%;
}

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

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

/* ------------------- Library -----------------------------------*/
table.library .topic {
	background-color: #FFFFFF;
}

/* -------------------- Events ------------------------------------*/
div#mainContent table.events {
	border-collapse:collapse;
	border:1px solid #e5e5e5;;
}
div#mainContent table.events tr td {
	padding-top: 10px;
	padding-bottom:0px;
	border-bottom:1px dotted #666666;
}
div#events_float table.events {
	font-size: 12px;
}
div#events_float table.events tr td {
	vertical-align: middle;
}
div#events_float table.events a {
	font-weight: bold;
	text-decoration: none;
}
div#events_float table.events .rowdark {
	background-color: #FDECD2;
}

div#events_float table.events .rowlight {
	background-color: #FFFFFF;
}
div#events_float table.events tr td div.events_learn {
	margin: auto 0;
	float: right;
}
/* ------------------- Dash Panel Links -------------------------------*/
div#dash_links {
	float: right;
	padding-right: 10px;
	text-align: right;
}

/*--------------------------------------------
	Classes for Widgets
---------------------------------------------*/
.subtable_add {
	font-weight: bold;
	color: #009900;
	cursor: pointer;
	line-height: 2em;
}
.subtable_delete {
	font-weight: bold;
	cursor: pointer;
	color: #D43F00;
}
/*--------------------------------------------
	Styles for FRC Box on main page
---------------------------------------------*/

.twoColFixLt div#frcContentHome {
	padding: 5px;
	height: auto;
}
.twoColFixLt div#frcContentHome a {
	color: #CC3300;
}
.twoColFixLt div#frcContentHome div#inner {
	width: 85%;
	margin: 0 auto;
	background: #F8D9BC;
	padding: 0;
}
.twoColFixLt div#frcContentHome div#inner div#frcContentLinks{
	background: #FDECD1;
	margin-top: 8px;
	line-height: 18px;
	padding-top: 12px;
}
.twoColFixLt div#frcContentHome div#inner div#frcContentHeader {
	font-size: 15px;
	color: #D86234;
	font-weight: bold;
	text-align: left;
	background: #FDECD1;
	padding-bottom: 10px;
}
.twoColFixLt div#frcContentHome td.label {
	text-align: right;
	font-size: 10px;
	vertical-align: middle;
}
tr#gc_extradonate {
	display: none;
}

/* ----------- Styles for especially WIDE selects (i.e. the challenge question on login/index.php ------------- */
form select.wideSelect, option.wideOption {
	width: 250px;
}

div.PDDiv {
	margin-top: 8px;
}



/* ------------ Calendar of Events CSS ---------------- */
table#home_cal_list table, table#home_cal_list td {
	padding: 0;
	margin: 0;
}
table#home_cal_list table.record tr.location td.left {
	width: 34%;
}
table#calendar_list {
	width: 100%;
	border: 0;
}
table#calendar_list td {
	padding: 4px;
}
table#calendar_full {
	width: 745px;
	background-color: #999;
	border: 0;
	padding: 0;
	float: left;
}

table#calendar_full .calendar_month_header {
	width: 100%;
	height: 16px;
	background-color: #C30;
	text-align: center;
}

table#calendar_full .calendar_month_header a {
	color: #FFF;
}

table#calendar_full tr.dow {
	background-color: #EEE;
}

table#calendar_full td.dow {
	text-align: center;
	font-weight: bold;
	background-color: #EEE;
	padding: 2px 0;
}

table#calendar_full .no_date {
	width: 13%;
	background-color: #999;
	height: 60px;
}

table#calendar_full .date {
	width: 13%;
	background-color: #EEE;
	text-align: left;
	vertical-align: top;
	height: 90px;
	padding-left: 2px;
	padding-bottom: 2px;
}

table#calendar_full .date_active {
	background-color: #CCC;
}

table#calendar_full td.date a.event {
	font-size: 10px;
	display: block;
	margin-bottom: 5px;
}

table#calendar_full td.date div.day {
	float: right;
	width: 22px;
	padding: 4px 0;
	text-align: center;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
} 

table#calendar_full td.date div.day a {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
}

table#calendar_full td.date div.today {
	background-color: #DDD;
}

input.PhorumSubmit {
	cursor: pointer;
}

div.wysiwyg td {
	background-color: #FFF;
}

body#tinymce {
	background-color: #FFF;
}
p.orange {
	font-weight: bold;
	color: #e2691f;
	font-size: 1.1em;
}
table#calendar_times_waiting tr th {
background-color:#3366FF;
}

div#calendar_event_details {
	font-weight: bold;
}

div#calendar_event_details div.title {
	font-weight:normal;
	font-size: 15pt; 
	color:blue;
	margin-bottom:10px;
}

div#calendar_event_details div.info {
	font-weight:normal;
}

div#calendar_topic_assoc_waiting_div select{
	height:auto;
}