/* _____________________________________________ ZERO OUT ______________________________________________ */

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

/* ____________________________________________ HTML & BODY ____________________________________________ */

html {
	height: 100% }
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #65016C;
	background: url(images/_shared/pg-bg.gif) top center #C936D3 }

/* _____________________________________________ 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-nav { width: 950px;	margin: 0 auto 0 auto }
#category-title {
	width: 225px;
	height: 22px;
	float: left;
	background: url(images/_shared/pg-title_bg.gif) no-repeat;
	background-color:#FFFFFF;
	text-align: center;
	padding: 21px 0 0 130px }
#main {
	width: 950px;
	margin: 0 auto 0 auto;
	background: url(images/_shared/main_bg.gif) repeat-y }
#left-col {
	width: 175px;
	background: url(images/_shared/left-sidebar_bg.gif) no-repeat;
	padding: 35px 0 0 10px;
	float: left }
#right-col {
	width: 175px;
	padding: 35px 10px 0 0;
	float: right }
#navbar {
	width: 595px;
	height: 43px;
	float: right;
	background: url(images/_shared/nav_bg.gif) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center }
#footer {
	clear: both;
	width: 950px;
	padding: 5px 0 0 0 }
#copyright-lh-container { width: 900px;	margin: 0 auto 0 auto; padding: 7px 25px 0 25px }
#copyright {
	float: left;
	width: 50%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F9BFFE;
	text-align: left;
	padding: 7px 0 0 0 }
#content {
	float: left;
	width: 520px;
	padding: 25px 30px 0 30px }

/* ______________________________________________ LINKS ________________________________________________ */

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

#navbar a:link { color: #FFFFFF; text-decoration: none; padding: 0 8px 0 8px }
#navbar a:visited { color: #FFFFFF; text-decoration: none; padding: 0 8px 0 8px }
#navbar a:hover { color: #AEF26D; text-decoration: none; padding: 0 8px 0 8px }
#navbar a:active { color: #AEF26D; text-decoration: none; padding: 0 8px 0 8px }

#lh {
	float: right;
	width: 50%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F9BFFE;
	text-align: right }
#lh a:link { color: #F9BFFE; text-decoration: none }
#lh a:visited { color: #F9BFFE; text-decoration: none }
#lh a:hover { color: #FFFFFF; text-decoration: underline }
#lh a:active { color: #FFFFFF; text-decoration: underline }

/* These sidebar rules control link properties only. To adjust other aspects, see CUSTOM area below. */
.sidebar-boxes a:link { color: #499500; text-decoration: underline }
.sidebar-boxes a:visited { color: #499500; text-decoration: underline }
.sidebar-boxes a:hover { color: #499500; text-decoration: none }
.sidebar-boxes a:active { color: #499500; text-decoration: none }

/* _____________________________________________ HTML TAGS _____________________________________________ */

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #65016C;
	text-align: justify;
	line-height: 1.5em;
	margin: 0 0 12px 0 }
ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #65016C;
	list-style-type: none;
	line-height: 1.5em;
	margin: 0 5px 5px 15px }
ul li { 
	background-image: url(images/_shared/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em; /* H,V. Using "center" for vertical doen't work if text can wrap beyond one line */
	padding-left: 15px }
ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #65016C;
	line-height: 1.5em;
	margin: 0 5px 5px 35px }
blockquote_unused {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-style: italic;
	line-height: 1.5em }
h1 { /* Used for individual page titles */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #65016C;
	text-align: center;
	text-transform: capitalize;
	word-spacing: .2em;
	margin-bottom: 16px }
h2_unused {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	background-color: #CCCCCC;
	text-transform: uppercase }
hr { /* style the preceeding para with "no-btm-margin" to avoid browser inconsistancy - also hr-spacer if img taller than text */
	border-top: #77207D 1px solid;
	height: 1px;
	width: 100%;
	text-align: center;
	margin: 0 auto 5px auto }
hr_grooved { /* style the preceeding para with "no-btm-margin" to avoid browser inconsistancy - also hr-spacer if img taller than text */
/* This one doesn't work right in Opera or Safari unless height=auto. Put height=2px in IE-only stylesheet. */
	border-top: #000000 1px solid;
	border-bottom: #7B7B7B 1px solid;
	height: auto;
	width: 50%;
	text-align: center;
	margin: 20px auto 20px auto }
hr_double { /* style the preceeding para with "no-btm-margin" to avoid browser inconsistancy - also hr-spacer if img taller than text */
	border: none; /* shouldn't need this now */
	border-top: #FF00FF 3px double;
	height: 3px;
	width: 50%;
	text-align: center;
	margin: 20px auto 20px auto }

/* ______________________________________________ FORMS ________________________________________________ */

input, textarea {
	margin: 3px 0 3px 0;
	border: #DDDDDD 1px solid }
.sidebar-form input {
	margin: 3px 0 3px 0;
	border: #77207D 1px solid;
	padding: 0 3px 0 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #77207D;
	background: #F7DDF9 }
.sidebar-form .form-btn {
	width: auto;
	height: auto;
	padding: 2px;
	border-left: #C936D3 1px solid;
	border-top: #C936D3 1px solid;
	border-right: #000000 1px solid;
	border-bottom: #000000 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #77207D }
	
/* ___________________________________________ CUSTOM STYLES ___________________________________________ */

.sidebar-boxes {
	width: 161px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #77207D;
	text-align: left;
	background: #F7DDF9;
	border-left: #77207D 1px solid;
	border-right: #77207D 1px solid;
	padding: 9px 6px 1px 6px }
.sidebar-boxes p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #77207D;
	text-align: left;
	line-height: normal;
	margin: 0 0 6px 0 }
.sidebar-boxes ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #65016C;
	text-align: left;
	list-style-type: none;
	line-height: 1.3em;
	margin: 0 5px 5px 7px }
.sidebar-boxes ul li { 
	background-image: url(images/_shared/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .3em; /* H,V. Using "center" for vertical doen't work if text can wrap beyond one line */
	padding-left: 13px }
.sidebar-form {
	width: 163px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #77207D;
	text-align: center;
	background: #EDFC9C;
	border: #77207D 1px solid;
	padding: 10px 5px 5px 5px;
	margin-bottom: 12px }
.sidebar-box-btm { margin-bottom: 12px }
.blog-banner { width: 465px; margin: 0 auto 0 auto }
.h-center_unused { margin: 0 auto 0 auto } /* Doesn't show in authoring on a table, but OK in browsers. */
.text-center_unused { text-align: center }
.text-right_unused { text-align: right }
.text-left_unused { text-align: left }
.no-btm-margin_unused { margin-bottom: 0 }
.hr-spacer_unused { /* For para with floated img that is taller than the text, & HR below it. Place this empty div above HR. */
	clear: both; padding: 1px 0 0 0 }
.smalltext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #77207D;
	letter-spacing: .04em;
	line-height: 1.2em }
.img-right_unused { float: right; margin: 5px 0 7px 15px }
.img-left_unused { float: left; margin: 5px 15px 7px 0 }
.home-newsbox {
	width: 453px;
	margin: 0 auto 18px auto;
	padding: 10px;
	background: #F7DDF9;
	border-right: 1px solid #CB60D3;
	border-bottom: 1px solid #CB60D3;
	border-left: 1px solid #CB60D3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #65016C }
.home-newsbox p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #65016C;
	text-align: left;
	line-height: normal;
	margin: 0 }
/* >>>>> Remember: CAPTION, THEAD, TFOOT & TBODY tags. (http://www.brainjar.com/dhtml/tablesort/) <<<<< */
.border-simple_unused { border: #000000 1px solid }
.border-full-table_unused { /* Style the table, set border color & style below. Authoring displays wrong. */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 1.5em;
	border-collapse: collapse }
.border-full-table_unused td { border: #000000 1px solid; padding: 3px }
.vertical-divider_unused { border-right: #999999 1px solid }
/* Remember zebra-striped table. See BedPros_Simmons.
Now use definition list instead. Build an UL first, select it, then click DL on Favorites bar. Makes alternating dt/dd rows. */
#zebratable th {
	padding: 2px;
	border-bottom: 1px solid #D6E1F2;
	background: #FFFFFF }
#zebratable td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 1.3em;
	padding: 4px 8px 4px 8px;
	border-bottom: 1px solid #D6E1F2;
	background: #ECF1FF }
#zebratable tr.alt td {
	background: #FFFFFF }
	
/* ______________________________________ DROP MENU FROM TEXT LINKS ______________________________________ */
/* Also requires .js file in Scripts, stuff in head of html, parameters in <a> on text link, & div with menu items. (BedPros) */

.anylinkcss {
	position: absolute;
	visibility: hidden;
	margin: 8px 0 0 0;
	border: 1px solid #336900;
	border-bottom-width: 0;
	font: Arial, Helvetica, sans-serif 12px;
	line-height: 16px;
	z-index: 100;
	background-color: #D0F2B0;
	width: 120px } /* Set smallest needed here, then add style:width to individual menus in html if necessary. */
.anylinkcss a:link {
	width: 100%;
	display: block;
	color: #336900;
	text-align: left;
	text-indent: 5px;
	border-bottom: 1px solid #AF0000;
	padding: 1px 0;
	text-decoration: none }
.anylinkcss a:visited {
	width: 100%;
	display: block;
	color: #336900;
	text-align: left;
	text-indent: 5px;
	border-bottom: 1px solid #AF0000;
	padding: 1px 0;
	text-decoration: none }
.anylinkcss a:hover {
	background-color: #499500;  /* Pure white will not work here. */
	color: #FFFFFF }
.anylinkcss a:active {
	background-color: #499500;  /* Pure white will not work here. */
	color: #FFFFFF }