/* IE6 PNG HACK
	- Use absolute URLs so don't have to place htc & blank.gif files in EACH folder with pages using png images.
	- Can't do png bullets.
	- Images can't be tiled (a limitation of the IE filter), but they can be stretched.
	  So, use repeat but not x/y, or size img for whole area.
	- It's most reliable on elements with non-'auto' dimensions. So use '%/em/px' width/height values.
	- Padding and borders don't indent the PNG image. An easy fix is wrapping your PNG images in container DIVs or similar.
	- Source: http://bjorkoy.com/past/2007/4/8/the_easiest_way_to_png/ */
img, #outer-l-ds, #outer-r-ds, #pg-title, #col4 { behavior: url(http://rondepriest.com/Scripts/iepngfix.htc) }

/* _____________________________________________ ZERO OUT ______________________________________________ */

html, body, p, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, hr, form, fieldset {
	margin: 0; 
	padding: 0; 
	border: 0 }

/* ____________________________________________ HTML & BODY ____________________________________________ */

html {
	height: 100%;
	scrollbar-face-color: #000000;
	scrollbar-arrow-color: #FFC310;
	scrollbar-track-color: #3C2804;
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #000000;
	scrollbar-3dlight-color: #FFC310;
	scrollbar-darkshadow-color: #FFC310 }
body {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background: url(images/_shared/pg-bg.jpg) center top repeat #3C2804 }

/* _____________________________________________ NOTES ________________________________________________ */

/* When wanting to change a used style, check where it's currently used by doing a Find (but not Replace).
Search for source code, not tag */

/* __________________________________________ TEMPLATE ITEMS __________________________________________  */

#container { /* use this (with text-align center in body) to get a div centered on page at defined width */
	width: 801px;
	margin: 0 auto 0 auto;
	text-align: left;
	padding-right: 20px }
#outer-l-ds { background: url(images/_shared/outer-l-ds.png) repeat }
#outer-r-ds { background: url(images/_shared/outer-r-ds.png) repeat }
#pg-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #3C2804;
	font-weight: bold;
	text-transform: uppercase;
	word-spacing: .2em;
	background: url(images/_shared/pg-title_bg.png) repeat;
	padding: 0 0 0 12px }
#sidebar { background: url(images/_shared/sidebar_bg.gif) repeat-y }
#col4 { background: url(images/_shared/col4.png) repeat }
#copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #A9784B;
	text-align: center;
	padding: 4px;
	background: url(images/_shared/sidebar_bg.gif) repeat-y }
#footerwrap { width: 520px;	margin: 0 auto 0 auto; padding: 10px 0 0 0; border-top: #A79279 1px solid }
#content { background: url(images/_shared/content_bg.jpg) repeat-x #EADCD0; padding: 3px 20px 8px 20px }

/* ______________________________________________ LINKS ________________________________________________ */

a:link { color: #6A4C14; text-decoration: underline }
a:visited { color: #6A4C14; text-decoration: underline }
a:hover { color: #6A4C14; text-decoration: none }
a:active { color: #6A4C14; text-decoration: none }

#footerlinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #A79279;
	text-align: center;
	background: #EADCD0 }
#footerlinks a:link { color: #A79279; text-decoration: none }
#footerlinks a:visited { color: #A79279; text-decoration: none }
#footerlinks a:hover { color: #A79279; text-decoration: underline }
#footerlinks a:active { color: #A79279; text-decoration: underline }

#lh {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #A9784B;
	text-align: right;
	padding: 0 25px 7px 0;
	background: url(images/_shared/lh_bg.gif) repeat-y }
#lh a:link { color: #A9784B; text-decoration: underline }
#lh a:visited { color: #A9784B; text-decoration: underline }
#lh a:hover { color: #A9784B; text-decoration: none }
#lh a:active { color: #A9784B; text-decoration: none }

/* If needed, place CSS Nav here - copy from desired example */

/* _____________________________________________ HTML TAGS _____________________________________________ */

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: justify;
	line-height: 135%;
	margin: 0 0 15px 0 }
ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	list-style-type: none;
	line-height: 135%;
	margin: 3px 5px 0 5px }
ul li { 
	background-image: url(images/_shared/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 20px }
ol_unused {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 135%;
	margin-top: 10px;
	margin-bottom: 5px }
blockquote_unused {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-style: italic;
	line-height: 135% }
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	text-transform: capitalize;
	margin-bottom: 15px }
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	color: #000000;
	text-align: center;
	margin: 0 0 15px 0 }
/* apparently hr is different now with xhtml -
style the preceeding para with "p-no-margin" to avoid browser inconsistancy */
hr_solid-or-dashed {
	border: none;
	border-top: #FF00FF 1px solid;
	height: 1px;
	width: 50%;
	text-align: center;
	margin: 18px auto 18px auto }
hr_double {
	border: none;
	border-top: #FF00FF 3px double;
	height: 3px;
	width: 50%;
	text-align: center;
	margin: 18px auto 18px auto }

/* ______________________________________________ FORMS ________________________________________________ */
/* Removed because there was no regular form & this messed up the paypal buttons.
   If they add a form later I'll deal with it then. */
	
/* ___________________________________________ CUSTOM STYLES ___________________________________________ */

.divbar_unused { margin: 15px 0 15px 0 }
.p-no-margin { margin-bottom: 0 }
.p-no-justify_unused { text-align: left }
.p-align-right_unused { text-align: right }
.p-align-center { text-align: center }
.smalltext_unused {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	line-height: 120% }
.smalltext2_unused {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	letter-spacing: .08em;
	word-spacing: .1em;
	line-height: 120% }
.img-right { float: right; margin-left: 15px; margin-bottom: 7px }
.img-left_unused { float: left; margin-right: 15px; margin-bottom: 7px }
.img-right-tlb_unused { float: right; margin-top: 7px; margin-left: 12px; margin-bottom: 7px }
.img-left-trb_unused { float: left; margin-top: 7px; margin-right: 12px; margin-bottom: 7px }
.img-right-spaced-border-in-table_unused {
	float: right;
	margin-left: 15px;
	margin-bottom: 7px;
	padding: 5px;
	border: #000000 1px solid }
.list-header_unused { margin-bottom: 5px }
.accent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FCFEF2;
	line-height: 135%;
	text-align: justify;
	border-top: #6A4C14 1px solid;
	border-left: #6A4C14 1px solid;
	background: #A68768 }
.accent td {
	border-right: #6A4C14 1px solid;
	padding: 7px 8px 0 8px }
.accent th {
	text-align: right;
	font-weight: normal;
	font-style: italic;
	border-right: #6A4C14 1px solid;
	border-bottom: #6A4C14 1px solid;
	padding: 2px 8px 7px 8px }
.accent ul li_unused { 
	background-image: url(images/_shared/bullet_on-beige.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 20px }
.border-simple { border: #6A4C14 1px solid }
.border-full { border-top: #C8A98A 1px solid; border-left: #C8A98A 1px solid }
.border-full th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #EADCD0;
	font-weight: bold;
	line-height: 135%;
	text-align: center;
	background: #C8A98A;
	padding: 3px }
.border-full td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 135%;
	border-right: #C8A98A 1px solid;
	border-bottom: #C8A98A 1px solid;
	padding: 3px }
.store-items td { text-align: center; border: none }
.store-items img { border: #6A4C14 1px solid; margin-right: 5px }
.store-items p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 135%;
	text-align: justify;
	margin-bottom: 0 }
.no-border { border: none }
.no-border td { border: none }