/* _____________________________________________ ZERO OUT ______________________________________________ */

html, body, form, fieldset {
	margin: 0; 
	padding: 0; 
	border: 0 }

/* _______________________________________________ BODY ________________________________________________ */

html {
	height: 100%;
	scrollbar-face-color: #182677;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-track-color: #AFC2E4;
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #AFC2E4;
	scrollbar-3dlight-color: #AFC2E4;
	scrollbar-darkshadow-color: #000000 }
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background: url(images/_shared/property.jpg) repeat-x #AFC2E4 }

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

.body-container { background: url(images/_shared/tampa-bay.jpg) repeat-y }
#body-container { background: url(images/_shared/tampa-bay.jpg) repeat-y }
#footer { background: url(images/_shared/tampa-bay.jpg) repeat-y #FFFFFF }
#col-1 { width: 196px }
#col-2 { width: 59px }
#main { width: 695px; background: url(images/_shared/properties.gif) repeat-x #FFFFFF }
.xtend-trans { width: 50px; background: url(images/_shared/find-a-home.jpg) repeat-y }
#xtend { width: 100%; background: #AFC2E4 }
#xtend1 { width: 100%; background: #AFC2E4 }
#cat-title { text-align: left; padding: 5px 0 0 12px }
#footerlinks2-td { height: 26px; background: url(images/_shared/homes.gif) repeat-x }
#subfooter-td { height: 27px; background: url(images/_shared/property-listings.jpg) repeat-x }
#content { padding: 0 35px 15px 18px }

/* ______________________________________________ LINKS ________________________________________________ */

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

.footerlinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	background: #AFC2E4;
	padding: 4px 8px 5px 8px;
	border-bottom: 5px #FFFFFF solid }
.footerlinks a:link { color: #FFFFFF; text-decoration: none }
.footerlinks a:visited { color: #FFFFFF; text-decoration: none }
.footerlinks a:hover { color: #182677; text-decoration: none }
.footerlinks a:active { color: #182677; text-decoration: none }

.footerlinks2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #182677;
	text-align: center;
	padding: 9px 0 2px 0 }
.footerlinks2 a:link { padding: 2px 4px 3px 4px; color: #182677; text-decoration: none }
.footerlinks2 a:visited { padding: 2px 4px 3px 4px; color: #182677; text-decoration: none }
.footerlinks2 a:hover { padding: 2px 4px 3px 4px; color: #182677; text-decoration: none; background: #AFC2E4 }
.footerlinks2 a:active { padding: 2px 4px 3px 4x; color: #182677; text-decoration: none; background: #AFC2E4 }

.subfooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #AFC2E4;
	padding: 5px }
.subfooter a:link { color: #AFC2E4; text-decoration: none }
.subfooter a:visited { color: #AFC2E4; text-decoration: none }
.subfooter a:hover { color: #FFFFFF; text-decoration: none }
.subfooter 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: underline }
.sidebar-content a:active { color: #000000; text-decoration: underline }

/* 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 }
.navit {font-size: 12px; }
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 _____________________________________________ */

.nav1 ul li { 
	background-image: url(images/_shared/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
	padding-left: 2px; list-style: none; padding-right: 3px; text-indent: 7px}
.nav1 { background: #FFCC33 ; clip:  rect(   )}
.right {  background: url(/images/_shared/TextNavBack_rght.gif) repeat-y}
.left {  background: url(/images/_shared/TextNavBack_left.gif) repeat-y}
.nav1 a:link { color: #182677; text-decoration: none }
.nav1 a:visited { color: #182677; text-decoration: none }
.nav1 a:hover { color: #182677; text-decoration: none }
.nav1 a:active { color: #182677; text-decoration: none }

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #182677;
	text-align: justify;
	line-height: 135% }
#sidebar p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: justify;
	font-style: italic;
	line-height: 135%;
	margin: 0 }
ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #182677;
	line-height: 135%;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-left: 7px } /* try setting this to 0, then margin-left is all I need to adjust */
ul li { 
	background-image: none;
	background-position: 0 0.4em;
	padding-left: 20px }
ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #182677;
	line-height: 135%;
	margin-top: 10px;
	margin-bottom: 5px }
blockquote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #182677;
	font-style: italic;
	line-height: 135% }
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #182677;
	text-align: left;
	text-transform: capitalize;
	word-spacing: .2em;
	margin-top: 22px;
	margin-bottom: 17px;
	padding-top: 3px;
	padding-bottom: 3px;
	background: url(images/_shared/agent.gif) repeat-y }
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #182677;
	letter-spacing: .1em;
	font-style: italic;
	text-align: left;
	text-transform: uppercase }
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #182677;
	letter-spacing: .1em;
	font-style: italic;
	text-align: left;
	text-transform: uppercase }
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #182677;
	letter-spacing: .1em;
	font-style: italic;
	text-align: left;
	text-transform: uppercase }
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #182677;
	letter-spacing: .1em;
	font-style: italic;
	text-align: left;
	text-transform: uppercase }
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: .04em;
	text-align: center;
	text-transform: uppercase;
	padding: 5px;
	margin-bottom: 5px;
	background: #182677 }
hr_solid-or-dashed {
	border: none;
	border-top: #FF00FF 1px solid;
	height: 1px;
	width: 50%;
	text-align: center;
	margin-top: 12px;
	margin-bottom: 12px }
hr_double {
	border: none;
	border-top: #FF00FF 3px double;
	height: 3px;
	width: 50%;
	text-align: center;
	margin-top: 12px;
	margin-bottom: 12px }

/* ______________________________________________ FORMS ________________________________________________ */
/* remember can do width, height, rounded rect pill shape */

form th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #182677;
	font-weight: normal;
	text-align: right;
	padding: 0 4px 0 0 }
input, textarea, select, .form-input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #182677;
	background: #CFE4F6;
	padding-left: 3px;
	padding-right: 3px;
	border-left: #9EB1D3 1px solid;
	border-top: #9EB1D3 1px solid;
	border-right: #FFF8FA 1px solid;
	border-bottom: #FFF8FA 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: #CFE4F6;
	background-color: #182677;
	border-left: #5C6ABB 2px solid;
	border-top: #5C6ABB 2px solid;
	border-right: #040233 2px solid;
	border-bottom: #040233 2px solid }
	
/* ___________________________________________ CUSTOM STYLES ___________________________________________ */

.divbar_unused { margin: 15px 0 15px 0 }
.p-no-indent_unused { text-indent: 0em }
.p-no-justify_unused { text-align: left; text-indent: 2em }
.p-align-right_unused { text-align: right; text-indent: 0em }
.p-align-center { text-align: center }
.smalltext_unused {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	line-height: 120% }
.smalltext2_unused {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	letter-spacing: .08em;
	word-spacing: .1em;
	line-height: 120% }
.largertext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #182677;
	line-height: 135% }
.img-right { float: right; margin-left: 15px; margin-bottom: 7px }
.img-left { float: left; margin-right: 15px; margin-bottom: 7px }
.img-right-spaced-border-in-table_unused {
	float: right;
	margin-left: 15px;
	margin-bottom: 7px;
	padding: 5px;
	border: #000000 1px solid }
.list-header_unused { margin-bottom: 5px }
.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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 135%;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
	padding: 3px }
.sidebar-header_unused {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #DCCEB4;
	letter-spacing: .05em;
	background: #57381A;
	border-left: #9A7B5C 3px solid;
	border-top: #9A7B5C 3px solid;
	border-right: #000000 3px solid;
	border-bottom: #000000 3px solid }
.sidebar-content_unused {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #57381A;
	letter-spacing: -.02em;
	background: #DCCEB4;
	border-left: #EDDFC5 3px solid;
	border-top: #EDDFC5 3px solid;
	border-right: #57381A 3px solid;
	border-bottom: #57381A 3px solid }
.home-formbox { float: right; margin-left: 15px; margin-bottom: 7px; background: #FFCC33 }
.featured-listing-top { border-top: #182677 1px solid; padding: 4px 0 4px 0}
.featured-listings-btn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #FFFFFF;
	text-align: center;
	background-color: #182677;
	border-top: #6D7BCC 1px solid;
	border-left: #6D7BCC 1px solid;
	border-right: #000000 1px solid;
	border-bottom: #000000 1px solid;
	margin-top: 3px }
.featured-listings-btn a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 2px;
	background: transparent;
	display: block }
.featured-listings-btn a:hover {
	color: #182677;
	text-decoration: none;
	background-color: #AFC2E4 }.reo {
	font-size: 10px;
	font-weight: normal;
}
#footerlinksmls {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	background: #AFC2E4;
	padding: 4px 8px 5px 8px;
	border-bottom: 5px #FFFFFF solid;
	vertical-align: top;
	line-height: 135%;
}
#footerlinksmls a:link {
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}
#footerlinksmls a:visited {
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}
#footerlinksmls a:hover {
	color: #182677;
	text-decoration: none;
	text-align: center;
}
#footerlinksmls a:active {
	color: #182677;
	text-decoration: none;
	text-align: center;
}