@charset "UTF-8";
body  {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	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;
}
/* -----------------The Basics--------------------*/
p, Normal {
	font: 12px, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 22px;
}
form {
	margin:0px;
	padding:0px;
}
ol, ul, li {
	font: 12px, Verdana, Arial, Helvetica, sans-serif;
	line-height: 22px;
}
h1{
	color: #98002E;
	font-size: 28px;
}
h2{
	font: 22px, Verdana, Arial, Helvetica, sans-serif;
	color: #98002E;
}

h3 {
	font: 20px, Verdana, Arial, Helvetica, sans-serif;
	color: #98002E;
}
h4{
	font: 20px, Verdana, Arial, Helvetica, sans-serif;
	color: #98002E;
}
h5{
	font: 16px, Verdana, Arial, Helvetica, sans-serif;
	color: #98002E;
	margin-bottom: -10px;
}
h6{
	font: 16px, Verdana, Arial, Helvetica, sans-serif;
	color: #98002E;
}
/*This is here just to make sure images in general have no border.
----- */
img, a img { 
	border: 0;/*
	margin: 0;
	padding: 0; */
}
/*-----LINKS-----*/
a:link, a:visited{
	text-decoration: underline;
	color: #98002E;	
}
a:hover, a:active{
	text-decoration: none;
}

/*This is our div for top_text, using this clears the p tag from being unruly and someone had put some padding on p which is bad.  By padding top_text here what we say is that the items below it like links or forms and such will be forced to be at least 12 pixels below or down.  Jordan*/
.top_text, #top_text{
	padding: 0 0 12px 0;
	width: 590px; 
}

h1#name {
	margin-bottom:0px;
}

p#nav {
	padding-bottom:10px;
	font-weight:bold;
	font-size:13px;
}

p#nav a {
	text-decoration:none;
	color:#000;	
}

/* 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: #5f6265;
	background-color: #5f6265;
	height: 1px;
}
/*Options are the printer friendly, rss, etc options that apper.*/
#options{
	background-color: #f1da9b;
	border: 1px solid #ecbc55;
	padding: 10px;
	background-position: center;
}
.twoColElsRtHdr #container, .twoColElsRtHdr #homeContainer { 
	width: 1000px;
	background: #EEF5FC;
/*	background-color:#e2eff9;*/
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoColElsRtHdr #homeContainer {
	/* we're going to have to resort to some trickery to get the homepage background image */
/*	background-attachment: fixed;*/
/*	background-image: url('/images/placeholder_pic.jpg');
	background-repeat: no-repeat;
	background-position: 0px 139px; */
}
.twoColElsRtHdr #homeContainer #top {
	background-image: url(/images/placeholder_pic.jpg);
	background-repeat: no-repeat;
	height: 485px;
	background-color: #E2EFF9;
	background-position: 0px 54px;
	margin-top: 139px;
}
/* ------ HOME PAGE Specific Style! --------- */
.twoColElsRtHdr #homeContainer #homeRightWrapper {
/*	margin: 20px 20px 0px 405px;*/
	margin:10px 30px 20px 0px;
	_margin-right:15px;
	width:465px;
	float:right;
}
.twoColElsRtHdr #homeContainer .right_box {
	width:460px;
/*	height:375px;*/
	margin:20px 0px;
	background-color:#9c0029;
	border:2px solid #fff;
}
.twoColElsRtHdr #homeContainer .right_box div#homeBlog {
	padding:20px;
	padding-top:0px;
	*padding-top:10px;
}
.twoColElsRtHdr #homeContainer .right_box div#homeLibrary {
	padding:20px;
	padding-top:0px;
	*padding-top:10px;
}

.twoColElsRtHdr #homeContainer .right_box h4 {
	color:#f7d77b;
	font-weight:bold;
	font-size:14px;
}
.twoColElsRtHdr #homeContainer .right_box p {
	color:#fff;
}
.twoColElsRtHdr #homeContainer .right_box a:link, .twoColElsRtHdr #homeContainer .right_box a:visited {
	color:#fff;
	text-decoration:underline;
}
.twoColElsRtHdr #homeContainer .right_box a:hover, .twoColElsRtHdr #homeContainer .right_box a:active {
	color:#fff;
	text-decoration:none;
}
.twoColElsRtHdr #homeContainer div#change_img {
	text-align:center;
	margin:0px auto;
	padding:0px;	
}
.twoColElsRtHdr #homeContainer #HOMEmainContent{
	margin:0px;
	padding:0px;
	background-color:green;
	margin-top:400px;
}
.twoColElsRtHdr #homeContainer #homeLeft {
	margin:0px;
	padding:0px;
	margin-top:490px;
	width:490px;
	_width:470px;
}
.twoColElsRtHdr #homeContainer #homeLeft #homeNav {
	margin:10px 0px 0px 19px;
	padding-top:5px;
	*padding-top:0px;
}
.twoColElsRtHdr #homeContainer #homeLeft .homeYellow {
	background-color:#f7d77b;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	padding:20px;
	margin:15px 0px;
}
.twoColElsRtHdr #homeContainer #homeLeft .homeYellow input#signup {
	width:250px;
	border:2px solid #f7ba4a;
	color:#999999;
	padding:3px;
	float:left;
	margin-top:12px;
}
.twoColElsRtHdr #homeContainer #homeLeft .homeYellow input#signupButton {
	float:left;
	margin-top:12px;
	margin-left:6px;
}
.twoColElsRtHdr #homeContainer #homeLeft .homeYellow #shop {
	width:180px;
}

.twoColElsRtHdr #homeContainer #homeLeft .homeYellow #shopPic {
	width:140px;
	float:right;
}

.twoColElsRtHdr #homeContainer #homeLeft .homeYellow .extra_padding {
	padding:15px 0px;
	
}

.twoColElsRtHdr #header, .twoColElsRtHdr #homeHeader { 
	margin:0px;
	padding:0px;
	background: #00467f;
	border:none;
	height:139px;
} 

.twoColElsRtHdr #homeHeader {
	margin-top: -624px; 
	height: 139px;
}
.twoColElsRtHdr #header *, .twoColElsRtHdr #homeHeader * { 
	margin:0px;
	padding:0px;
	border:none;
	overflow:hidden;
}
.twoColElsRtHdr #header a:link, .twoColElsRtHdr #header a:visited, .twoColElsRtHdr #homeHeader a:link, .twoColElsRtHdr #homeHeader a:visited {
	color:#fff;
	text-decoration:underline;
}
.twoColElsRtHdr #header a:hover, .twoColElsRtHdr #header a:active, .twoColElsRtHdr #homeHeader a:hover, .twoColElsRtHdr #homeHeader a:active {
	color:#fff;
	text-decoration:none;
}
.twoColElsRtHdr #header h1, .twoColElsRtHdr #homeHeader h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
/*	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
/*------ Header Specific Styles (Search, Tag-Line, etc) -------*/
.twoColElsRtHdr #header #logo, .twoColElsRtHdr #homeHeader #logo {
	margin:0px;
	padding:0px;
	float:left;
	width:209px;
}

.twoColElsRtHdr #header #header-right, .twoColElsRtHdr #homeHeader #header-right {
	margin:0px;
	padding:0px;
	float:left;
	width:591px;
	height:139px;
} 
.twoColElsRtHdr #header #header-right #search_form, .twoColElsRtHdr #homeHeader #header-right #search_form {
	margin-top:14px;
	margin-left:330px;
}

input#searchInput {
	color:#999999;
}

#site_search input#keywords {
	border:1px solid #000;
	width:150px;
	margin:0px;
	padding:3px;
	float:left;
	margin-top:7px;
}

#site_search input#search  {
	float:left;
	width:64px;
	margin:0px;
	padding:0px;
	margin-left:6px;
	margin-top:7px;
}

.twoColElsRtHdr #homeHeader #header-right #search_form form input.search, .twoColElsRtHdr #header #header-right #search_form form input.search {
	float:left;
	padding:3px;
	margin-top:8px;
}

.twoColElsRtHdr #header #header-right #search_form form input.searchButton, .twoColElsRtHdr #homeHeader #header-right #search_form form input.searchButton{
	float:left;
	width:64px;
	margin:0px;
	padding:0px;
	margin-left:6px;
	margin-top:7px;
}



#site_search table#checkboxes {
	background:none;
	clear:both;
}
.twoColElsRtHdr #header #header-right #search_form a, .twoColElsRtHdr #homeHeader #header-right #search_form a {
	text-decoration:none;
	color:#6b96bd;
}

.twoColElsRtHdr #header #header-right #tagline, .twoColElsRtHdr #homeHeader #header-right #tagline {
	margin-top:3px;
}

/*This is my right side float box with navigation*/
.twoColElsRtHdr #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 160px; /* 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: #EEF5FC; /* the background color will be displayed for the length of the content in the column, but no further */	
	padding: 15px 20px 15px 20px;
}

.twoColElsRtHdr #sidebar1 #subnav {
	background-color:#CFE9FF;
	border: 1px solid #86C0EF;
}

.twoColElsRtHdr #sidebar1 h3, .twoColElsRtHdr #sidebar1 p {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}

.twoColElsRtHdr #sidebar1 p.subnav_item {
	padding-top:10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #86C0EF;
}


.twoColElsRtHdr #contentWrapper {
	padding:0px;
	margin:0px;
	background-color:#EEF5FC;
	_width:540px;
}
.twoColElsRtHdr #contentWrapper #mainContent {
	background-color: #EEF5FC;
	padding: 13px;	
	_padding-left:7px;
	_padding-right:0px;
} 
.twoColElsRtHdr #footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#98002e;
} 
.twoColElsRtHdr #footer a:link, .twoColElsRtHdr #footer a:visited {
	color:#fff;
	text-decoration:underline;
}
.twoColElsRtHdr #footer a:hover, .twoColElsRtHdr #footer a:active {
	color:#fff;
	text-decoration:none;
}

.twoColElsRtHdr #footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	vertical-align: middle;
	line-height: 16px;
}

/* Miscellaneous classes for reuse */
.fltrt { /* 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. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* 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 */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/*-----------------------------------------------------
	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: #669900;	
} 

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

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

/*-----------------------------------------------------
	Form & Table Styles
------------------------------------------------------*/

/* ----------------- TABLES ---------------------- */
/* form tables */
form table, table.form{
	width: 99%;
	border-collapse: collapse;
/*  Why was this weird yellow set for tables?  I took it out.  SG 10/3
	background: #fdfdc0; */
}

/* ----------------- TR ---------------------- */
/* rowlight */
form table tr.row_odd, table.form tr.row_odd, .rowdark {
	background: #e5e5e5;
} 

/* rowdark */
form table tr.row_even, table.form tr.row_even, .rowlight {
	background: #eee;
}

/* ----------------- TH ---------------------- */
form table th, table.form th {
	background-color: #00467F;
	color: #FFFFFF;
	text-align: left;
	padding: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}

/* ----------------- TD ---------------------- */
/* vertical align text in table cells top */
table tr td{
	vertical-align: top;
}
form table td, table.form td {
	vertical-align: top;
	padding-left: 7px;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: -7px;
}

/* ----------------- LABELS ---------------------- */
/* align form labels right */
form table tr td label, table.form tr td label {				
	display: block;
	text-align: right;
}

/* ----------------- LISTS ---------------------- */
form table ul, table.form ul {
	margin: 0px;
	padding: 0px;
}
form table li, table.form li{
	list-style: none;
}

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

/* ----------------- SUBTABLES ---------------------- */
form table table.subtable td { border-bottom: 2px solid white; }
form table table.subtable { border-collapse: collapse; width: 99%;}
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;
} 
/* add the pointer icon to add/delete row icons in subtables */
.subtable_add{
	cursor: pointer;
}
.subtable_delete {
	cursor: pointer;
}
.subtable th {
	background-color:#6B96BD;
}											

/* ----------------- FORM FIELDS ---------------------- */
/* set width and color form fields.  do NOT use black as your color. */
form table input, form table option, form table textarea, form table select {
	color: #660000;
	width: 140px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
input.wide, option.wide, select.wide, textarea.wide {
	color: #660000;
	width: 300px;
}
/* apply this class to any fields that should ignore previously set widths */
input.normal, option.normal, textarea.normal, select.normal {
	width: auto;
}

/* ----------------- SITE SEARCH ---------------------- */
/* for the site search box on the home and inner pages */
form#search_form{
}
/* for the site search box on the home and inner pages */
input#site_search{
}

/* ----------------- REQUIRED FIELDS ---------------------- */
.formreq, .req { 
	font-weight: bold;
} 

/* ----------------- NOTES & ERRORS ---------------------- */
.note, .notes, .ed_instructions{
	font-size: 11px;
	line-height: 14px;
	padding-top: 0px;
	margin-top: 3px;
}
.error, .errors, .red{
	font-weight: bold;
	color: red;
}
/*-----------------------------------------------------
	Tell-A-Friend
------------------------------------------------------*/
form#tellafriend table{
	background-color:#eeeeee;
	font-size:11px;
}
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;
}
/*The following styles are requried for the Links Module.  It controls the topic listing above the table and the names of the actual links in the tables.*/
#resource, .resource {
	font: 12px, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
a.resource:link, a.resource:visited{
	text-decoration: underline;
	color: #98002E;	
}
a.resource:hover, a.resource:active{
	text-decoration: none;
}

/* ----------- Some Blog Specific Styles ------------- */

#blog_archive {
	background-color:#CFE9FF;	
	margin: 0;
	border: 1px solid #86C0EF;
}

#blog_archive h3 {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #86C0EF;
	margin-bottom: 10px;
}

#blog_archive hr {
background-color:#00467F;
}
table.blogcommentform {
	font-size:11px;
}
.blog_chron_span {
	display: block;
	padding-left: 10px;
	padding-top:5px;
	margin:0px;
}

/* ----------- Some Staff Listing Specific Styles ------------- */

#staff {
	border:1px solid #e2eff9;
	color:#333333;
}

#staff .rowlight {
	background-color:#eef5fc;
}
#staff .rowdark {
	background-color:#e2eff9;
}

/* ------------- Calendar of Events Styles ------------------ */
table.calendar tr td {
	padding:10px 0px;
}
table.calendar .rowlight {
	background:none;
}
table.calendar .rowdark {
	background:none;
}

/* ------------- Links Module Styles ------------------------ */
#links table tr td {
	padding:10px;
	line-height:1.6em;
}

/* ------------ Powered By Link ----------------------------- */
#poweredBy, #poweredByInner {
	clear:both;
	margin:50px auto 0px auto;
	_margin-top:0px;
	text-align:center;
	padding:10px;
}

#poweredByInner {
	margin-top:0px;
}
/*-------- NO MORE TABLES LAYOUTS --------*/
div.faux_th{
	background-color:#990909;
	color: #FFFFFF;
	font-size: 14px;
	padding-top: 4px;
	padding-right: 14px;
	padding-bottom: 2px;
	padding-left: 14px;
	font-weight: bold;
}
#faux_row{
	background-color:#FFF;
	margin:0px;
	padding-top: 4px;
	padding-right: 14px;
	padding-bottom: 2px;
	padding-left: 14px;
}
#faux_row_highlight{
	background-color:#CFE9FF;
	line-height:1.5em;
	margin: 0;
	padding-top: 10px;
	padding-right: 14px;
	padding-bottom: 10px;
	padding-left: 14px;
	/*border: 1px solid #FFDE4F;*/
	border: 1px solid #00467F;
}
#faux_row_highlight hr{
	background-color:#FFCC00;
	border:0;
	height:1px;
}
.faux_col_left{
	float:left;
	background-color: #cccccc;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #ffffff;
	margin: 0px;
	padding: 0px;
}
.faux_col_right{
	float:right;
	background-color: #cccccc;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #ffffff;
	margin: 0px;
	padding: 0px;
}
/*-----------Dual Assoc------------*/
table.dualassoc th {
	background-color:#6B96BD;
	padding-left:20px;
}
table.dualassoc td {
	vertical-align:middle;
	
}
table.dualassoc select {
	width:200px;
}
table.dualassoc {
	margin-bottom:20px;
}

/*--------------------------------------------
	Products Styles
--------------------------------------------*/
table.products_table{
	width: 99%;
}
table.details_price{
	width: 25%;
	margin: 3px;
}
table.products_table tr th, table.details_price tr th{
	background-color: #990000;
	color: #fff;
	padding-left: 5px;
}
table.products_table tr td, table.details_price tr td{
	vertical-align: top;
	padding: 5px;
}
table.products_table tr td.price_block, table.details_price tr td.price_block{
	text-align: center;
	padding-top: 5px;
	width: 25%;
	vertical-align: top;
	background-color: #e5e5e5;
}
.prod_links{
	font-weight: bold;
}

table.products_table tr ul {
  margin: 0;
  padding: 0;
}
table.products_table tr ul li {
  display: inline;
  padding: 0em 4em 0em 0em;
}
table.products_table .rowlight {
  background-color: #efefef;
}
table.products_table .rowdark {
  background-color: #fff;
}

table#products_table tr.products_hd {
background-color:#00467f;
font-weight:bold;
color:#fff;
}

table.products_table tr.products_hd, table.details_price .products_hd  {
background-color:#00467f;
font-weight:bold;
color:#fff;
}


#donation_table {
	background-color:#EFEFEF;
}
#showmethemoney {
	text-align:center;
}

table.receipt {
	width:100%;
}
body.receipt {
background-color:#FFFFFF;
}
td.sub table {
width:100%;
}
table.crm_subtable th {
background-color:#6B96BD;
}
table#rendered_form tr td {
width:50%;

}
.required_asterisk { 
	color: red;
	display: inline;
	position: relative;
	top: -5px;
	font-size: 80%;
	line-height:23px;
	font-weight:bold; 
}

label .required {
	font-weight:bold;
}

#member_form table tr td {
	background-color:#EFEFEF;
	padding:5px;
}

#member_form tr#payment_notes td {
	background-color:#ccc;
	font-size:.9em;
	text-align:center;
}