/*RichardHaddow.com CSS based on the Flexi skin*/
body     { background-color: #f6f6f6 }
#FlexiAll    { background-image: url("gfx/blue-content.jpg"); margin-right: auto; margin-left: auto; position: relative; top: 0; width: 985px }
#FlexiTop          { color: #fff; font-size: 1.2em; background-image: url("gfx/blue-flexi-top.jpg"); background-repeat: no-repeat; position: relative; top: 0; width: 985px; height: 150px }
#Content  { background-color: #d80f3b; background-image: url("gfx/blue-content.jpg"); background-repeat: repeat-y; position: relative; top: 0; width: 985px; height: auto }
#FlexiLeft   { color: #fff; font-size: 0.9em; font-family: Arial; background-image: url("gfx/blue-side-balloon.jpg"); background-repeat: no-repeat; background-attachment: scroll; background-position: right 0; padding-right: 20px; padding-bottom: 20px; padding-left: 10px; position: relative; right: 0; width: 200px; height: auto; float: right }
#FlexiLeft a:link { color: #c3c3c3; text-decoration: underline }
#FlexiLeft a:visited { color: #c3c3c3; text-decoration: underline }
#FlexiLeft a:hover { color: #fff; text-decoration: underline }
#FlexiHeader          { color: #909090; font-family: Arial; font-weight: bold; background: #b7b7b7 url("gfx/75x45.gif") no-repeat left center; text-transform: uppercase; margin-left: 10px; padding-left: 75px; position: relative; width: 667px; height: 45px; border-bottom: 4px solid #1029ce }
#FlexiHeader ul    { font-size: 0.9em; font-family: Arial; line-height: 45px; position: relative; top: 0 }
#FlexiHeader ul li   { font-family: Arial; list-style-type: none; list-style-image: none; display: inline }
#FlexiHeader ul a, #header ul span, #header ul a.current   { color: #fff; text-decoration: none; text-align: center; display: block; margin-right: 2px; margin-bottom: 0; margin-left: 0; padding-right: 10px; padding-bottom: 4px; padding-left: 10px; width: auto; float: left }
#FlexiHeader ul span, #header ul a.current, #header ul a.current:hover   { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin-top: 0 }
#FlexiHeader ul a  { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }
#FlexiHeader ul a:hover, #FlexiHeader ul li.currentgroup   { color: #c00; background: #ececec }
#FlexiHeader .selflink { color: #c00; background: #ececec }
#FlexiTitle    { background-color: #ececec; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; margin-left: 10px; position: relative; width: 742px; height: 30px; border-bottom: 1px solid #1029ce }
#FlexiTitle ul    { font-size: 0.8em; font-family: Arial; font-weight: normal; line-height: 30px; text-transform: uppercase; margin-left: 75px; position: relative; width: auto; height: 30px }
#FlexiTitle ul li  { font-family: Arial; list-style-type: none; list-style-image: none; display: inline }
#FlexiTitle ul li a, #header ul li span   { text-decoration: none; background: transparent; display: block; margin: 0; padding: 0 10px; width: auto; height: 30px; float: left; border-style: none dotted none none; border-width: medium 1px medium medium; border-color: #aaa }
#FlexiTitle ul li a  { color: #06c; font-size: 0.8em; text-decoration: none; list-style: none; display: inline }
#FlexiTitle ul li a:hover   { color: #d80f3b; text-decoration: none; background: #dbdbdb; padding: 0 10px; border-style: none dotted none none; border-width: medium 1px medium medium; border-color: #aaa }
#FlexiTitle ul li a:active { color: #000; background: transparent }
#FlexiTitle .selflink  { color: #d80f3b; text-decoration: none; background-color: #dbdbdb }
#FlexiTitle .currentgroup { color: #d80f3b; text-decoration: none; background-color: #dbdbdb }
/*#FlexiHeader a:link   { color: #fff; line-height: 45px; text-decoration: none; height: 45px }
#FlexiHeader a:visited  { color: #fff; line-height: 45px; text-decoration: none; height: 45px }
#FlexiHeader a:hover   { color: #d00324; line-height: 45px; text-decoration: none; background-image: url("gfx/menu-arrow.gif"); background-repeat: no-repeat; background-position: center bottom; height: 45px }
*/
#FlexiMain     { font-size: 1em; font-family: Arial; background-color: #fff; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; margin-left: 10px; padding: 20px; position: relative; width: 702px }
.mlslisting  { width: 700px; height: 5000px; min-height: 80% }
.mlsdetail { width: 700px; height: 1000px; min-height: 80% }
#FlexiFooter     { color: #bbb; font-size: 0.8em; font-family: Arial; background-color: #fff; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; margin-top: 20px; position: relative; height: auto; border-top: 1px solid #c3c3c3 }
#FlexiFooter a:link { color: #b7b7b7; text-decoration: none }
#FlexiFooter a:visited { color: #b7b7b7; text-decoration: none }
#FlexiFooter a:hover { color: #d80f3b; text-decoration: none }
#ContentEnd { background-image: url("gfx/blue-flexi-bottom.jpg"); background-repeat: no-repeat; width: 985px; height: 10px; clear: both }
#FlexiBottom       { color: #c3c3c3; font-family: Arial; background-image: url("gfx/blue-flexi-bottom.jpg"); background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; position: relative; width: 985px; height: auto; clear: right }
#FlexiBottom a:link { color: #c3c3c3; text-decoration: underline }
#FlexiBottom a:visited { color: #c3c3c3; text-decoration: underline }
#FlexiBottom a:hover { color: #fff; text-decoration: underline }
#FlexiRight { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; position: absolute; z-index: 3; top: 0; left: 10px; height: auto }
#header {
	position: relative;
	width: 100%;
	height: 3em;
	width: 45em; /* a width is requiblue for Opera, older Mozilla browsers, and Konqueror browsers */
}
#DropShadow { background-image: url("gfx/blue-bottom-drop-shadow.jpg"); background-repeat: no-repeat; width: 985px; height: 20px }