body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.7em;
	color: #204D79;
	margin: 0px;
	background-color: #ccc;
}
form { margin: 0px;}
a img {	border: none;}
input, select {
	font-family: Verdana, Arial, Helvetica, san-serif;
	color: #204d79;
}

/*----------------------------------------
	Structural Styles
----------------------------------------*/
#outer {
	width: 763px;
	padding-left: 6px;
	background-color: white;
	border-right: #fc3 10px solid;
	margin: 0px auto;
}
#header {
	float: left;
	margin-bottom: -3px; 					/* Eliminate the stupid gap in IE*/
}
#nav-col > #menus {	padding-top: 3px; }		/* fix the problem caused by gap elimination in firefox*/
#nav-col {
	width: 213px;
	float: left;
	font-size: .9em;
	z-index: 30;
}
#content {
	float: right;
	width: 508px;
	padding: 0px 24px 0px 16px;
	margin-top: -20px; 						/* Tighten up the top of the design - pull the content up into the curve */
}
#top_text {	margin-top: 2em;}
#menus {
	background: #039;
	padding-bottom: 20px;
}
#search {
	background: #c30;
	padding: 20px;
	margin-top: 8px;
}
#mycompasspoint {
	padding: 20px;
	margin-top: 8px;
	background: #690;
	color: #eee;
}
#footer {
	clear: both;
	height: 170px;
	font-size: 11px;
	border-bottom: #c30 solid 10px;
}
#credits {
	float: right;
	width: 500px;
	padding: 10px 24px;
	text-align: center;
}
#credits p {
	border-top: 1px dashed;
	padding-top: .5em;
}
#lastUpdated {
    padding-top: 10px;
	font-size: 10px;
}
#subheads{
	font-size: 9pt;
}
/*----------------------------------------
	Heading Styles
----------------------------------------*/
h1#name, h1#receipt, h6, h5, h4, h3, h2, h1 {
	font-size: 14px;
	line-spacing: 18px;
	color: #C67700;
	margin: .5em 0px -.7em;
}
h1{	font-size: 18px; color: #CC3300;}
h1#name {font-size: 16px}
h1.funder_name{
	margin: 0px 0px 10px 0px;
}
h2{ font-size: 16px; }
h3{	color: #669900;}
h4{	color: #CC3300;}
h5{	color: #003399;}
h6{	color: #204D79;}
h3.ask_genie, h3.board_cafe, h3.press_release, h3.templates{
	margin-bottom: 0px;
}
h2#class_sort{ /*This header is used for the location when sorting by location on the workshop pages */
	margin-bottom: 15px;
}

/*----------------------------------------
	Link Styles
----------------------------------------*/
#content a:link, #content a:visited, #content a:hover, #content a:active {
	color: #204D79;
	text-decoration: underline;
}
#content a:hover {text-decoration: none;}
#nav-col a:link, #nav-col a:visited, #nav-col a:hover, #nav-col a:active{color: #eee;}
#search a:link,  #search a:visited, #search a:hover, #search a:active{color: #EBAD99;}
#mycompasspoint, #mycompasspoint a:link,  #mycompasspoint a:visited, #mycompasspoint a:hover, #mycompasspoint a:active{	color: #B3CC80;}
#nav-col a:hover {text-decoration: none;}
#subheads a:link, #subheads a:visited, #subheads a:hover, #subheads a:active{
	font-weight: normal;
	font-size: 9pt;
}
#links a:link, #links a:visited, #links a:hover, #links a:active{
	font-weight: normal;
	font-size: .9em;
}
#subheads a:hover {	text-decoration: none;}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	color: #204D79;
	text-decoration: none;
}
#footer a:hover {text-decoration: underline;}

/*----------------------------------------
	DHTML Menu Styles
----------------------------------------*/
#nav {
	list-style: none;
	padding: 0px;
	margin: 0px;
	line-height: 1px;
	font-size: 1px;
	position: relative;
	margin-left: 26px;
}
#nav li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	line-height: 1px;
	font-size: 1px;
}
#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 form {margin: 7px 0px;} 										/* this is for browser consistency... */
#nav li ul {display: none;} 										/* Hide the Subnav */
/* Absolute positioning moves it out of the flow, so that the menu doesn't jump around when you mouse over it.   */
#nav li:hover ul, #nav li.over ul {
	position: absolute;
	left: 146px;
	display: block;
	z-index: 10;
}
/* 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: 184px;
	background: #669900;
	float: left;
	clear: both;
	border: 8px solid #669900;
	border-top: none;
	border-bottom: #fff solid 1px;
	padding: 15px 6px;
	line-height: 1em;
}
#nav li:hover li {height: auto;}
#nav li:hover li {top: -28px;} 											/* Position the subnav for firefox */
#nav li.over li {
	*top:0px;
} 														/* Position the subnav for IE */
#nav li:hover, #nav li.over {} 											/* Set properties for the item you are over */	
#nav li:hover li ul, #nav li.over li ul {display: none;} 				/* can we do second level menus this way? */
#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 */
	top: 28px;
	left: 163px;
}
#nav li.over li.over ul { /* fix second level menus in IE */
	left: 163px;
	top: 0px;  
}
#nav li:hover li:hover li, #nav li.over li.over li {
	background: #92C43C;
	border: 8px solid #92C43C;
	border-top: none;
	border-bottom: #fff solid 1px;
}
/* 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") center right;}
#right_col ul#nav li.hasChildren li {background: #7C9EB9;}

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

/*----------------------------------------
	Form Styles
----------------------------------------*/
table tr td{
	vertical-align: top;
}
table.form, table.gc_cart_form, table.form2 {							/* gc_cart_form is the class set on the shopping cart forms */
	width: 99%;
	border-collapse: collapse;
	background: #f3f3f3; 
}
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: -7px;
}
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 { 
	vertical-align: top; 												/* top align subtable fields */
	padding-left: 3px; 
	padding-right: 3px;
} 																		
.formreq { font-weight: bold;} 											/* required fields for forms */
form table tr td label {												/* align form labels right */
	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;
	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;}

/*----------------------------------------
	Shopping Cart Styles
----------------------------------------*/
.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" */
.type_header { 											/* Products, Donations, and Events row headers */
/*	background-color: #E5E5E5;*/
	background-color: #f3f3f3; 
	font-weight: bold;
	color: #999999;
}
.apply_coupon {											/* format "Want to apply a coupon?" text on payment info page */
	font-weight: bold;
	text-align: center;
	background-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: #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;
}
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;
}
/*----------------------------------------
	MyCompassPoint 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: #CC3300;
	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 */

/*----------------------------------------
	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;
}
/*-----------------------------------------
	Funders Directory Styles
------------------------------------------*/
table.funders{
	width: 99%;
}
table.funders tr th{
	color: #FFFFFF;
	background-color: #CC3300;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	padding-left: 10px;
}
table.funders tr td{
	padding-left: 10px;
	vertical-align: top;
}
table.funders tr td.label{
	font-weight: bold;
	text-align: right;
	padding-right: 5px;
}
table.funder tr td.address_block{

}
table.alphabet {
	width: 99%;
	border-collapse: collapse;
}
table.alphabet tr td{
	padding: 0px;
	text-align: center;
	width: 3.2%;
}
/*----------------------------------------
	Printer Friendly Styles
----------------------------------------*/
#print-icon {
	float: right;
}
#grey-pf-box h3 {
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #000;
	line-height: 1.1em;
}

#grey-pf-box p {
	margin: 3px 0px 0px;
	padding: 0px;
	color: #000;
	line-height: 1.1em;
	font-size: 10px;
}
#grey-pf-box {
	background: #eee;
	padding: 6px;
	height: 34px;
}
#grey-pf-box a:link, #grey-pf-box a:visited, #grey-pf-box a:hover, #grey-pf-box a:active {
	color: blue;
	text-decoration: underline;
	border: none;
}
/*----------------------------------------
	Gallery Styles
-----------------------------------------*/
.prev_cartoon {
	background: #e5e5e5;
	width: 50%;
	text-align: right;
	padding-right: 5px;
	font-weight: bold;
	border: none;
}
.view_all {
	background: #e5e5e5;
	width: 50%;
	text-align: left;
	padding-left: 5px;
	font-weight: bold;
	border: none;
}
table#planet501c3 {
	width: 99%;
	border-collpase: collapse;
	border: none;

}
table#planet501c3 tr th{
	background-color: #c30;
	color: #fff;
	font-weight: bold;
	padding-left: 5px;
	text-align: left;
}
table#planet501c3 tr td{
	padding-left: 5px;
	vertical-align: top;
	border: none;
}
table#planet501c3 tr td.date{
	text-align: center;
	width: 20%;
}	

/*----------------------------------------
	Various Styles
----------------------------------------*/
#clients_list ul {
	margin: 0px;
	padding: 0px 0px 0px 15px;
}
.ed_instructions, .notes, .note{				/* formatting for admin/form instructions & help text */
	font-size: 0.9em;
	margin: 0px;
	padding: 0px;
	line-height: 1.4em;
}
.error, .errors, .red {								/* formatting for error messages */
	color: #FF0000;
	font-weight: bold;
}
ul.date_details {						/* formatting for event dates */
	margin: 10px 0;
	padding: 0;
	list-style: none;
}
ul.date_details li {					/* formatting for event dates */
	margin: 0;
	padding: 0;
	list-style: none;
}
.pf_tell{ 								/*border around printer friendly/tell a friend page footer */
	border: 1px dashed #204D79;
	/*width: 285px;*/
	float: left;
	padding: 3px;
	padding-top: 5px;
	padding-bottom: 0px;
	margin-top: 15px;
}
.cell_underline { 						/*format a table cell just to have a solid black underline */
	border-bottom: 2px black solid;
}
#press_release_footer{
	line-height: 1.4em;
}

#gc_extradonate td {
  background-color: #feb;
  text-align: right;
}
#gc_extradonate td input {
  width: 60px;
}
/*-----------------------------------------------------
	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;
}