/* 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.  >>>>>>> NOTE: Ron DePriest worked, but tampabaylawyers.com did not.  Keep testing... <<<<<<<
	
	- 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, #outer-ds-l, #outer-ds-r, #header-ds, #copyright { behavior: url(http://gengencorp.com/Scripts/iepngfix.htc) }

/* _____________________________________________ ZERO OUT ______________________________________________ */

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

/* ____________________________________________ HTML & BODY ____________________________________________ */

html {
	height: 100%;
	scrollbar-base-color: #0054A4;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-track-color: #00396F }
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background: url(images/_shared/pg-bg.gif) repeat #0054A4 }

/* _____________________________________________ 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: 988px; margin: 0 auto 0 auto }
#outer-ds-l { width: 19px; background: url(images/_shared/outer-ds-l.png) repeat }
#outer-ds-r { width: 19px; background: url(images/_shared/outer-ds-r.png) repeat }
#header-email { height: 43px; background: url(images/_shared/header_email-bg.gif); text-align: center }
#main { width: 950px; background: url(images/_shared/main_bg.gif) repeat-y }
#header-ds { height: 10px; background: url(images/_shared/header_ds.png) repeat }
#left-col { float: left; width: 162px; text-align: center; padding: 5px 0 15px 0 }
#nav { margin: 0 auto 0 auto }
#right-col { float: right; width: 162px; text-align: center; padding: 5px 0 0 0 }
#statelinks { width: 146px; height: 69px; margin: 2px auto 0 auto; background: url(images/_shared/statelinks_bg.gif) no-repeat }
#news-outer { border-top: #A0A0A0 1px solid; border-bottom: #FFFFFF 1px solid; margin: 15px 2px 15px 1px }
#news-inner {
	background: url(images/_shared/news_bg.gif) repeat;
	border-top: #FFFFFF 1px solid;
	border-bottom: #A0A0A0 1px solid;
	padding: 15px 8px 15px 8px }
#footer { clear: both; width: 946px; height: 49px; margin: 0 2px 0 2px }
#copyright {
	width: 160px;
	background: url(images/_shared/copyright_bg.png) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-align: center;
	padding: 0 0 0 0 }
#lh { width: 160px }
#content { float: left; width: 546px; padding: 0px 40px 20px 40px }

/* ______________________________________________ LINKS ________________________________________________ */

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

#footerlinks {
	width: 626px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5C86AE;
	text-align: center;
	letter-spacing: .04em;
	line-height: 1.5em;
	background: url(images/_shared/footerlinks_bg.gif) no-repeat }
#footerlinks a:link { color: #5C86AE; text-decoration: none }
#footerlinks a:visited { color: #5C86AE; text-decoration: none }
#footerlinks a:hover { color: #0053A1; text-decoration: underline }
#footerlinks a:active { color: #0053A1; text-decoration: underline }

/* 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 }

/* 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: 12px;
	color: #000000;
	text-align: justify;
	line-height: 1.5em;
	margin: 0 0 12px 0 }
#news-inner p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #BB3134;
	text-align: left;
	line-height: 1.2em;
	margin: 12px 0 0 0 }
#news-inner h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #BB3134;
	font-weight: bold;
	text-align: left;
	line-height: 1.2em;
	margin: 12px 0 0 0 }
ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	list-style-type: none;
	line-height: 1.5em;
	margin: 5px 5px 0 15px }
ul li { 
	background-image: url(images/_shared/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	padding-left: 20px }
.sidebar ul {
	color: #CC0000;
	margin: 0 0 15px 2em }
ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 1.5em;
	margin: 5px 5px 0 40px }
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: 15px;
	font-weight: bold;
	color: #0054A4;
	text-align: center;
	text-transform: uppercase;
	word-spacing: .3em;
	margin: 16px 0 18px 0 }
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #AAAAAA;
	text-transform: uppercase;
	margin: 18px 0 4px 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: #EEEEEE;
	border-left: #CCCCCC 1px solid;
	border-top: #CCCCCC 1px solid;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid }
form th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-align: right;
	padding: 2px 4px 2px 4px }
form td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	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: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0053A1;
	line-height: 1.5em;
	border: #BFBFBF 1px solid;
	padding: 0 3px 0 3px;
	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: #FFFFFF;
	background-color: #999999;
	height: auto;
	border-left: #CCCCCC 2px solid;
	border-top: #CCCCCC 2px solid;
	border-right: #666666 2px solid;
	border-bottom: #666666 2px solid }

#statelinks form { background: none; border: none }
#statelinks select { margin: 19px auto 0 auto; font-size: 11px; padding: 0 }
	
/* ___________________________________________ CUSTOM STYLES ___________________________________________ */

.center-horiz { margin: 0 auto 0 auto }
.align-center { text-align: center }
.align-right_unused { text-align: right }
.align-left_unused { 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 }
.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 }
.img-right { float: right; margin: 0 0 7px 15px }
.border-simple_unused { border: #000000 1px solid }
.border-full-bg td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 1.5em;
	background: #EEEEEE;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
	padding: 10px }
.border-full-bg h2 { margin: 0 0 4px 0 }
.border-full-bg p { margin: 0 }
.vertical-divider { border-right: #999999 1px solid }