/*-----------------------------------------------------------------------------
[client] Screen Stylesheet

version:   1.0
date:      01/03/07
author:    [your email]
email:     [you at domain dot com]
website:   [your domain]
version history: [location of file]
-----------------------------------------------------------------------------*/

@import url("reset.css");

/* Global
-----------------------------------------------------------------------------*/
.clear { clear: both; }
.right { float: right; }
.left { float: left; }
.grey { color: #666666; }
body { font: 12px/18px Arial, Verdana, sans-serif; color: #333; text-align: center; }
h1 { font-size: 2.2em; }
h2 { font-size: 2.0em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.6em; }
h5 { font-size: 1.4em; }
p { font-size: 1em; }
td { font-size: 12px; }
hr { border: none; border-bottom: solid 1px #E4D7CF; }
a:link, a:visited, a:hover, a:active { font: bold 12px/18px Arial, Helvetica, sans-serif; color: #79370D; text-decoration: none; }
a:hover { text-decoration: underline; }

strong { font-weight: bold; }
/* Structure
-----------------------------------------------------------------------------*/
#wrapper { margin: auto; text-align: left; width: 758px; }
.bodyCol { position: relative; }
#main { width: 100%; }
#wrapper #main { float: right; margin-left: -25em; }
#wrapper .bodyCol { float: left; }
#wrapper #main .bodyCol { margin-left: 160px; }
#main .bodyCol, #main #navCol { float: none; width: auto; }
div.first { float: left; }
.navCol { width: 160px; position: relative; float: left; }
.mainCol { width: 598px; }

/* Header
-----------------------------------------------------------------------------*/
#header { padding: 0 0 0 0px; }
#header a:link, #header a:visited, #header a:hover, #header a:active { text-decoration: none; margin: 0; padding: 0; line-height: 0; }
/* Navigation
-----------------------------------------------------------------------------*/
/* Root = Vertical, Secondary = Vertical */
ul#nav, ul#nav li, ul#nav ul { margin: 0; border: 0 none; padding: 0; width: 152px; /*For KHTML*/ list-style: none; }

ul#nav:after /*From IE 7 lack of compliance*/ { clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; }

ul#nav li { float: left; /*For IE 7 lack of compliance*/ display: block !important; /*For GOOD browsers*/ display: inline; /*For IE*/ position: relative; }

/* Root Menu */
ul#nav ul { border-top: 2px solid #FFF; border-left: 2px solid #FFF; border-right: 2px solid #FFF; }
ul#nav a { border-bottom: 2px solid #FFF; padding: 6px 0px 6px 15px; display: block; background: #D9D9D9; color: #666; font: bold 11px/25px Arial, Helvetica, sans-serif; text-decoration: none; height: auto !important; height: 1%; /*For IE*/ }

/* Root Menu Hover Persistence */
ul#nav li.sub a:hover, ul#nav li.sub:hover { background: #79370D url(images/sub.gif) no-repeat right 11px; }
ul#nav a:hover, ul#nav li:hover a, ul#nav li.iehover a { background: #79370D; color: #FFF; }

/* 2nd Menu */
ul#nav li:hover li a, ul#nav li.iehover li a { background: #D9D9D9; color: #666; }

/* 2nd Menu Hover Persistence */
ul#nav li:hover li a:hover, ul#nav li:hover li:hover a, ul#nav li.iehover li a:hover, ul#nav li.iehover li.iehover a { background: #79370D; color: #FFF; }

/* 3rd Menu */
ul#nav li:hover li:hover li a, ul#nav li.iehover li.iehover li a { background: #D9D9D9; color: #666; }

/* 3rd Menu Hover Persistence */
ul#nav li:hover li:hover li a:hover, ul#nav li:hover li:hover li:hover a, ul#nav li.iehover li.iehover li a:hover, ul#nav li.iehover li.iehover li.iehover a { background: #79370D; color: #FFF; }

/* 4th Menu */
ul#nav li:hover li:hover li:hover li a, ul#nav li.iehover li.iehover li.iehover li a { background: #D9D9D9; color: #666; }

/* 4th Menu Hover */
ul#nav li:hover li:hover li:hover li a:hover, ul#nav li.iehover li.iehover li.iehover li a:hover { background: #79370D; color: #FFF; }

ul#nav ul, ul#nav ul ul, ul#nav ul ul ul { display: none; position: absolute; top: -2px; left: 152px; }

/* Do Not Move - Must Come Before display:block for Gecko */
ul#nav li:hover ul ul, ul#nav li:hover ul ul ul, ul#nav li.iehover ul ul, ul#nav li.iehover ul ul ul { display: none; }

ul#nav li:hover ul, ul#nav ul li:hover ul, ul#nav ul ul li:hover ul, ul#nav li.iehover ul, ul#nav ul li.iehover ul, ul#nav ul ul li.iehover ul { display: block; }



/* Footer
-----------------------------------------------------------------------------*/
#footer { padding: 10px 0 0 160px; clear: both; font-size: 10px; }
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active { font-size: 10px; margin: 0; padding: 0; }


/* Forms
-----------------------------------------------------------------------------*/

input.text { padding: 3px; border: 1px solid #999999; }
/* Tables
-----------------------------------------------------------------------------*/
table { border-spacing: 0; border-collapse: collapse; }
td { text-align: left; font-weight: normal; }


/* Pages
-----------------------------------------------------------------------------*/
#NeedLocal { margin-top: 6px; position: relative; display: block; background: url(images/brown_bak.png); color: #fff; font-weight: bold; line-height: 25px; width: 152px; padding-bottom: 20px; }
#NeedLocal a img { display: block; }
#NeedLocal div { text-align: center; }
#NeedLocal a:link, #NeedLocal a:visited, #NeedLocal a:hover, #NeedLocal a:active { font-size: 12px; font-weight: normal; line-height: 16px; color: #FFF; text-decoration: none; display: block; text-align: center; position: relative; width: 100%; }
#NeedLocal a:hover { text-decoration: underline; }
#NeedLocal #slideshow { height: 30px; }

#homeFlash { height: 272px; overflow: hidden; }
a.small:link, a.small:visited, a.small:hover, a.small:active { font-size: 11px; font-weight: normal; line-height: 12px; color: #4C4C4C; }
.homeFeature { width: 273px; margin-left: 10px; }
.homeContent { padding-left: 10px; width: 305px; }
.homeLicense { margin-bottom:8px; text-align:right; }

.no_padding { padding: 0; line-height: 1em; }
a.download:link, a.download:visited, a.download:hover, a.download:active { font-size: 12px; font-weight: normal; line-height: 27px; color: #C22323; text-decoration: none; }
a.download:hover { text-decoration: underline; }
.mainCol h1 { background: #E4E4E4; padding: 7px 5px 0px 10px; line-height: 30px; line-height: 0px; margin-bottom: 8px; height: 30px; }
.mainCol h2 { font: bold 12px/18px Arial; margin-bottom: 12px; }
.mainCol p { margin-bottom: 12px; }
.leftAbout { width: 332px; float: left; padding-left: 10px; }
.rightAbout { width: 198px; float: right; background: #F1F1F1; padding-bottom: 10px; }
.rightAbout img { float: left; }
.rightAbout span { display: block; padding: 5px 0 5px 15px; }
.rightAbout .aboutName { clear: left; background: #79370D; font: bold 12px/18px Arial; color: #fff; text-align: center; padding: 5px 0; }
.rightAbout a { padding-left: 15px; }
.allAbout { padding-left: 12px; padding-right: 240px; height: 350px; background: url(images/all_about_us_bak.jpg) no-repeat right -5px; }
.listingsInfo h2 { padding: 0; margin: 0; font-weight: bold; font-size: 14px; line-height: 14px; }
.listingsInfo h3 { padding: 0 0 5px 0; margin: 0; font-weight: normal; font-size: 12px; }
.listingsImage { background: #F1F1F1; text-align: center; margin-bottom: 8px; color: #79370D; line-height: 28px; font-size: 11px; }
.listingsInfo a:link, .listingsInfo a:visited, .listingsInfo a:hover, .listingsInfo a:active { display: block; padding-top: 10px; }
.listingsInfo { width: 345px; margin-left: 234px; }
#viewListing .listingDetails { margin-left: 214px; }
#viewListing img.propertyImage { float: left; clear: left; background: #FFF; margin-bottom: 8px; }
#viewListing .listingAddress { background: #F1F1F1; padding: 10px; }
#viewListing h3 { padding: 10px 0; font-weight: bold; text-decoration: underline; }
#viewListing h2 { font-weight: bold; font-size: 14px; line-height: 14px; }
#viewListing .icons { font: normal 15px/40px Arial; }
#viewListing .icons img { padding: 0 5px 0 5px; }

.gvRowStyle td, .gvRowStyle th { padding: 0 10px; line-height: 27px; }
.gvRowStyle td { border: solid 1px #CCC; }
.gvRowStyle th { font-weight: bold; font-size: 11px; border-top: solid 1px #000; border-left: solid 1px #000; border-right: solid 1px #000; }
.gvRowStyle a:link, .gvRowStyle a:visited, .gvRowStyle a:hover, .gvRowStyle a:active { font-size: 12px; font-weight: normal; line-height: 27px; color: #C22323; text-decoration: none; }
.gvRowStyle a:hover { text-decoration: underline; }
.gvPagerStyle td table { margin-left: 10px; font-size: 12px; font-weight: bold; line-height: 27px; color: #79370D; padding: 5px; }

.gvPagerStyle a:link, .gvPagerStyle a:visited, .gvPagerStyle a:hover, .gvPagerStyle a:active { font-size: 12px; font-weight: bold; line-height: 27px; color: #79370D; text-decoration: none; padding: 5px; }
.gvPagerStyle a:hover { text-decoration: underline; }
.directory { min-height: 400px; }
.directoryMain { background: url(images/need_a_local_bak.jpg) no-repeat right 70px; }
.directory h1 { margin: 0; }
.directory h2 { border-bottom: solid 1px #999999; color: #79370D; padding: 12px; }
.directoryAlphalist { background: #79370D; padding-left: 12px; margin-bottom: 12px; }
.directoryAlphalist a:link, .directoryAlphalist a:visited, .directoryAlphalist a:hover, .directoryAlphalist a:active { font-size: 12px; font-weight: bold; line-height: 27px; color: #FFF; text-decoration: none; margin-right: 10px; }
.directoryAlphalist a:hover { text-decoration: underline; }
.letterBullet { padding: 5px 8px; background: url(images/bul_grey_back.png) no-repeat; float: left; font-weight: bold; }
.directoryCategoryListing { clear: left; padding: 5px 0 5px 12px; }
.directoryCategoryListing a:link, .directoryCategoryListing a:visited, .directoryCategoryListing a:hover, .directoryCategoryListing a:active { font-size: 12px; line-height: 27px; color: #79370D; text-decoration: none; margin-right: 10px; }
.directoryCategoryListing a:hover { text-decoration: underline; }

.categoryName { margin-left: 50px; }
.businessListings { margin-left: 12px; }
.businessListings td { border-bottom: dotted 1px #ccc; padding: 10px 0; }
.businessListings h3 { font-weight: bold; }
.businessListings address { color: #79370D; }
.businessListings .phone { font-weight: bold; padding-bottom: 5px; }
.awards { width: 500px; clear: both; }
.awards h2 { background: url(images/brown_bak.png); padding: 5px 0 0 10px; margin: 0; }
.awards .gvAwards { width: 100%; }
.awards .tdAwardDate { font-weight: bold; text-align: left; padding-left: 15px; border-right: solid 1px #A6A6A6; }
.awards .tdAward { padding-left: 10px; }
img.downloadIcon { position: relative; top: 2px; }

.recordIndicate { text-align: right; padding-right: 75px; color: #ce1414; }

/* Administration Pages
-----------------------------------------------------------------------------*/
.admin h1 { font: bold 13px/20px Arial, Verdana, sans-serif; padding: 5px 15px; }
.admin label { float: left; width: 70px; clear: left; font-weight: bold; margin-bottom: 10px; }
.admin input.txtListing, .admin textarea.txtListing { width: 300px; border: none; border: solid 1px #CCC; padding: 3px 5px; margin-bottom: 10px; font: normal 12px/18px Arial, Verdana, sans-serif; }
.admin input.txtListingTitle { width: 450px; border: none; border: solid 1px #CCC; padding: 3px 5px; font: normal 12px/18px Arial, Verdana, sans-serif; }
.admin textarea.txtListing { height: 80px; }
.admin td { vertical-align: top; }
.admin .testimonial label { width: 100px; }
.admin input.txtBox, .admin textarea.txtBox { width: 250px; border: none; border: solid 1px #CCC; padding: 3px 5px; margin-bottom: 10px; font: normal 12px/18px Arial, Verdana, sans-serif; }
.admin textarea.txtbox { height: 80px; }
.admin .rlGrid td { }
.uploadFiles label { width: 120px; }
.admin textarea.txtEditTestimonial { width: 450px; border: none; border: solid 1px #CCC; padding: 3px 5px; margin-bottom: 10px; font: normal 12px/18px Arial, Verdana, sans-serif; }
.admin textarea.txtEditTestimonial { height: 280px; }

.iconTable { }
.iconTable td { padding: 5px; vertical-align: middle; text-align: center; }

html .yui-editor-body-cont label { width: auto; }

ul { }
ul li { }
ol { }
ol li { list-style-type: decimal; margin: 0 0 0 30px; padding: 0 0 10px 5px; }