/*-------------------------------------------------------------------
						PRIMARY STYLES
---------------------------------------------------------------------*/
body {
	margin-top: 0px;
	background-color: #003399;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 80%;
	line-height: 183.3%;
	

}
/* ----------- THE STANDARDS ----------- */
p {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	line-height: 166.7%;
}

ol, ul, li {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	line-height: 150%;
}
h1 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 183.3%;
}
h1#name {
	color: #00349A;
}
h2 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 166.7%;
}
h3 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 150%;
}
h4 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 133.3%;
}
h5 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 116.7%;
}
h6 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 100%;
}
/* ----------- LINKS ----------- */
/* This removes the ugly boxed around linked images */
a img {
border: 0px;
}

a:link, a:active, a:visited {
	text-decoration: underline;
	color: #CB2C30;
	font-weight: bold;
}

a:hover {
text-decoration: none;
}

/*-------------------------------------------------------------------
						FOOTER STYLES
---------------------------------------------------------------------*/
td#footer {
	background-color: #009933;
	padding: 4px;
	vertical-align: top;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 91.7%;
	line-height: 150%;
	color: #FFFFFF;
	text-align: center;
}
td#footer a:link, td#footer a:visited, td#footer a:active {
	color:#FFFFFF;
	text-decoration: underline;
}
td#footer a:hover {
	color:#FFFFFF;
	text-decoration: none;
}
td#top_navigation {
	background-color: #FFFF33;
	width: 193px;
	vertical-align: top;
	padding-top: 18px;
	padding-bottom: 6px;
}
td#navigation {
	background-color: #FFFF33;
	width: 193px;
	vertical-align: top;
}
td#contentprinter {
	vertical-align: top;
	padding: 18px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 100%;
	line-height: 183.3%;
	background-color: #FFFFFF;
}
td#content {
	vertical-align: top;
	padding: 18px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 100%;
	line-height: 183.3%;
	background-color: #FFFFFF;
}
td#content a:link, td#content a:visited, td#content a:active {
	text-decoration: underline;
}
td#content a:hover {
	text-decoration: none;
}
td#search {
	vertical-align: middle;
	padding: 18px;
	background-color: #FFFFFF;
	text-align: center;
}
.outline {
	border: 1px solid #FFFFFF;
}
/* -----------PRINTER/SENDTOFRIEND----------- */
.printer{
	font-size: 83.3%;
}
.send{
	font-size: 83.3%;
}

/* ----------- FORM STYLES -------------- */
.error, .errors {
	font-weight:bold;
	color:#FF0000;
}

table.email_form {
	width:80%;
}

table.email_form td {
	background-color:#e5e5e5;
	/*color:#ffffff;*/
	padding:5px;
}

.email_form tr td label {
	text-align:right;
	display:block;
}

.formreq {
	text-align:right;
	font-weight:bold;
}

.email_form input.normal, .email_form textarea, .email_form select {
	width:200px;
	color:#333333;
}

/*----------------------------------------
	Printer Friendly Styles
----------------------------------------*/
#print-icon {
	float: right;
}
#grey-pf-box h3 {
	font-size: 108.3%;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #000;
	line-height: 108.3%;
}

#grey-pf-box p {
	margin: 3px 0px 0px;
	padding: 0px;
	color: #000;
	line-height: 108.3%;
	font-size: 83.3%;
}
#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;
}

/*------------------
events on front page
------------------*/
#front_text {
	float: left;
	width: 300px;
	padding: 0;
}
#front_text ul {
	padding: 0;
	margin: 5px;
}
#events {
	width: 215px;
	float:left;
	margin: 5px;
	padding: 10px;
	border: 1px solid #ff0000;
}
.event strong {
	color: #D02C2B;
	font-size: 116.7%;
}

/* navigation */

#navigation ul {
	line-height: 100%;
	list-style-type: none;
	margin: 0 0 0 0;
	position: relative;
	padding: 0 0 0 0;
}
#navigation > ul {
	margin-top: 0;
}
#navigation ul li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#navigation ul > li, #navigation ul > li li {
	margin-top: 0px;
}
#navigation ul li li {
}
#navigation ul li a:link, #navigation ul li a:active, #navigation ul li a:visited, #navigation ul li a:hover {
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-weight: 100;
	color: #000;
	font-size: 83.3%;
}
#navigation li ul {							/* Hide the Subnavigation */
	display: none;
}
#navigation li ul li ul {
	display: none;
}
/* Absolute positioning moves it out of the flow, so that the menu doesn't jump around
	when you mouse over it.  We have to move the thing left so that it doesn't over lap with the menu we have. */
#navigation li:hover ul, #navigation li.over ul {
	position: absolute;
	left: 235px;
	margin-top: -20px;
	display: block;
	z-index: 100;
	float: none;
}


/* Position the subnavigation li items relative, so we can adjust for browser differences later, 
	and set their width for consistency.  */
#navigation li:hover li, #navigation li.over li {
	margin: 0px;
	position: relative;
	width: 180px;
	background: #ffff33;
	padding: 6px 12px 6px 12px;
	border-bottom: 1px solid #fff;
	float: left;
	clear: both;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 91.7%;
}
#navigation li:hover li a:link, #navigation li.over li a:link {
	
	text-decoration: none;
	font-size: 83.3%;
	font-weight:100%;
}
#navigation li:hover li.hasChildren, #navigation li.over li.hasChildren {
	background: #ffff33 url('/images/dhtmlarrowY.gif');
	background-repeat: no-repeat;
	background-position: 98% 50%; 
}
#navigation li:hover li a:hover, li:hover li a:link:hover, #navigation li.over li a:link:hover {
	text-decoration: underline;
}
#navigation li:hover li {
	height: auto;
	min-height: 21px;
}
#navigation li:hover li {							/*	Position the subnavigation for firefox */
	left: -45px;
	top: -45px;
}
#navigation li.over li {							/*	Position the subnavigation for IE */
	left: -45px;
	top: -50px;
}
#navigation li:hover, #navigation li.over {				/* Set properties for the item you are over */
}
#navigation li:hover li ul, #navigation li.over li ul { 	/* can we do second level menus this way? */
	display: none;
}
#navigation li:hover li:hover ul, #navigation li.over li.over ul {
	display: block;
}
#navigation li:hover li:hover ul {					/* fix second level menus in FF */
	left: -210px;
	top: 30px;
}
#navigation li.over li.over ul { 					/* fix second level menus in IE */
	left: -210px;
	top: 40px;
}
#navigation li:hover li:hover ul, #navigation li.over li.over ul {
	position: absolute;
	left: 250px;
	display: block;
	z-index: 100;
	margin-top:20px;
}
#navigation li:hover li:hover li, #navigation li.over li.over li {
	background: #ffff33;
}
#navigation li li li li{
	display: none;
}
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;
} 
/*----------------------------------------
	Form Styles
----------------------------------------*/
table tr td{
	vertical-align: top;
}
table.form, table.gc_cart_form, table.form2, table#rendered_form {							/* gc_cart_form is the class set on the shopping cart forms */
	width: 100%;
	border-collapse: collapse;
	background: #f3f3f3; 
}
table.resource_list{							
	width: 100%;
	border-collapse: collapse;
}
table.form2, table.gc_cart_form {
	background: #e5e5e5;
}
table.gc_cart_form {width: 500px; max-width: 500px;}
/* Think .rowdark */
table.form tr.row_odd, table.form2 tr.row_odd, table.funders tr.row_odd, table tr.rowdark {
	background: #e5e5e5;
} 	

table.form tr.row_even, table.form2 tr.row_even, table.funders tr.row_even, table tr.rowlight {background: #eee;} 	/* Think .rowlight */
/* This is for TH within the forms themselves */
table.form th, table.form2 th, table.gc_cart_form th, table#rendered_form th {
	background: #A12620;
	color: white;
	text-align: left;
	padding: 6px;
}
table tr.dark {
	background: #000;
	text-align: center;
}
/* What the heck is this? */
table.form2 th {
    background: rgb(201, 54, 0);
}
table.form td, table.form2 td, table.gc_cart_form td, table#rendered_form td {
	vertical-align: top;
	padding-left: 7px;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: -7px;
}
/* We think this may be custom */
table.form2 td {padding-top: 3px;}
table.gc_cart_form tr td {	padding-right: 0; }
table.form ul, table.form2 ul, table#rendered_form ul {
	margin: 0px;
	padding: 0px;
}
/* This looks stuck here. */
table.form li, table.form2 li, table#rendered_form li {list-style: none;}
/* We think this is custom This is the drop downs (selects) so this applies to all products*/
form table td select { width: 126px; color: #333333;}
/* We think this has to do with MyORG*/
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; }
/* This is the width of the input fields (addresses?) */
form table table.wms_fieldset td input { width: 126px; }
form table table.wms_fieldset td select { width: 130px; }

/*More widgets, but for what we don't know*/
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;
} 		
/*All but OnContent*/																
.formreq { font-weight: bold;} 											/* required fields for forms */
form table tr td label {												/* align form labels right */
	display: block;
	text-align: right;
}

.required_asterisk {
	font-weight: bold;
 	color: #F00;
	vertical-align: super;
	font-size: 0.8em;
	line-height: 1em;
}

/*----------------------------------------
	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;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 100%;
	line-height: 166.7%;
	color: #000000;
}
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 #333333;
	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: #333333;} 	/* 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: 200%;
}
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: 100%;
	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: #993300;
} /* Primary Buttons*/
a.button_primary:hover, input.button_primary:hover {
	background: #EA4D00;
}											/* 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;
}
div#showmethemoney {
text-align: center;
color: red;
}

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

/*----*/

/*-------- STORE/CART 2009 --------*/

/*the following are requried and can be gloablized for all installations of ondeposit.  some of these styles are cross over to onevent.*/
/*price_block does not relate to onevent price blocks persay but rather the price blocks that are seen on the index.php file for ondeposit.*/
.price_block {
	background: #FFFDCE;
	text-align: center;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFD673;
	border-bottom-color: #E8E8E8;
	border-left-color: #FFD673;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #E8E8E8;
}
/*sale is not related to the way css treats a product on sale.  it simply controls the price on index.php*/
.sale {
	font-weight: bold;
	color: #FF0000;
}
/*products_cat defines the category listings on the store display (index.php) page.*/
.products_cat { 
	color: #FFF;
	background-color: #414141;
	font-weight: bold;
	font-size: 150%;
}
.products_hd { 
	color: #FFF;
	background-color: #CC3300;
	font-weight: bold;
	font-size: 120%;
}
/*i am not sure we really need to define font styles but for now we can let this be.*/
.products_body {
	font-size: 100%;
	line-height: 158.3%;
}
.products_footer {
	color: #FFF;
	background-color: #CC3300;
	font-size: 100%;
	line-height: 158.3%;
}

div#top_text {
	border-top:1px solid #eaeaea;
}

div#content div#top_text .products_footer a {
	color: #FFF;
}
.products_body .prod_img_lg {
	margin-left: 10px;
	margin-bottom: 10px;
}
.prod_img_sm {
	margin-top: 5px;
	height: 151px;
	width: 100px;
	border: 1px solid #ccc;
}
.prod_img_lg, .location_logo, .bio_image {
	height: 250px;
	width: 170px;
	border: 1px solid #ccc;
}
.prod_borders{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E8E8E8;
	border-bottom-color: #E8E8E8;
	border-left-color: #E8E8E8;
}

.pgtitle {
	font-size:141.7%;
}

table.staff {
	border-spacing:0px;
	border:none;	
}

table.staff th {
	padding:5px 10px;
	background-color:#A12620;
	color:#FFF;
}

table.staff tr td {
	padding:5px 10px;
}


/* ------------ 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 {
	width: 40%;
	border: 0px none;
}
table.calendar td {
	padding: 4px;
	
}
table.calendar th {
	background-color: #A12620;
	color:#FFFFFF;
	padding-left:5px;
}

table#calendar_full {
	width: 550px;
	background-color: #999;
	border: 0px none;
	padding: 0
	
}

table#calendar_full .calendar_month_header {
	width: 100%;
	height: 16px;
	background-color: #A12620;
	color:#FFF;
	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: 70px;
	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: 18px;
	padding: 0px 0;
	text-align: center;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	color:#000;
} 

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

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