/* _____________________________________________ ZERO OUT ______________________________________________ */

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

/* ____________________________________________ HTML & BODY ____________________________________________ */

html {
	height: 100%;
	scrollbar-face-color: #B29801;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #000000;
	scrollbar-shadow-color: #B29801;
	scrollbar-highlight-color: #B29801;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #000000 }
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background: #FFFFFF }

/* _____________________________________________ 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 __________________________________________  */

#header { width: 950px; margin: 7px auto 0 auto }
#phone { padding: 0 0 0 65px }
#phone img { margin: 9px 38px 0 38px }
#container_outer {
	width: 948px;
	background: url(images/_shared/container-outer_bg.gif) no-repeat #7C6A01;
	margin: 0 auto 0 auto;
	padding: 0 1px 1px 1px }
#container_inner {
	width: 934px;
	background: url(images/_shared/container-inner_bg.gif) no-repeat #B29801;
	padding: 7px }
#main {	width: 934px; background: #000000 }
#pg-title { width: 245px; margin: 0 0 0 217px; border-bottom: #7C6A01 1px solid }
#right-pic { width: 446px }
#footer { width: 934px;	margin: 10px auto 0 auto }
#copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #B29801;
	text-align: center;
	float: left }
#content {
	width: 415px;
	height: 305px;
	margin: 23px 0 0 27px;
	padding: 0 20px 0 0;
	overflow: auto }
#content-wide {
	width: 875px;
	margin: 23px 0 0 27px }

/* ______________________________________________ LINKS ________________________________________________ */

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

#footerlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: center;
	letter-spacing: .04em }
#footerlinks a:link { color: #000000; text-decoration: none }
#footerlinks a:visited { color: #000000; text-decoration: none }
#footerlinks a:hover { color: #000000; text-decoration: underline }
#footerlinks a:active { color: #000000; text-decoration: underline }

#lh {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	float: right }
#lh a:link { color: #B29801; text-decoration: none }
#lh a:visited { color: #B29801; text-decoration: none }
#lh a:hover { color: #000000; text-decoration: none }
#lh a:active { color: #000000; text-decoration: none }

/* _____________________________________________ HTML TAGS _____________________________________________ */

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: justify;
	line-height: 1.5em;
	margin: 0 0 12px 0 }
ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	list-style-type: none;
	line-height: 1.5em;
	margin: 10px 5px 12px 12px }
ul li { 
	background-image: url(images/_shared/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	padding-left: 15px }
ol_unused {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	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: 1.5em }
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #CCCCCC;
	text-align: center;
	text-transform: uppercase;
	word-spacing: .3em;
	margin-bottom: 15px }
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #B4B099;
	text-transform: capitalize;
	background: #443A00;
	padding: 0 0 0 20px;
	margin: 0 0 7px 0 }
/* apparently hr is different now with xhtml -
style the preceeding para with "no-btm-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 ________________________________________________ */
/* remember can do width, height, rounded rect pill shape */

form { background-color: #CCCCCC }
form th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	text-align: right;
	padding: 2px 4px 2px 0 }
form td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	padding: 2px 0 2px 0 }
input, textarea, select, .form-input { /* remember can do transparent background too (used on Perez Firm) */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background: url(images/_shared/form-input-bg.gif) no-repeat #4E0000;
	line-height: 1.5em;
	padding: 3px 6px 4px 6px;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
	margin: 2px 0 2px 0 }
.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: #000000;
	background-color: #CC0000;
	height: auto;
	border-left: #4E0000 2px solid;
	border-top: #4E0000 2px solid;
	border-right: #4E0000 2px solid;
	border-bottom: #4E0000 2px solid }
	
/* ___________________________________________ CUSTOM STYLES ___________________________________________ */

.center-horiz { margin: 0 auto 0 auto } /* Tables need the width added, divs no? */
.p-align-center { text-align: center }
.p-align-right_unused { text-align: right }
.p-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_unused { clear: both } /* Clear is also useful to mimic tables. Forces a new line when there's a floated element above. */
.no-btm-margin { margin-bottom: 0 }
.divbar_unused { margin: 15px 0 15px 0 }
.smalltext_unused {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	line-height: 1.2em }
.smalltext2_unused {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	letter-spacing: .08em;
	word-spacing: .1em;
	line-height: 1.2em }
.ssp { float: right; margin: 5px 0 5px 15px }
.img-right_unused { float: right; margin: 5px 0 7px 15px }
.img-left_unused { float: left; margin: 5px 15px 7px 0 }
.img-right-spaced-border-in-table_unused {
	float: right;
	margin-left: 15px;
	margin-bottom: 7px;
	padding: 5px;
	border: #000000 1px solid }
.img-right-caption_unused { /* Style a div. Remove the "unused" marker from rule below too, they go together. */
	float: right;
	margin: 5px 0 7px 15px;
	background: #D9C2A3;
	border: #B7A48B 1px solid;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #847158;
	padding-bottom: 2px }
.img-right-caption_unused img { margin-bottom: 2px}
.img-right-250_unused { /* Adds frame/ds (Timbers). Style the img. Padding positions img offset & shows full bg. */
	float: right;
	margin: 3px 0 3px 12px;
	background: url(images/_shared/img-frame_250.jpg) no-repeat;
	padding: 9px 15px 15px 9px }
.img-left-250_unused {
	float: left;
	margin: 3px 12px 3px 0;
	background: url(images/_shared/img-frame_250.jpg) no-repeat;
	padding: 9px 15px 15px 9px }
.list-header_unused { margin-bottom: 5px }
.border-simple_unused { border: #000000 1px solid }
.twocol-table {
	width: 395px;
	margin: 0 0 15px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 1.5em }
.twocol-table th {
	font-weight: normal;
	border-right: #B4B099 1px solid;
	padding: 0 5px 0 0 }
.twocol-table td { padding: 0 0 0 5px }
.twocol-table p { text-align: left; margin: 0 }