@charset "UTF-8";
@import url("/modules.css");
/* CSS Document */


/* ---------- BASE FONTS, COLORS, TYPOGRAPHY ----------*/
/*these styles should be brought over as a standard into every client.  YES they will get customized on a client by cleint basis but this is the no brainer collection. 02/13/09/JAD*/

img, a, img a {
	border: 0;
}

body {
	margin: 6px;
	font-size: 70%;
	line-height: 200%;
}

body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea,select,custom_phorum { 
	color: #333;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	color: #666;
	font-weight: bold;
}
/*here we add a 10 pixel padding below every paragraph tag..*/
p {
	padding: 0 0 10px 0;
}
/*here we tell all of our heading tags to have an additional 4 pixels padding on the bottom.  this really helps with the spacing from page titles to the line below them.  it is also there for other uses of the heading styles, but we can override it later as needed. i also set the font weight to normal which i may change my mind on later.*/
h1, h2, h3, h4, h5, h6 {
	padding: 0 0 4px;
	font-weight: normal;
}
h1, h2 {
	line-height: 100%;
}
/*here we set the margins to keep text closer to the heading tags.*/
h3, h4, h5, h6 {
	font-weight: normal;
	margin-top: -8px;
	margin-bottom: -8px;
}
/*here we set the size and color of heading styles.  I pushed these up 20% bigger than usual.*/
h1 { font-size: 240%; color: #000; }
h2 { font-size: 200%; color: #000; }
h3 { font-size: 160%; color: #C30; }
h4 { font-size: 140%; color: #000; }
h5 { font-size: 110%; color: #000;}
h6 { font-size: 100%; color: #000; }

h3.survey_title {
	margin-bottom: 0;
}

img.left,
img.align-left,
img.alignleft {
	float: left;
	margin: 0 12px 6px 0;
}

img.right,
img.align-right,
img.alignright {
	float: right;
	margin: 0 0 6px 12px;
}
a:link, a:visited {
	color: #666;
	text-decoration: none;
}

a:hover, a:active {
	color: #333;
	text-decoration: underline;
}

abbr, acronym {
	border-bottom: 1px dotted #000;
	cursor: help;
}

ul { list-style-type: circle; }
ol { list-style-type: decimal; }

dl { margin-left: 20px; }
dl dt { font-weight: bold; }
dl dd { margin-left: 40px; }

blockquote {
	margin: 0 0 20px 0;
	padding: 6px 12px 6px;
	background-color: #fff;
	border: 1px solid #EAEAEA;
	border-left-width: 3px;
}
blockquote p {
	padding: 6px 0;
}
blockquote blockquote {
	margin: 6px 0;
	background-color: #fff;
}
code, pre {
	display: block;
	white-space: pre;
	padding: 6px 12px 6px;
	margin: 0 0 20px 0;
	background-color: #fff;
	border: 1px solid #EAEAEA;
	border-left-width: 3px;
	font-size: 120%;
	font-family: monospace;
}
p code {
	display: inline;
	padding: 3px 6px;
	margin: 0;
	border: 0;
	white-space: normal;
}
hr {
	margin: 0 0 20px 0;
	border: 0;
	height: 1px;
	border-bottom: 1px solid #ccc;
}
p strong, ul strong, li strong {
	color:#cc3300;
	font-weight: bold;
}
#headstrong{
	font-weight: bold;
}
/* ---------- END BASE FONTS, COLORS, TYPOGRAPHY ----------*/


/* ---------- CSS DESIGN, THE LAYOUT OF THE SITE! ----------*/
/*here we set the background color*/
body#top,custom_phorum {
	background-color: #414141;
}
/*here we make the design fluid (100 browswer).*/
div#page {
	width: 100%;
}
/*here we set the width of the "design" within the main page..*/
div.container {
	width: 880px;
	margin: 0 auto;
	text-align: left;
}
/*------ VARYING CONTENT AREAS -----*/
div.tiny {
	width: 125px;
	float: left;
	clear: none;
}
div.teeny {
	width: 115px;
	float: left;
}
div.xtiny {
	width: 90%;
	float: left;
}
/*the div.small controls the witdth of the overall right side.  this can be in some cases 2 or 3 cols.*/
div.small {
	width: 270px;
	float: left;
}
/*home page only.*/
div.hsmall {
	width: 210px;
	float: left;
}
/*the div.xsmall controls the 2 col layout only.*/
div.xsmall {
	width: 200px;
	float: left;
}
div.large {
	width: 485px;
	float: left;
}
/*the div.xlarge controls the 2 col layout only.*/
div.xlarge {
	width: 665px;
	float: left;
}
/*the div.xlargetix is for the width of the white area on the tickets page.  I set it to 100% though I am not sure about that just yet.  I had it at 800 px but it is hard to control a 3rd parties elements.*/
div.xlargetix {
	width: 100%;
	float: left;
}
div.full {
	width: 100%;
	float: left;
}
div.container_body {
	padding: 25px 0;
	height: 100%;
}
/* ---------- END CSS DESIGN, THE LAYOUT OF THE SITE! ----------*/

/* ---------- CUSTOM TYPOGRAPHY ----------*/

/*this is the highlighter style, like we see when we use a highlighter on paper.  when used in a div or class it makes a nice box.*/
.highlighter{
	background-color:#FF9;
	padding-top: 4px;
	padding-right: 14px;
	padding-bottom: 2px;
	padding-left: 14px;
	border: 1px solid #FFDE4F; 
}
.highlightergray{
	background-color:#F4F4F4;
	padding-top: 4px;
	padding-right: 14px;
	padding-bottom: 2px;
	padding-left: 14px;
	border: 1px solid #CCC;
}
/* ---------- HTML/PAGE ELEMENTS ----------*/
/* ----------- this controls community which is from phorum.  The phorum is locked between a header.tpl and a footer.tpl so what we do here will control the middle area of the phorum. ------*/

div.PDDiv {
	margin-top: 8px;
	width: 880px;
	margin-right: 10px;
	margin-bottom: 8px;
	margin-left: 10px;
}
input.PhorumSubmit {
	cursor: pointer;
}
div.logo{
	background-color: #CC3300;
	width: 100%;
	padding-top: 40px;
	padding-left: 180px;
}

/* ---------- TABLES ----------*/

table {
	width: auto;
	margin: 0;
}

table caption,
table tfoot {
	text-align: center;
	padding: 3px 0;
	font-weight: bold;
	color: #000;
}

table th {
/*	text-align: center; */
	padding: 6px 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #CC3300;
}

table tr {
/*	text-align: center; */
}

table tr.alt th,
table tr.alt td {
	background-color: #F7F7F7;
}

table td {
/*	text-align: center; */
	padding: 2px;
	vertical-align: middle;
}

/* HEADER
========================================== */
#header {
	background-color: #CC3300;
	width: 100%;
	margin: 0 auto;
}
/*this is where we set how much red shows at the top of our page/design.  this is the space above the logo persay as well as controls the overall header of the site.*/

#header .container {
	position: relative;
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}

#header h1,
#header p {
	width: 50%;
}

#header h1,
#header p,
#header h1 a {
	color: #fff;
	text-shadow: 1px 1px 0px #CF6500;
}

#header h1 {
	padding: 0 0 6px;
	margin: 0;
}
#header h1 a {
	text-decoration: none;
	width: auto;
}

#header p {
	font-size: 110%;
	font-weight: bold;
	padding: 3px 0 0;
}

/* Header Main Navigation
========================================== */
#navigation.nav {
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	padding: 0;
	margin: 0;
}

#navigation.nav li {
	font-size: 110%;
	color: #333;
	font-weight: bold;
	margin: 0 0 0 6px;
	list-style: none;
	line-height: 110%;
	display: block;
	float: left;
}

#navigation.nav li a {
	color: #fff;
	background-color: #FFA105;
	display: block;
	padding: 12px 24px 10px;
	text-decoration: none;
	line-height: 50%;
	float: left;
}
#navigation.nav li a:hover,
#navigation.nav li a:active,
#navigation.nav li.current_page_item a {
	text-decoration: none;
	color: #333;
	background-color: #fff;
}
#navigation.nav li.rss a {
	padding-left: 36px;
	background-image: url(/images/rss-32.png);
	background-position: 17px center;
	background-repeat: no-repeat;
}
#navigation.nav li li,
#navigation.nav li ul { display: none; } /*hide sub pages*/

/* SUB HEADER
========================================== */
#sub-header {
	padding: 12px 0 0 0;
	width: 100%;
	margin: 0 auto 10px auto;
	background: url('images/bg-nav.png') repeat-x left top;
	background-color: #E6E6E6;
}
#sub-header ul {
	height: 50px;
	padding-top: 4px;
	overflow: hidden;
	font-size: 110%;
	color: #333;
	/*font-weight: bold;*/
	text-shadow: 1px 1px 0px #fff;
}
#sub-header ul li {
	display: block;
	float: left;
	white-space: nowrap;
}
#sub-header ul li a {
	display: block;
	float: left;
	padding: 0 6px;
	border-left: 1px solid #ccc;
}
#sub-header ul li span {
	display: block;
	padding-right: 6px;
}
#sub-header ul li ul {
	display: none;
}

/* CONTENT
========================================== */
#content {
	clear: both;
	width: 100%;
	margin: 0 auto;
	background-color: #414141;
}
/*fixes other content inside content box*/
#content #content {
	background: #fff;
	width: auto;
	padding: 20px;
	margin: 0;
	border: 0;
}

#content #top_text a,
#content #top_text a:link,
#content #top_text a:visited,
#content #bot_text a,
#content #bot_text a:link,
#content #bot_text a:visited {
	color: #F28101;
}

#content h2 {
	padding: 0px 0 6px;
}
#content h2 a, #content h2 a:link, #content h2 a:visited,
#content h3 a, #content h3 a:link, #content h3 a:visited {
	color: #555;
	text-decoration: none;
}
#content h2 a:hover,
#content h3 a:hover {
	color: #333;
	text-decoration: underline;
}
/*when using h1-h6 within the content area we need to override some earlier information so that things look or behave a set way.
#content h3 {
	padding: 0px 0 0px;
}*/

#content h4 a,
#content h4 a:visited {
	color: #666;
}

#content ul {
	list-style-type: none;
}
#content ul, #content ol {
	padding: 0 0 20px;
}
#content ul li,
#content ol li {
	background: url('images/bullet.gif') no-repeat 0px 9px;
	padding: 3px 0 3px 16px;
}
#content ul li a { font-weight: normal; text-decoration: none }
#content ul li a:hover { text-decoration: underline }

#content ul ul {
	padding: 0;
}
#content ol { 
	margin-left: 30px;
}
#content ol li {
	padding-left: 0; 
	background-image: none;
}

/* CONTENT
========================================== */
#content .post,
#content #comments,
#content #print_tell {
	background-color: #fff;
	margin: 0 0 20px 0;
	margin-right: 20px;
	padding: 20px;
	padding-bottom: 0;
	height: 100%;
}
#content #print_tell {
	padding-left: 0;
	margin-top: 20px;
	margin-right: 0px;
	clear: both;
}

#content .post-content img {
	padding: 3px;
	border: 1px solid #EAEAEA;
	max-width: 480px;
}
/*our padding here is what creates the spacing after the page titles and adds the gray line.  the padding-bottom adds the space after the actual text and before the line and the margin adds the space after the line. we use a negative margin to bring the body text back up a bit.  setting it to -8 makes it very close to the spacing between paragraphs.*/
#content .post-title h2 {
	border-bottom: 1px solid #EAEAEA;
	padding-bottom: 10px;
	margin-bottom: -6px;
}

#content .post-title h4 {
	font-size: 100%;
	color: #999;
	padding-bottom: 20px;
	text-transform: uppercase;
}

#content .post-title h4 a,
#content .post-title h4 a:link,
#content .post-title h4 a:visited {
	color: #999;
}

#content .post-title span {
	padding-right: 4px;
	padding-left: 17px;
	background: url('images/post.png') no-repeat left center;
}
#content .post-title span.post-comments {
	background-image: url('images/comment.png');
}
#content .post-title span.post-date {
	background-image: url('images/date.png');
}
#content .post-title span.post-category {
	padding-right: 3px;
}

/*#content .post table {
	background-color: #fff;
	border-collapse: collapse;
	border: 1px solid #EAEAEA;
	border-width: 1px 0px 1px 1px;
}
#content .post table th {
	border: 1px solid #EAEAEA;
	border-width: 0px 1px 0px 0px;
}

#content .post table td {
	border: 1px solid #EAEAEA;
	border-width: 0px 1px 0px 0px;
}
*/
#content .print-tell {
	border-top: 1px solid #EAEAEA;
}

#content .print-tell a:link {
	text-decoration:none;
}

/* Next and Previous Navigation
========================================== */
#content .post-nav {
	clear: both;
	height: 100%;
	overflow: auto;
	text-align: right;
	margin: 0 0 20px 0;
	margin-right: 20px
}
#content .post-nav,
#content .post-nav a,
#content .post-nav a:link,
#content .post-nav a:visited {
	color: #999;
}
#content .post-nav .previous {
	text-align: left;
	float: left;
}
#content .post-nav .next {
	text-align: right;
}

/* Page Navigation
========================================== */
#content p.pagenav {
	clear: both;
}
#content p.pagenav,
#content .pagenav a,
#content .pagenav a:link,
#content .pagenav a:visited {
	color: #666;
}

#content .pagenav a,
#content .pagenav span {
	border: 1px solid #EAEAEA;
	margin: 0 2px 0;
	padding: 3px 6px 4px;
	display: inline;
}
#content .pagenav span.extend {
	border: 0;
	padding: 0;
}

#content .pagenav a {
	text-transform: lowercase;
	background-color: #F3F3F3;
	text-decoration: none;
	line-height: 50%;
}
#content .pagenav a:hover {
	border-color: #ccc;
}
#content .pagenav span.current {
	background-color: #fff;
}

/* SIDEBAR
========================================== */
#content .sidebar {
	margin: 0 0 20px 0;
	margin-right: 20px;
	/*clear: both;*/
	clear: none;
	color: #ccc;
}
#content .small h3, .xsmall h3 {
	color: #F88E00;
	padding: 6px 0;
	margin: 0;
}
#content .small p a, .xsmall p a,
#content .small table a, .xsmall table a,
#content .small h3 a, xsmall h3 a,
#content .small h3 a:visited, xsmall h3 a:visited {
	color: #fff;
}
#content .small p, .xsmall p {
	padding-right: 0;
	padding-bottom: 12px;
	margin: 0;
}
#content .small ul, .xsmall ul {
	margin: 0;
	padding: 0 0 0px 0;
	border-top: 1px solid #ccc;
}
#content .small ul li, .xsmall ul li {
	color: #ccc;
	line-height: 125%;
	padding: 6px 0;
	padding-left: 16px;
	/*background-image: none;*/
	border-bottom: 1px solid #666;
}
#content .small ul li a:link, .xsmall ul li a:link,
#content .small ul li a:visited, .xsmall ul li a:visited {
	color: #ccc;
	text-decoration: none;
}

#content .small ul li a:hover, .xsmall ul li a:hover,
#content .small ul li a:active, .xsmall ul li a:active {
	color: #fff;
	text-decoration: underline;
}

#content .small ul li ul, .xsmall ul li ul {
	border: 0;
}
#content .small ul li input, .xsmall ul li input,
#content .small ul li select, .xsmall ul li select {
	margin-bottom: 0;
}

#content .small ul li span.recent_date, .xsmall ul li span.recent_date {
	padding-left: 3px;
	font-size: 80%;
	font-weight: bold;
	color: #ccc;
}
#content .sidebar ul li a:hover {
	text-decoration: none;
}
#content home.sidebar ul li a:hover {
	text-decoration: none;
}
#content .xsmall .sidebar ul li ul li {
	background-image: none;
	padding-left: 0;
	margin-left: 0;
} 
#content .small ul ul, .xsmall ul ul {
	border: 0;
	padding: 0 0 0 20px;
}
#content .small ul ul li, .xsmall ul ul li {
	border: 0;
	padding: 3px 0;
}
/*Custom sidebars*/
#content .sidebar_small {
	float: left;
	clear: none;
	margin-right: 0;
	max-width: 140px;

}
#content .sidebar_small ul {
	margin-right: 20px
}
/*Ads sidebar*/
#content #ads.sidebar {
	height: 100%;
	overflow: auto;
	margin-right: 0;
}
#content #ads.sidebar img {
	float: left;
	margin-bottom: 12px;
}
/*Ads sidebar*/
#content #rss.sidebar {
	background: url('images/rss-32.png') no-repeat 12px 12px;
	background-color: transparent;
	border: 1px solid #666;
	border-width: 1px;
	padding: 6px 12px 12px 52px;
}
#content #rss.sidebar h3 {
	font-size: 120%;
}
#content #rss.sidebar h3,
#content #rss.sidebar h4,
#content #rss.sidebar p,
#content #rss.sidebar a {
	color: #ccc;
	padding-bottom: 0;
}
#content #rss.sidebar h3,
#content #rss.sidebar h3 a {
	color: #fff;
}

/* FOOTER
========================================== */
#footer {
	clear: both;
	width: 100%;
	padding: 12px 0 0;
	background-color: #333;
}

#footer h3 {
	color: #fff;
}

#footer p {
	padding: 0 20px 12px 0;
	margin: 0;
	color: #454D71;
	font-size: 85%;
}

#footer a:link,
#footer a:visited {
	color: #454D71;
}

#footer a:hover,
#footer a:active {
	color: #fff;
}

/* Footer Navigation
========================================== */
#footer ul.nav {
	margin: 0 0 12px;
}

#footer ul.nav li {
	color: #fff;
	padding: 0 !important;
	margin: 0 6px 0px 0;
	display: block;
	float: left;
}

#footer ul.nav li a {
	color: #666;
	display: block;
	padding: 3px 6px;
	text-decoration: none;
	background-color: transparent;
}
#footer ul.nav li a:hover,
#footer ul.nav li a:active {
	color: #fff;
	background-color: #414141;
}
#footer ul.nav.right {
	margin: 0;
}
#footer ul.nav.right li {
	float: right;
}

/* CREDITS
========================================== */
#credits {
	clear: both;
}

#credits p {
	text-align: left;
	color: #999;
	font-size: 85%;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 12px;
	padding-left: 44px;
}

#credits a:link,
#credits a:visited {
	color: #999;
	text-decoration: none;
}

#credits a:hover,
#credits a:active {
	text-decoration: underline;
}

/* WIDGETS AND PLUGINS
==================================================================================== */
/* Search form
========================================== */
form#search-form {
	width: 100%;
	height: 23px;
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
	position: relative;
}
/*this controls the location and size of the white search box that floats.*/
form#search-form input.text {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 212px;
	height: 13px;
	padding: 4px 3px 4px 4px;
	margin: 0;
	border-color: #fff;
	background-position-y: -1px;
	z-index: 0;
}
form#search-form input.text:focus {
	border-color: #EBAB58;
}
form#search-form input.button-search {
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0px;
	display: block;
	line-height: 100%;
	width: 23px;
	height: 23px;
}
form#search-form label.overlabel {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}
form#search-form label.overlabel-apply {
	display: block;
	color: #999;
	font-size: 100%;
	position: absolute;
	top: 6px;
	left: 6px;
	margin: 0;
	z-index: 1;
	cursor: text;
}

form#list-form {
	margin:0px;
}

form#list-form input.text {
	position:relative;
	float:left;
	width: 212px;
	height: 13px;
	padding: 4px 3px 4px 4px;
	margin: 0px;
	border-color: #fff;
}

form#list-form input.text:focus {
	border-color: #EBAB58;
}

form#list-form input.button-list {
	position:relative;
	float:right;
	margin: 0px;
}




#content table.form {
	width: 100%;
}

#content table.form, 
	#content table.form td, 
	#content table.form th, 
	#content table.form label {
	color: #000;
	border: 0;
}

#content table.form th {
	background-color: #C30;
	color: #FFF;
}

#content table.form td {
	background-color: #EAECEE;
}

#content table.form label {
	text-align: right;
}
span.error {
	font-weight: bold;
	color: #F00;
}

/* Highlight Styles (like a highlighter and the highlights box)
========================================== */

span.highlighter {
	background-color:#FFFFCC;
}
#highlight {
	background-color:#FFFFCC;
}
/* ----------------- REQUIRED FIELDS ---------------------- */
.formreq { 
	font-weight: bold;
	width: 50%;
} 
.note, .notes, .ed_instructions{
	font-size: 11px;
	line-height: 14px;
	padding-top: 0px;
	margin-top: 3px;
}
.error, .errors, .red{
	font-weight: bold;
	color: red;
}
.required {
	font-weight: bold;
}
.required_asterisk {
	font-weight: bold;
 	color: #F00;
	vertical-align: super;
	font-size: 0.8em;
}
/* Printer Friendly & Tell-a-Friend 
========================================== */

#print_tell a img{
	color:#FFFFFF;
}

#print_tell {
	border-top: 1px solid #EAEAEA;	
}
/*----------------------------------------
	Member Dashboard 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: #222;
	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;
}
/* 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;
	
}
/* formatting for the Action(s) column */
table.crm_subtable tr th.action{ 							
	text-align: center;
	width: 60px;
}
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; } 
table.crm_subtable tr.row_padded td {
	padding: 5px 7px 5px 3px;
}
		
/* 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; }					
/* gc_cart_form is the class set on the shopping cart forms */
table.form,  table.form2 {							
	width: 99%;
	border-collapse: collapse;
	background: #f3f3f3; 
}
table.form2 td {
     padding: 10px 2px 8px 2px;
	 text-align:left;
	 font-size: 110%;

}
table.form2, table.gc_cart_form {background: #e5e5e5;}
table.gc_cart_form {
	border-collapse: collapse;
	background: #f3f3f3; 
	width: 100%; 
	max-width: 100%;
}
/* Think .rowdark */
table.form tr.row_odd, table.form2 tr.row_odd, table.funders tr.row_odd, table tr.rowdark {background: #e5e5e5;} 	
/* Think .rowlight */
table.form tr.row_even, table.form2 tr.row_even, table.funders tr.row_even, table tr.rowlight {background: #eee;} 	
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);
}
#content #top_text table.form2 th a, table.form2 th a:hover {
	color: #FFF;
	text-decoration: none;
}
table.form td, table.form2 td, table.gc_cart_form td {
	vertical-align: top;
	padding: 3px;
	border: 0;
}
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; }
/* top align subtable fields */
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; 												
	padding-left: 3px; 
	padding-right: 3px;
}
table.gc_cart_form td.price, table.gc_cart_form td.total, table.gc_cart_form td.ship_title{
	text-align:right;
}


table.gc_cart_form th {
text-align:left;
}

table.gc_cart_form tr#gc_extradonate td {
	background:#FFFFDF;
}

table.gc_cart_form tr td .button {
	background-color:#D4D0C8;
}

table.gc_cart_form tr td .button_primary {
	background-color:#CCFFCC;
}
table.gc_cart_form td select {
	color:#333333;
}
/*----------------------------------------
	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;
}			
/*-----------------------------------------------------
	Tell-A-Friend
------------------------------------------------------*/
form#tellafriend {
	background-color: #EAECEE;
}
form#tellafriend.rownolight {
	background-color: #EAECEE;
}
form#tellafriend table{
	background-color: #EAECEE;
}
form#tellafriend table tr th{
	text-align:left;
	background-color: #000;
	color:#FFFFFF;
}
form#tellafriend table tr td.leftcol{
	width: 33%;
}
form#tellafriend table tr td label{
	text-align:right;
	color:#000;
}
form#tellafriend table tr td{
	padding: 5px;
	padding-bottom: 2px;
	background-color: #EAECEE;
}
form#tellafriend table tr td table{
	width: 300px;
	margin: 0;
}
form#tellafriend table tr td table#recipients tr td{
	padding: 2px;
	background-color: #EAECEE;
	line-height: 1.6em;
}	

table.ticket-toplinks a,
table.ticket-toplinks,
table.tktdetail-box a,
table.tktdetail-box {
	color: #FFF;
}

table.tktdetail-box tr.ticket-new td,
table.tktdetail-box tr.ticket-content td,
table.tktdetail-box tr.ticket-content-new td,
table.tktdetail-box tr.ticket-closed td,
table.tktdetail-box tr.ticket-content-closed td {
	color: #333;
	text-align: left;
}


.events{
	background-color: #006699;
	padding: 8px;
	border: 1px solid #004E75;
	color: #FFFFFF;
	margin-bottom:20px;
	margin-top:20px;
}
.events h3{
	color: #FFFFFF;
}
.events ul{
	background-image: none;
}

/* Homepage events box css */
#content .small div.events ul li, .xsmall ul li {
	color: #ccc;
	line-height: 125%;
	padding: 6px 0;
	padding-left: 16px;
	border-bottom: 0px;
}

#content div.events ul li,
#content div.events ol li {
	background: url('images/bullet.gif') no-repeat 0px 9px;
	padding: 3px 0 3px 16px;
	color: #FFF;
}

#content div.events li strong {
	color: #FFF;
}

#content div.events .small p, .xsmall p {
	padding-right: 0;
	padding-bottom: 12px;
	margin: 0;
	color: #fff;
}


div#content div.testimonial {
	margin: 8px 0;
}

div#content div.testimonial p {
	margin: 0;
}
/*-----------Dual Assoc------------*/
table.dualassoc th {
	background-color:#FFA105;
	padding-top:3px;
	padding-bottom:3px;
}

table.dualassoc select {
	width:220px;
}
table.dualassoc {
	margin-bottom:20px;
}


#regclosed h1 {
	color: #CC3300;
	padding-top:15px;
}

table tr.address_row td {
	background-color:#D1E0EF;
}

div.heading {
	background-color: #C30;
	color: #FFF;
	padding: 4px 14px 6px 14px;
}

div.heading h4 {
	color: #FFF;
	margin: 0;
	padding: 0;
}

div.repeating {
	padding: 12px 14px 2px 14px;
}

div.gallery_category {
	font-size: 1.4em;
	color: #C30;
	font-weight: bold;
}

div.gallery_subcategory {
	padding-left: 12px;
	font-size: 1.3em;
	color: #f28101;
}

#content #top_text div.gallery_category a {
	color: #C30;
}

#content #top_text div.gallery_subcategory a {
	color: #f28101;
}

td.field_label {
	width: 45%;
}
td.field_value {
	width: 55%;
}

div#demo_request {
	float: right;
	color: #FFF;
	margin-right: 0px;
	margin-top: 40px;
	font-size: 13px;
}

div#demo_request a {
	color: #FFF;
}

.status_message {
	color:#339900;
	font-weight:bold;
}

.subtable_delete {
	cursor:pointer;
}

.subtable_add {
	cursor:pointer;
}

/*---------------- Blog Tags ------------------*/
#blog_tags {
	margin: 0;
	padding: 0 0 0px 0;
	border-top: 1px solid #ccc;
}

#blog_tags span.blog_tag a{
color:#FFFFFF;
}

#blog_tags span.blog_tag a:hover{
text-decoration:underline;
}

.blog_tags_list li {
	line-height: 125%;
	background-color: transparent;
	background-image: url("images/bullet.gif");
	background-repeat: no-repeat;
	background-position: 0px 9px;
	padding-top: 3px;
	padding-right: 0pt;
	padding-bottom: 3px;
	padding-left: 16px;
}

form#myform table#rendered_form textarea {
	font-weight:normal;
	font-size:1.2em;
	width:90%;
	height:140px;
}