/* IE6 PNG HACK
	> Use absolute URLs here & in htc file so don't have to place htc & 1x1trans.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, #pg-title, #footer, #footerlinks { behavior: url(http://thetimbersatchama.com/Scripts/iepngfix.htc) }

/* _____________________________________________ ZERO OUT ______________________________________________ */

* {	margin: 0; padding: 0; border: 0 }

/* ____________________________________________ HTML & BODY ____________________________________________ */

html {
	height: 100%;
	scrollbar-base-color: #461A1D;
	scrollbar-arrow-color: #EAB553;
	scrollbar-track-color: #572B2E }
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #270C11;
	background: #572B2E }

/* __________________________________________ TEMPLATE ITEMS __________________________________________  */

#container { width: 950px; margin: 0 auto 0 auto; background: url(images/_shared/container_bg.jpg) repeat-y }
#main { width: 862px; margin: 0 auto 0 auto; background: url(images/_shared/main_bg.jpg) repeat-y }
#pg-title {
	width: 862px;
	margin: 0 auto 0 auto;
	background: url(images/_shared/pg-title_bg.png) no-repeat;
	text-align: center;
	height: 28px;
	padding: 23px 0 0 0 }
#nav { float: left; width: 185px; padding: 0 10px 0 10px }
#footer { clear: both; height: 43px; background: url(images/_shared/footer_bg.png) repeat }
#footer-left { float: left; width: 12px }
#content { float: right; width: 607px; padding: 25px 25px 20px 25px }

/* ______________________________________________ LINKS ________________________________________________ */

a:link { color: #794D4F; text-decoration: underline }
a:visited { color: #794D4F; text-decoration: underline }
a:hover { color: #ECDCB7; text-decoration: none; background: #572B2E }
a:active { color: #ECDCB7; text-decoration: none; background: #572B2E }

#nav a:link { background-color: transparent }
#nav a:visited { background-color: transparent }
#nav a:hover { background-color: transparent }
#nav a:active { background-color: transparent }

#footerlinks {
	float: right;
	width: 681px;
	background: url(images/_shared/footer_right.png) no-repeat top right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FDD257;
	text-align: center;
	line-height: 43px }
#footerlinks a:link { padding: 2px 4px 3px 4px; color: #FDD257; text-decoration: none }
#footerlinks a:visited { padding: 2px 4px 3px 4px; color: #FDD257; text-decoration: none }
#footerlinks a:hover { padding: 2px 4px 3px 4px; color: #270C11; text-decoration: none; background: #ECDCB7 }
#footerlinks a:active { padding: 2px 4px 3px 4px; color: #270C11; text-decoration: none; background: #ECDCB7 }

#lh {
	float: left;
	width: 163px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	margin: 10px 0 0 0;
	padding: 0 5px 0 0;
	border-right: #8D474D 1px solid }
#lh a:link { color: #A65359; text-decoration: none }
#lh a:visited { color: #A65359; text-decoration: none }
#lh a:hover { color: #A65359; text-decoration: underline }
#lh a:active { color: #A65359; text-decoration: underline }

.subnav { text-align: center }
.subnav a:link {
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #ECDCB7;
	text-transform: capitalize;
	text-decoration: none;
	background: url(images/_shared/btn_bg.jpg) repeat;
	border-left: #7D685B 2px solid;
	border-top: #7D685B 2px solid;
	border-right: #291509 2px solid;
	border-bottom: #291509 2px solid;
	padding: 8px 20px 8px 20px;
	margin: 0 5px 0 5px }
.subnav a:visited {
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #ECDCB7;
	text-transform: capitalize;
	text-decoration: none;
	background: url(images/_shared/btn_bg.jpg) repeat;
	border-left: #7D685B 2px solid;
	border-top: #7D685B 2px solid;
	border-right: #291509 2px solid;
	border-bottom: #291509 2px solid;
	padding: 8px 20px 8px 20px;
	margin: 0 5px 0 5px }
.subnav a:hover {
	color: #FDD257;
	text-decoration: none;
	background: url(images/_shared/btn_bg_hov.jpg) repeat }
.subnav a:active {
	color: #FDD257;
	text-decoration: none;
	background: url(images/_shared/btn_bg_hov.jpg) repeat }

/* _____________________________________________ HTML TAGS _____________________________________________ */

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #270C11;
	text-align: justify;
	line-height: 1.5em;
	margin: 0 0 12px 0 }
ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #270C11;
	list-style-type: none;
	line-height: 1.5em;
	margin: 5px 0 15px 7px }
ul li { 
	background-image: url(images/_shared/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 15px }
ol_unused {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #270C11;
	line-height: 1.5em;
	margin-top: 10px;
	margin-bottom: 5px }
ol li_unused { margin: 5px 0 5px 0 }
blockquote_unused {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-style: italic;
	line-height: 135% }
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #100A0C;
	text-transform: uppercase;
	margin: 25px 0 12px 0;
	padding: 5px 0 0 0;
	border-top: #794D4F 1px solid }
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #270C11;
	text-transform: capitalize;
	margin: 0 0 15px 0;
	text-align: center }
h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ECDCB7;
	background-color: #461A1D;
	text-transform: capitalize;
	padding: 2px 3px 4px 3px;
	text-align: center }
/* apparently hr is different now with xhtml -
style the preceeding para with "no-btm-margin" to avoid browser inconsistancy */
hr {
	border: none;
	border-top: #794D4F 1px dashed;
	height: 1px;
	width: 80%;
	text-align: center;
	margin: 15px auto 14px auto }
/* ______________________________________________ FORMS ________________________________________________ */

form th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #270C11;
	font-weight: normal;
	text-align: right }
form td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #270C11;
	font-weight: normal }
input, textarea, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #461A1D;
	background: #DBCBA6;
	height: 1.5em;
	padding-left: 3px;
	padding-right: 3px;
	border-left: #683C3F 1px solid;
	border-top: #683C3F 1px solid;
	border-right: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid }
textarea { height: auto }
.form-radio, .form-ckbox {
	background: none;
	height: auto;
	padding-left: 0;
	padding-right: 0;
	border: none }
.form-btn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #ECDCB7;
	background: url(images/_shared/btn_bg.jpg) repeat;
	height: auto;
	padding: 4px 15px 4px 15px;
	border-left: #7D685B 2px solid;
	border-top: #7D685B 2px solid;
	border-right: #291509 2px solid;
	border-bottom: #291509 2px solid }
	
/* ___________________________________________ CUSTOM STYLES ___________________________________________ */

.align-center { text-align: center }
.align-center2 { margin: 0 auto 0 auto }
.align-right_unused { text-align: right }
.align-left { text-align: left }
/* Float left or right also needs width specified, so a generic rule isn't practical. Add float to specific class. */
.clear { clear: both } /* Clear is also useful to mimic tables. Forces a new line when there's a floated element above. */
.clear-right-h1 { clear: right; margin-top: 0 }
.no-top-margin { margin-top: 0 }
.no-btm-margin { margin-bottom: 0 }
.img-right-inside-250 {
	float: right;
	margin: 7px 0 3px 12px;
	background: url(images/_shared/img-frame_250.jpg) no-repeat;
	padding: 9px 15px 15px 9px }
.img-right-250 {
	float: right;
	margin: 2px 0 3px 12px;
	background: url(images/_shared/img-frame_250.jpg) no-repeat;
	padding: 9px 15px 15px 9px }
.img-left-250 {
	float: left;
	margin: 2px 12px 3px 0;
	background: url(images/_shared/img-frame_250.jpg) no-repeat;
	padding: 9px 15px 15px 9px }
.img-right-124l {
	float: right;
	margin: 2px 0 3px 12px;
	background: url(images/_shared/img-frame_124L.jpg) no-repeat;
	padding: 9px 15px 15px 9px }
.img-left-124l {
	float: left;
	margin: 2px 12px 3px 0;
	background: url(images/_shared/img-frame_124L.jpg) no-repeat;
	padding: 9px 15px 15px 9px }
.img-right-123p {
	float: right;
	margin: 2px 0 3px 12px;
	background: url(images/_shared/img-frame_123p.jpg) no-repeat;
	padding: 9px 15px 15px 9px }
.img-left-123p {
	float: left;
	margin: 2px 12px 3px 0;
	background: url(images/_shared/img-frame_123p.jpg) no-repeat;
	padding: 9px 15px 15px 9px }
.border-full { border-top: #270C11 1px solid; border-left: #270C11 1px solid }
.border-full td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #270C11;
	line-height: 1.5em;
	border-right: #270C11 1px solid;
	border-bottom: #270C11 1px solid;
	padding: 0 }
.border-full-inner td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #270C11;
	line-height: 1.5em;
	border-right: none;
	padding: 4px }
.border-full-inner th {
	text-align: left;
	color: #ECDCB7;
	background: #8E7072;
	border-right: none;
	border-bottom: #270C11 1px solid;
	padding: 4px }
.vertical-divider { border-right: #683C3F 1px dashed }
.weather-widget { text-align: center; padding-top: 25px }