/* _____________________________________________ 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-base-color: #009DDC;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF }
body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background: url(images/_shared/pg-bkgrd.jpg) fixed repeat-x #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 __________________________________________  */

#container { /* use this (with text-align center in body) to get a div centered on page at defined width */
	width: 768px;
	margin: 0 auto 0 auto;
	text-align: left;
	background: #FFFFFF;
	border-left: 1px #000000 solid;
	border-right: 1px #000000 solid }
#header-top { background: url(images/_shared/header_top-bkgrd.gif) repeat-x }
#header-btm { background: url(images/_shared/header_btm-bkgrd.gif) repeat-x }
#header { background: url(images/_shared/header_bkgrd.jpg) no-repeat; padding: 13px 0 17px 28px }
#nav-container { width: 222px; border: 1px #000000 solid; padding: 5px 7px 5px 7px }
#nav-container img { border: 1px #000000 solid; margin: 2px 0 2px 0}
.left-col {
	width: 149px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4ACDFF;
	text-align: center;
	background: #009DDC;
	border-right: 1px #000000 solid;
	padding: 17px 0 1px 0 }
.left-col a:link { color: #FFFFFF; text-decoration: underline }
.left-col a:visited { color: #FFFFFF; text-decoration: underline }
.left-col a:hover { color: #FFFFFF; text-decoration: none }
.left-col a:active { color: #FFFFFF; text-decoration: none }
#page-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	text-transform: uppercase;
	word-spacing: .3em;
	margin: 0 140px 22px 140px;
	padding: 2px 0 1px 0;
	background-color: #F8F8C7;
	border: #000000 1px solid }
#copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6B94E7;
	padding: 0 0 0 20px }
#lh-logo { background: url(images/_shared/footer_bkgrd.gif) repeat-x }
#content { width: 549px; padding: 17px 35px 20px 35px }

/* ______________________________________________ LINKS ________________________________________________ */

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

.footerlinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	background: url(images/_shared/footer_bkgrd.gif) repeat-x }
.footerlinks a:link { padding: 2px 4px 3px 4px; color: #FFFFFF; text-decoration: none }
.footerlinks a:visited { padding: 2px 4px 3px 4px; color: #FFFFFF; text-decoration: none }
.footerlinks a:hover { padding: 2px 4px 3px 4px; color: #000000; text-decoration: none; background: #F8F8C7 }
.footerlinks a:active { padding: 2px 4px 3px 4x; color: #000000; text-decoration: none; background: #F8F8C7 }

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

/* Match style to .form-btn. Use for other places a single btn is wanted. */
.btn_unused {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CCD2FB;
	text-align: center;
	background-color: #071352;
	border: #071352 1px solid }
.btn a {
	color: #CCD2FB;
	text-decoration: none;
	height: 2.5em;
	padding: 3px;
	background: transparent;
	display: block }
.btn a:hover {
	color: #071352;
	text-decoration: none;
	background-color: #CCD2FB }
/* Below is another method, but doesn't change bkgrd color. If above works, delete below...
To do this, place text in div in td. Link text, manually move the div inside the link tags, class the td.
(td.btn - a - div - text)
Hover will only change text color, NOT bkgrd of cell. To get full bkgrd to change must use another method,
however that requires specifying the width or using a list, which I wouldn't want to do here. */
.btn2_unused {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #D4C061;
	background-color: #897724;
	border-left: #FFF8DE 2px solid;
	border-top: #FFF8DE 2px solid;
	border-right: #815B02 2px solid;
	border-bottom: #815B02 2px solid }
.btn2 div { padding: 6px 20px 6px 20px }
.btn2 a:link { color: #D4C061; text-decoration: none }
.btn2 a:visited { color: #D4C061; text-decoration: none }
.btn2 a:hover { color: #F7F394; text-decoration: none }
.btn2 a:active { color: #F7F394; text-decoration: none }

/* _____________________________________________ HTML TAGS _____________________________________________ */

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

/* ______________________________________________ FORMS ________________________________________________ */

form th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-align: right;
	padding: 2px 4px 2px 0 }
input, textarea, select, .form-input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #007BBA;
	background: #DFF3FB;
	padding-left: 3px;
	padding-right: 3px;
	border-left: #009DDC 1px solid;
	border-top: #009DDC 1px solid;
	border-right: #009DDC 1px solid;
	border-bottom: #009DDC 1px solid;
	margin: 2px 0 2px 0 }
.form-radio, .form-ckbox {
	background: none;
	padding-left: 0;
	padding-right: 0;
	border: none }
.form-btn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #009DDC;
	border-left: #5CC0E9 2px solid;
	border-top: #5CC0E9 2px solid;
	border-right: #005475 2px solid;
	border-bottom: #005475 2px solid;
	margin: 7px 0 0 0 }
	
/* ___________________________________________ CUSTOM STYLES ___________________________________________ */

.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 }
.smalltext2_unused {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	line-height: 120% }
.smalltext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #009DDC;
	letter-spacing: .04em;
	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 { float: right; margin-top: 7px; margin-left: 15px; margin-bottom: 7px }
.border-simple_unused { border: #000000 1px solid }
.border-full_unused { border-top: #999999 1px solid; border-left: #999999 1px solid }
.border-full_unused td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 135%;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
	padding: 3px }
.border-bottom { margin-top: -9px }
.border-bottom th { font-weight: normal; text-align: justify; line-height: 130%; padding: 9px 2px 2px 2px }
.border-bottom td {
	text-align: right;
	font-size: 11px;
	font-style: italic;
	border-bottom: #009DDC 1px solid;
	padding: 5px 2px 9px 2px }