/* _____________________________________________ 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: #336699;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #336699;
	scrollbar-darkshadow-color: #336699 }
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2B5580;
	background: url(_images/_shared/pg-bkgrd.gif) repeat #FCFDFE }

/* _____________________________________________ 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 {
	width: 768px;
	background: url(_images/_shared/container_bkgrd.jpg) repeat-x #FFFFFF;
	border-left: 1px #A3C1E0 solid;
	border-right: 1px #A3C1E0 solid }
#newsbox { width: 269px; margin-left: 9px; background: #336699 }
#newsbox-content { /* see links section also */
	width: 245px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 135%;
	border-left: 1px #FFFFFF solid;
	padding: 5px }
.newsbox-content-title { padding-bottom: 7px }
.newsbox-content-read { padding-top: 7px }
#footer-tollfree {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: .03em;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background: #6699CC;
	padding: 3px }
#footer3 { background: url(_images/_shared/footer3_bkgrd.jpg) repeat-x; border-top: 1px #D697C0 solid; padding: 4px 15px 0 15px }
#copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #336699;
	letter-spacing: .04em;
	text-align: right }
#subsequent-top-img { float: right; margin: 0 30px 7px 30px }
#home-pic {
		width: 482px;
		height: 300px;
		background: url(_images/home_pic.jpg) no-repeat;
		text-align: right }
#home-social {
		float: right;
		margin-right: 10px;
		border: 1px solid #A3C1E0;
		background: url(_images/home_sn_bg.gif) repeat-x;
		padding: 4px }
#content-container-home-t { background: url(_images/home_content-box_t-bg.gif) repeat-x }
#content-container-home-r { background: url(_images/home_content-box_r-bg.gif) repeat-y }
#content-container-home-b { background: url(_images/home_content-box_b-bg.gif) repeat-x }
#content-container-home-l { background: url(_images/home_content-box_l-bg.gif) repeat-y }
#content-box-home { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2B5580;
	text-align: justify;
	line-height: 130%;
	border: 1px #336699 solid;
	padding: 15px 30px 15px 30px }

/* ______________________________________________ LINKS ________________________________________________ */

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

.footerlinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCDDEE;
	text-align: center;
	background: #A3C1E0;
	padding: 9px }
.footerlinks a:link { color: #538CC6; text-decoration: underline }
.footerlinks a:visited { color: #538CC6; text-decoration: underline }
.footerlinks a:hover { color: #FFFFFF; text-decoration: none }
.footerlinks a:active { color: #FFFFFF; text-decoration: none }

#lh {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: .04em;
	padding-right: 5px }
#lh a:link { color: #336699; text-decoration: underline }
#lh a:visited { color: #336699; text-decoration: underline }
#lh a:hover { color: #336699; text-decoration: none }
#lh a:active { color: #336699; text-decoration: none }

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

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

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

/* These imglinks rules are for adding border hover. --- or see simpler way below ---
NOTE: Must DELETE (not "0") border tag in html, then class the IMAGE.
ALSO: This was the ONLY way I could make this work -
maybe other class-specific objects should be written like this (note link is first, then class). */
.imglinks_unused { border: 1px #000000 solid }
a:link .imglinks { border-color: #000000 }
a:visited .imglinks { border-color: #000000 }
a:hover .imglinks { border: 1px #FFCC33 solid }
a:active .imglinks { border: 1px #FFCC33 solid }

/* Class the LINK */
.imglinks_unused img { border: 1px solid #FFFFFF }
.imglinks_unused:hover img { border: 1px solid #000000 }

/* These imglinks rules are only needed if background-color or border-bottom is used on normal links. */
.imglinks_unused { background-color: transparent }
.imglinks a:link { background-color: transparent }
.imglinks a:visited { background-color: transparent }
.imglinks a:hover { background-color: transparent }
.imglinks a:active { background-color: transparent }
/* Or try simplifing with the following instead. If below works, delete above.
Note: this also replaces border=0 in the html(xhtml stuff) */
a img_unused { background-color: transparent }

/* 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: Verdana, 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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2B5580;
	text-align: justify;
	line-height: 140%;
	margin: 0 30px 12px 30px }
ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2B5580;
	list-style-type: none;
	line-height: 135%;
	margin: 8px 30px 12px 50px }
ul li { 
	background-image: url(_images/_shared/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .45em;
	padding-left: 18px }
ol_unused {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 135%;
	margin-top: 10px;
	margin-bottom: 5px }
blockquote_unused {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-style: italic;
	line-height: 135% }
h1 { /* page title when there is NO subtitle */
	height: 23px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	color: #6699CC;
	text-transform: uppercase;
	word-spacing: .3em;
	margin: 22px 0 15px 9px;
	padding: 2px 0 0 58px;
	background: url(_images/_shared/h1_bkgrd.gif) no-repeat }
h2 { /* page title when there IS a subtitle */
	height: 23px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	color: #6699CC;
	text-transform: uppercase;
	word-spacing: .3em;
	margin: 22px 0 0 9px;
	padding: 2px 0 0 58px;
	background: url(_images/_shared/h1_bkgrd.gif) no-repeat }
h3 { /* subtitle */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #6699CC;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 18px 57px }
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #2B5580;
	font-weight: bold;
	margin: 0 0 0 30px }
h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2B5580;
	font-weight: bold;
	margin: 0 0 10px 30px }
hr {
	border: none;
	border-top: #2B5580 3px double;
	height: 3px;
	width: 75%;
	text-align: center;
	margin: 18px auto 18px auto }

/* ______________________________________________ FORMS ________________________________________________ */
/* Removed styles to allow browser default. The only forms are:
on a non-linked page "test_mbti.html" & Constant Contact subscribe on "Newsletter" */

	
/* ___________________________________________ CUSTOM STYLES ___________________________________________ */

.clear { clear: both }
.p-no-margin { margin-bottom: 0 }
.p-no-justify { text-align: left }
.p-align-right_unused { text-align: right }
.p-align-center { text-align: center }
.h3-contact-additional { width: 315px; margin-left: 30px }
.smalltext_unused {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	line-height: 120% }
.smalltext2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #2B5580;
	word-spacing: .1em;
	line-height: 120% }
.img-right_unused { float: right; margin-left: 15px; margin-bottom: 7px }
.img-left { float: left; margin-right: 15px; margin-bottom: 7px }
.list-header { margin-bottom: 0 }
.contact-table { float: left; width: 315px; margin: 0 0 0 30px; border-left: #CED9E3 1px solid; border-top: #CED9E3 1px solid }
.contact-table td {
	text-align: center;
	border-right: #CED9E3 1px solid;
	border-bottom: #CED9E3 1px solid;
	padding: 7px 2px 7px 2px }
.contact-table h4 {	text-align: center; margin: 0 }
.border-full { clear: both; margin: 0 30px 0 30px; border-top: #CED9E3 1px solid; border-left: #CED9E3 1px solid }
.border-full td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2B5580;
	line-height: 135%;
	border-right: #CED9E3 1px solid;
	border-bottom: #CED9E3 1px solid;
	padding: 3px }
.table-margin { clear: both; margin: 0 30px 0 30px }
.client-list ul { margin: 0 30px 0 50px }
.table-margin-list { clear: both; margin: 0 30px 0 0 }
.border-bottom { clear: both; margin: 0 30px 0 30px }
.border-bottom td { text-align: left; line-height: 130%; border-bottom: #CED9E3 1px solid; padding: 7px 2px 7px 2px }
.border-bottom th { line-height: 130%; border-bottom: #CED9E3 1px solid; padding: 9px 2px 7px 2px }
.border-bottom-2  { margin: 0 0 0 30px } /* this one is for top area, right under page title */
.border-bottom-2 td { text-align: left; line-height: 130%; border-bottom: #CED9E3 1px solid; padding: 7px 2px 7px 2px }
.border-bottom-2 th { border-bottom: #CED9E3 1px solid; padding: 9px 2px 7px 2px }
.testim { clear: both; margin: 0 30px 15px 30px }
.testim th { text-align: left; font-weight: normal; line-height: 135%; padding: 7px 5px 0 5px }
.testim td { text-align: right; font-style: italic; border-bottom: #CED9E3 1px solid; padding: 5px 5px 7px 5px }
.testim-2  { margin: 0 0 15px 30px } /* this one is for top area, right under page title */
.testim-2 th { text-align: left; font-weight: normal; line-height: 135%; padding: 7px 5px 0 5px }
.testim-2 td { text-align: right; font-style: italic; border-bottom: #CED9E3 1px solid; padding: 5px 5px 7px 5px }
.bio-certification { float: right; margin: 3px 30px 7px 15px }
.accent { background: #DFEAF4; border: #336699 1px solid; padding: 10px }
.accent h4 { margin: 0 }
.accent ul { margin: 8px 0 0 20px }
.list-item-btm-margin li { margin-bottom: 10px }