/* CSS Document */

body {
  margin: 15px auto 10px;
  padding: 0;
  font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  color:#330000;
  background: url(../Image/tbg_bg.gif) 0 0 repeat;
}

#adminOptions {
  margin: -15px auto 15px;
  padding: 10px 0;
  width: 100%;
  text-align: center;
  background: white;
  position: relative;
}

#dashboard {
  margin: 2px 10px 10px;
  border: 1px solid #7F000F;
  clear: left;
  padding: 0;
}
#dashboard p {
  margin: 5px 5px 0 5px;
  padding: 2px;
  font-size: 14px;
}
#dashboard #Adminheader {
  margin: 0;
  padding: 2px 5px 3px;
  background: #7F000F;
  color: #FFFFFF;
  display: block;
}


a img {
  border: none;
}

#bannerAd1 {
  margin: 0 auto 15px;
  display: block;
  text-align: center;
  width: 728px;
  height: 90px;
}

#content {
  margin: 0 auto;
  padding: 0;
  width: 800px;
  background: #F5F5F5 url(../Image/tbg_contentBg.gif) 0 100% no-repeat;
  position: relative;
}

#header {
  border-bottom: 5px solid #898989;
  padding: 0;
  width: 800px;
  height: 96px;
  background: url(../Image/tbg_header.jpg) 0 0 no-repeat;
}
#header #topLeft {
  width: 7px;
  height: 8px;
  background: url(../Image/corner_topLeft.gif) 0 0 no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
#header #topRight {
  width: 7px;
  height: 8px;
  background: url(../Image/corner_topRight.gif) 100% 0 no-repeat;
  position: absolute;
  top: 0;
  right: 0;
}
h1#logo {
  width: 284px;
  height: 100px;
  background: url(../Image/tbg_logo.gif) 0 0 no-repeat;
  position: absolute;
  top: 45px;
  left: 50%;
  margin: 0 0 0 -417px;
  padding: 0;
}
h1#logo span {
  display: none;
}
h1#realtor {
  position: absolute;
  top: 103px;
  left: 5px;
  margin: 0;
  padding: 0;
  font-size: 28px;
  background: #FFFFFF;
  width: 795px;
}
.RealtorNav {
margin-top: 30px;
}
#navigation {
background: #FFFFFF url(../Image/tbg_navBg.gif) 0 100% repeat-x;
padding: 3px 0 15px;
}
#navigation span {
display: block;
margin: 1px 0;
padding: 2px;
text-align: right;
}
#navigation span a {
color:#7F000F;
padding: 3px 4px;
margin: 1px;
font-family: Helvetica,"Lucida Grande", Verdana, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
text-decoration:none;
}
#navigation span a:hover {
  text-decoration: underline;
}

/* client site navigation styles */

#clientNavigation {
background: #FFFFFF url(../Image/tbg_navBg.gif) 0 100% repeat-x;
padding: 3px 0 15px;
}
#clientNavigation span {
display: block;
margin: 1px 0;
padding: 2px;
text-align: left;
}
#clientNavigation span a {
color:#7F000F;
padding: 3px 4px;
margin: 1px;
font-family: Helvetica,"Lucida Grande", Verdana, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
text-decoration:none;
}
#clientNavigation span a:hover {
  text-decoration: underline;
}

#mainContent {
  margin: 0 5px;
}

/*
#mainContent:after {
content: "."; 
display: block; 
height: 0; 
overflow:hidden; 
clear: left; 
visibility:hidden;
}
*/

#columnI {
  float: left;
  width: 500px;
  margin: 5px 0 0 0;
  padding: 0;
}
#columnI-1 {
  float: left;
  width: 500px;
  margin: 5px 0 0 0;
  padding: 0 0 0 4px;
}
#columnII {
  padding: 0 0 0 0;
  margin: 5px 0 0 0;
  border: 1px solid #7F000F;
  width: 260px;
  float: right;
}
#columnII-1 {
  padding: 0 0 0 0;
  margin: 5px 0 0 0;
  width: 270px;
  float: right;
}
#columnII-Demo {
  border: 1px solid #7F000F;
  padding: 0 0 0 0;
  margin: 5px 5px 0 0;
  width: 280px;
  float: right;
}
#columnII-Demo img  {
  margin: 0 auto;
}
.colII_feature {
border: 1px solid #7F000F;
margin: 5px 0;
text-align: center;
width: 250px;
}

#footer {
  clear: both;
  background: url(../Image/tbg_footerBg.gif) 0 0 repeat-x;
  margin: 10px 0 0 0;
  padding: 15px 0 5px;
  text-align: center;
color:#7F000F;
font-size: 10px;
}
#footer span {
display: block;
margin: 1px 0;
padding: 1px;
}
#footer span a {
color:#7F000F;
padding: 1px 5px;
margin: 1px;
font-size: 10px;
text-decoration:none;
}

div#breadcrumbs {
  font-size: 11px;
  margin: 0;
  padding: 1px 10px;
  display: block;
}
div#altStyles {
  display: inline;
  float: right;
}
div.boxy1, div.boxy2 {
  float: left;
  margin: 5px 5px 5px 5px;
  padding: 0 0 3px;
  text-align: center;
  width: 223px;
  height: 230px;
}

div.boxy2 {
  height: 245px;
}

div.boxy1-1, div.boxy2-1 {
  float: left;
  margin: 5px 0;
  padding: 0 0 3px;
  text-align: center;
  width: 223px;
}
div.boxy1 {
  border: 1px solid #898989; 
}
div.boxy1-1 {
  border: 1px solid #898989; 
}
div.boxy1 img, div.boxy2 img {
  padding: 1px;
  border: 1px solid #50504F;
  margin: 2px 8px;
}
div.boxy1-1 img, div.boxy2-1 img {
  padding: 1px;
  border: 1px solid #50504F;
  margin: 1px;
}
div.boxy2 {
  border: 1px solid #50504F; 
}
div.boxy2-1 {
  border: 1px solid #50504F; 
}
div.col2_box {
  margin: 5px 0 15px;
  padding: 1px;
  text-align: center;
}
div.col2_box img a, img.imgborder {
  padding: 1px;
  border: 1px solid #50504F
}
a.readMore {
  text-align: right;
  font-size: 11px;
  margin: 2px 15px;
  padding: 1px;
  display: block;
}
a.readMoreAdmin {
  text-align: right;
  font-size: 11px;
  margin: 2px 15px;
  padding: 1px;
  text-decoration: none;
}
ul.col2_Links {
  list-style: none;
  margin: 3px;
  padding: 2px 25px;
  font-size: 13px;
}
span.caption {
  font-size: 11px;
  text-align: center;
  display: block;
}
#mainContent p {
  margin: 2px 5px 2px 0;
  padding: 3px;
  font-size: 12px;

}
#content p {
  margin: 2px 5px;
  padding: 3px;
  font-size: 12px;
}

#content h2 {
  margin: 5px 2px 3px;
  padding: 3px 5px;
  font-size: 22px;
}

#content h3 {
font-size: 16px;
font-weight: bold;
margin: 0 0 2px;
padding: 2px 0 3px 15px;
text-align: left;
color: #330000;
background: #C7C597;
}
#content div.boxy1 h3, #content div.boxy1-1 h3 {
font-size: 18px;
  font-weight: normal;
  color: #FFFFFF;
  background: #898989; 
}
#content div.boxy2 h3, #content div.boxy2-1 h3 {
font-size: 18px;
  font-weight: normal;
  color: #FFFFFF;
  background: #50504F;
}

#content #columnII h4, #content #columnII-1 h4, .colII_feature h4, #columnII-Demo h4 {
color: #FFFFFF;
font-size: 17px;
padding: 3px 5px;
margin: 0;
background: #7F000F;
text-align: left;
}

#content h5 {
  text-align: center;
  font-size: 15px;
  margin: 1px 1px 10px 1px;
  padding: 1px 0;
}
#content h6 {
  margin: 10px 3px 3px 5px;
  padding: 1px;
  font-size: 14px;
}

/* EVENT DETAIL */
#eventDetail {
  display: block;
  border: 1px solid #7F000F;
  margin: 5px auto;
  width: 770px;
  padding: 0;
}
#eventDetail h2 {
  background: #7F000F;
  color: #FFFFFF;
  margin: 0;
}
#eventDetail table {
  margin: 0;
  padding: 0;
  border: 0;
}
#eventDetail table p {
  margin: 2px 5px 2px 0;
  padding: 3px 0;
  font-size: 12px;
}
#eventDetail table td {
  margin: 0;
  padding: 5px 10px;
  text-align: center;
  vertical-align: top;
}



/* ARTICLE DETAIL */
#articleDetail {
  display: block;
  border: 1px solid #7F000F;
  margin: 5px auto;
  width: 770px;
  padding: 0;
}
#articleDetail h2 {
  background: #7F000F;
  color: #FFFFFF;
  margin: 0;
}
#articleDetail table {
  margin: 0;
  padding: 0;
  border: 0;
}
#articleDetail table p {
  margin: 2px 5px 2px 0;
  padding: 3px 0;
  font-size: 12px;
}
#articleDetail table td {
  margin: 0;
  padding: 5px 10px;
  text-align: center;
  vertical-align: top;
}


/* PHOTOGALLERY */
#photogallery {
  display: block;
  border: 1px solid #7F000F;
  margin: 5px auto;
  width: 770px;
  padding: 0;
}
#photogallery h2 {
  background: #7F000F;
  color: #FFFFFF;
  margin: 0;
}
#photogallery table {
  margin: 0;
  padding: 0;
  border: 0;
}
#photogallery table p {
  margin: 2px 5px 2px 0;
  padding: 3px 0;
  font-size: 12px;
}
#photogallery table td {
  margin: 0;
  padding: 5px 10px;
  text-align: center;
  vertical-align: top;
}
#photogallery table td.gallery img {
  padding: 1px;
  border: 1px solid #50504F
}
#photogallery table td a {
  display: block;
  font-size: 11px;
}

#photogallery img#detailImage {
  display: block;
  margin: 5px auto 0;
}

div#AdColumn {
  margin-left: 555px;
  text-align: center;
}
span.ad125 {
  margin: 10px 0;
  display: block;
}

#directory {
float: left; 
width: 550px;
padding: 2px 0 2px 2px;
}
#directory ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#directory ul.DirCategory {
 float: left;
 width: 220px;
 margin: 0 10px 5px;
}


#directory ul.DirCategory li.title {
 font-weight: bold;
 background: #CCCCCC;
 padding: 2px 5px 2px;
 margin: 8px 0 4px 0;
 display: block;
 color: #000000;
 width: 220px;
 font-size: 16px;
}


#directory ul.DirCategory li.title a.dirIcon {
   float: right;
   text-decoration: none;
}

#directory ul.DirCategory li.dirLink {
 padding: 5px 4px 2px;
 font-weight: normal;
 font-size: 12px;
}

#directory .FeaturedListing {
  margin: 3px 5px;
  padding: 0;
  font-size: 12px;
}
#directory .nonFeature {
  clear: left;
}
.colII_feature .FeaturedListing {
  margin: 3px 1px;
}
#directory .FeaturedListing:after, .FeaturedListing:after {
  content: "."; display: block; height: 0; 
  overflow:hidden; clear: left; visibility:hidden;
}

#directory .FeaturedListing img {
  float: left;
  margin: 2px 15px 5px 0;
}
.colII_feature .FeaturedListing img {
  margin: 2px;
}
#directory .FeaturedListing .listing {
  font-size: 14px;
}
.FeaturedListing .listing {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 12px;
}
#directory .listing {
 margin: 5px 5px 15px 15px;
 font-size: 12px; 
 display: block;
}
.colII_feature .FeaturedListing .listing {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
}
#directory .listing li.business, .colII_feature .FeaturedListing .listing li.business {
  font-weight: bold;
}

#headShot {
  margin: 3px 8px;
}
.LogoImg {
  margin: 3px auto;
  display: block;

  border:1px solid #50504F;
  padding:1px;
}

#All_Listings {
  margin: 0 auto;
  display: block;
  width: 725px;
}

#CommunitySwitcher {
  float: right;
  width: 130px;
  font-size: 12px;
  text-align: left;
}
#CommunitySwitcher ul {
  margin: 3px 10px 3px 0;
  font-weight: bold;
  padding: 3px 0 10px 0
}



blockquote {
  margin: 8px;
  padding: 5px;
  border: 1px solid #7F000F;
  background: #FDFCEE;
}
span.number {
  font-size: smaller;
  border: 1px solid #C7C597;
  padding: 1px 2px;
  font-weight: bold;
  margin-right: 5px;
}

form.formI {
  margin: 18px;
  padding: 5px;
  border: 1px solid #7F000F;
  background: #FDFCEE;
}
form.formI span {
  float: left;
  clear: left;
  width: 80px;
  margin: 6px 15px 0 0;
  text-align: right;
}
form.formI input {
  margin: 3px 0 3px 0;
  padding: 0;
  width: 340px;
  height: 20px;
  border: 1px solid gray;
}

/* PHOTOGALLERY TAG STYLES */
#tags {
  margin: 5px 0;
  text-align: center;

}
#tagLinks {

}
#tags span {
  display: block;
  text-align: left;
  padding: 2px 5px;
}
#tags span.currentTag {
  font-weight: bold;
}
#tags span.currentTag b {
  color: #7F000F;
}
#tags span.NewTag {
  color: #4F3236;
  font-size: 12px;
}
#tags a {
font-family: Helvetica, Arial, sans-serif;
text-decoration: none;
margin: 4px 10px 3px;
}
td #tags a {
  float: left;
  line-height: 30px;
}
#tags a:hover {
text-decoration: underline;
}
#tags a#current {
  text-decoration: underline;
}
#tags a.taglink1 {
font-size: 21px;
font-weight: bold;
color: #7F000F;
}
#tags a.taglink2, td a.taglink2 {
font-size: 14px;
font-weight: bold;
font-style: italic;
color: #7F000F;
}
#tags a.taglink3, td a.taglink3 {
font-size: 15px;
color: #A5B2BD;
}
#tags a.taglink4 {
font-size: 25px;
font-style: italic;
color: #7F000F;
}
#tags a.taglink5 {
font-size: 33px ;
font-weight: bold;
color: #C7C597;
}
#tags .taglink6 {
font-size: 19px;
color: #7F000F;
}
#tags .taglink7 {
font-size: 31px;
font-weight: bold;
font-style: italic;
color: #C7C597;
}
#tags .taglink8 {
font-size: 17px;
color: #A5B2BD;
}
#tags .taglink9 {
font-size: 22px;
font-weight: bold;
color: #7F000F;
}
#tags .taglink10 {
font-size: 26px;
font-style: italic;
color: #A5B2BD;
}
#tags .taglink11 {
font-size: 16px;
font-weight: bold;
font-style: italic;
color: #7F000F;
}
#tags .taglink12 {
font-size: 28px;
color: #C7C597;
}
#tags .taglink13 {
font-size: 32px;
font-weight: bold;
color: #A5B2BD;
}
#tags .taglink14 {
font-size: 20px;
color: #7F000F;
}
#tags .taglink15 {
font-size: 26px;
font-style: italic;
color: #C7C597;
}
#tags .taglink16 {
font-size: 24px;
font-weight: bold;
color: #7F000F;
}

/* CALENDAR STYLES */
#AdminCalendar {
  margin: 5px auto;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
#AdminCalendar thead {
   background: #CCCCCC;
}

#CalendarPrevious {
  text-align: left;
  padding: 4px;
}

#CalendarMonth {
  text-align: center;
  padding: 4px;
}

#CalendarNext {
  text-align: right;
  padding: 4px;
}

#AdminCalendar td {
  width: 110px;
  padding: 2px 0;
}

#AdminCalendar tr#Week {
  text-align: center;
}
#AdminCalendar tr#Week td {
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}

#AdminCalendar tr.Days {
  text-align: right;
}
#AdminCalendar tr.Days td {
  height: 100px;
  padding: 2px 5px;
  vertical-align: top;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}
#AdminCalendar span.details {
  display: block;
  font-size: 10px;
  text-align: center;
}
#AdminCalendar span.impressions {
  font-size: 12px;
  text-align: center;
  display: block;
}
#AdminCalendar td.currentDay {
  font-weight: bold;
  background: #CCCCCC
}
span.statsFor {
  text-align: center;
  display: block;
  font-weight: bold;
  font-size: 18px;
}

/* ALL LISTING TABLES STYLES */
table#ListingsAll {
  display: block;
  width: 710px;
  margin: 0 auto;
}
table#ListingsAll td.spacer {
  width: 10px;
}
table#ListingsAll tr.ForSale td.title {
  width: 230px;
  font-size: 18px;
  font-weight: normal;
  color: #FFFFFF;
  background: #898989; 
  padding: 3px 5px 4px;
}
table#ListingsAll tr.ForSale td.title_not_active {
  width: 230px;
  font-size: 18px;
  font-weight: normal;
  color: #FFFFFF;
  background: #FF0000; 
  padding: 3px 5px 4px;
}

table#ListingsAll tr.OpenHouse td.title {
  width: 230px;
  font-size: 18px;
  font-weight: normal;
  color: #FFFFFF;
  background: #50504F;
  padding: 3px 5px 4px;
}
table#ListingsAll tr.OpenHouse td.title_not_active {
  width: 230px;
  font-size: 18px;
  font-weight: normal;
  color: #FFFFFF;
  background: #FF0000;
  padding: 3px 5px 4px;
}

table#ListingsAll td.details {
  text-align: center;
  padding: 3px 0;
  margin: 0 0 10px 0;
}
table#ListingsAll tr.SaleDetails td.details {
  border: 1px solid #898989; 
}
table#ListingsAll tr.OpenDetails td.details {
  border: 1px solid #50504F;
}

table#ListingsAll tr.marginSpacer {
  height: 20px;
}

/* ADMIN PAGE TABLE */
table#AdminTable {
width: 480px;
font-size: 13px;
margin: 5px auto;
}
table#AdminTable td {
  padding: 2px 5px;
}
table#AdminTable td.detailedStats {
  text-align: right;
  padding: 2px 5px 25px;
  border-top: 1px solid #CCCCCC;
}
table#AdminTable td.AdminStat {
  text-align: right;
  border: 1px solid #CCCCCC;
  border-width: 1px 1px 0 0;
}
table#AdminTable td.Stat {
  text-align: left;
  border: 1px solid #CCCCCC;
  border-width: 1px 0 0 1px;
}
table#AdminTable tr.StatTop {
}

/* REALTOR LINKS */
ul#RealtorLinks {
  list-style: none;
  margin: -5px 0 0 0;
  padding: 0;
}
ul#RealtorLinks li.title {
  font-size: 18px;
  font-weight: bold;
  background: #CCCCCC;
  padding: 4px 6px;
  margin: 0 0 4px 0
}
ul#RealtorLinks li.title {
  font-size: 18px;
  font-weight: bold;
  background: #CCCCCC;
  padding: 4px 6px;
  margin: 0 0 2px 0
}
ul#RealtorLinks li.heading {
	font-size: 14px;
  font-weight: bold;
  background: #7F000F;
	padding: 2px 6px;
  margin: 0 0 2px 0;
  color: #FFFFFF;
}
ul#RealtorLinks li.link {
  font-weight: bold;
  font-size: 16px;
  padding: 8px 8px 2px;
  margin: 0;
}
ul#RealtorLinks li.linkDescription {
  font-weight: normal;
  font-size: 12px;
  padding: 1px 10px 8px;
  margin: 0;
}
ul#RealtorLinks li.linkDescription a {
  text-decoration: none;
}
ul#RealtorLinks li.linkDescription a span {
  text-decoration: underline;
}

/* FORM STYLES */
form.formPop {
  text-align: left;
  display: block;
  width: 470px;
  margin: 10px auto;
  padding: 10px 5px;
  border: 5px solid #999999;
  background: #FFFFFF;
}
form.formPop span.title {
  float: left; 
  clear: left;
  width: 130px;
  font-size: 14px;
  text-align: right;
}
form.formPop span.extra {
  display: inline;
  font-size: 12px;
}
form.formPop input, form.formPop select, form.formPop textarea {
  display: block;
  margin: 3px 0 3px 140px;
  border: 1px solid #333333;
  width: 270px
}
form.formPop select.selectClass_HALF {
  display: inline;
  width: 105px;
  margin: 3px 10px;
}
form.formPop input.radioClass, form.formPop input.checkClass {
  display: inline;
  margin-left: 10px;
  width: 12px;
}
form.formPop textarea {
  height: 125px;
}

/*Admin Navigation */
#adminOptions {
  margin: -15px auto 15px;
  padding: 10px 0;
  width: 100%;
  text-align: center;
  background: white;
  position: relative;
}

#adminLinks {
  padding: 3px 0;
  font-size: 16px;
}
#adminOptions a {
  color: #7F000F;
  text-decoration: none;
  font-weight: bold;
}
#adminOptions a:hover {
  text-decoration: underline
}
#adminOptions a.current {
  font-style: italic;
}
#adminSubLinks {
  font-size: 14px;
}
#adminSubLinks a {
  color: #666666;
}

img.adminIcon {
  margin: 0 5px 0 0;
  border: none;
  display: inline;
}
a.readMoreAdmin span {
  text-decoration: underline;
}

/* ARTICLE IMAGES */
img.articleImage {
  float: left;
  padding: 1px;
  border: 1px solid #50504F;
  margin: 5px 15px 5px 5px;
}

/* NEIGHBORHOOD LINKS HOME PAGE FEATURE */
.colII_feature ul#neighborhoodLinks {
  list-style: none;
  text-align: left;
  margin: 5px;
  padding: 0;
}
.colII_feature ul#neighborhoodLinks li {
  font-size: 12px;
  margin: 3px 5px;
  border-bottom: 1px dotted #50504F;
}
.colII_feature ul#neighborhoodLinks li a {
  padding: 3px 5px;
  display: block;
}

/*Neighborhood Area */
ul#AreaList {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul#AreaList li {
  float: left;
  width: 247px;
  margin: 0;
  padding: 0;
  text-align: center;
  font-weight: bold;
}
ul#AreaList li a.link1 {
  margin: 3px 0;
  padding: 2px;
  font-size: 14px;
}
ul#AreaList li a.link2 {
  margin: 3px 0;
  padding: 2px;
  font-size: 16px;
}
ul#AreaList li a.link3 {
  margin: 3px 0;
  padding: 2px;
  font-size: 18px;
}
ul#AreaList li a.link4 {
  margin: 3px 0;
  padding: 2px;
  font-size: 20px;
}

/*Article Listings*/
#articleListings h2 {
  background-color:#CCCCCC;
  padding: 3px 5px;
  margin: 2px; 
}

/*Side Banner*/
#sideBanner {
position:absolute; 
top: 290px; 
left: 50%; 
margin-left: 410px;
}

/*ListingDetail Icons*/
a.listDetailLink {
text-decoration: none;
padding: 0;
}
a.listDetailLink img {
padding: 4px 0 0;
}
a.listDetailLink span {
text-decoration: underline;
}