/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 14 May 2007 at 12:00 EST
* --------------------------------------------------------------
**/


/** Element Styles
-------------------------- **/
body, pre {
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 62.5%;  /* 16px × 62.5% = 10px */
}
   body {
      padding: 0;
      margin: 0;
      background-color: #2d0601;
   }

h1, h2, h3, h4, h5, h6 {
   margin: 0;
   padding: 0;
}

a {
   color: #9d0419;
   text-decoration: underline;
}
   a:hover {
      text-decoration: none;
   }
   a:visited {
      color: #9d0419;
   }
   a img {
      border: 0;
   }
div.hr {
  height: 1px;
  margin: 8px 0 8px 0;
  padding: 0;
  background: #FFF no-repeat scroll center;
}
div.hr hr {
  display: none;
}
noscript div.error {
   margin: 0 15px 15px 15px; 
   padding: 8px; 
   border: 1px solid #FF0000; 
   background-color: #FFEFEF; 
   text-indent: 2px;
   text-align: center;
   line-height: 1.3em;
}  
   noscript h2.error {
      padding-bottom: 4px; 
      color: #FF0000; 
      text-decoration: underline;
      font-size: 1.0em;
   }

/**   ID Styles
-------------------------- **/
#wrapper {
   width: 62.5em;
   min-width: 625px;
   /*min-height: 400px;*/
   margin: 0 auto 5px auto;
   border: 2px solid #FFF;
   border-top: 0;
   background-color: #FFF;
}
#header {
   background: url("images/headerBgRepeat.jpg") top left repeat-x;
   width: inherit;
   min-width: 625px;
   height: 279px;
   position: relative;
}
   #header #bannerLogo {
      width: inherit;
      min-width: 625px;
      height: 79px;
      background: url("images/headerBg.jpg") top left no-repeat;
   }
      #header #bannerLogo a, 
      #header #bannerLogo a:visited
      {
         position: absolute;
         display: block;
         background: url("images/dcwLogo.jpg") 0px 0px no-repeat;
         text-indent: -10000px;
         top: 10px;
         left: 20px;
         width: 359px;
         height: 56px;
         text-decoration: none;
         overflow: hidden;
         z-index: 1500;
      }
   #header #bannerImage {
      position: relative;
      text-align: center;
      width: 62.9em;
      min-width: 625px;
      background-color: #000;
      border-top: 2px solid #FFF; 
       border-bottom: 2px solid #FFF;
      font-size: 0.1em;
   }
   #header > #bannerImage {
      width: inherit;
      border-top: 0;
      font-size: 1.0em;
   }
       #header #bannerImage #shadowOverlay {
          display: none;
/*          filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='myimage.png',sizingMethod='scale');"*/
       }
       #header > #bannerImage #shadowOverlay {
         display: block;
         width: inherit;
         min-width: 625px;
         height: 177px;
         background: url("images/bannerImageShadow.png") top left repeat-x;
         position: absolute;
         top: 0;
         left: 0;
         z-index: 100000;
      }
#header #topNavigation {
   width: 62.9em;
   height: 2.0em;
   background-color: #838383;
}
#header > #topNavigation {
   height: 2.1em;
   width: inherit;
}
/**   Please SEE 
      styles/dynarch.css for TOP NAVIGATION formatting   
----------------------------------------------------------  **/
#contentWrapper {
   padding: 22px 0 0 0;
}
/**   homePage    **/
   #contentWrapper.homePage #leftBar {
      width: 174px;
      height: auto;
      float: left;
      padding: 0 5px 0 10px;
   }
   #contentWrapper.homePage #rightBar {
/*      margin-left: 189px;*/
      padding: 15px 20px 0 30px;
      float: left;
      background: url("images/homeVerticalBar.gif") top left repeat-y;
   }
   #contentWrapper.homePage > #rightBar {
      margin-left: 189px;
      float: none;
   }
/**   default    **/
#contentWrapper.homePage #rightBar,
#contentWrapper.default {
   line-height: 2.2em; /* 10px × 2.2em = 22px */;
   font-size: 1.2em; /* 10px × 1.2em = 12px */
   color: #2A3634;
}

#contentWrapper.default td.content div {
 font-size: 1.0em; /* 10px × 1.2em = 12px */
}
#contentWrapper.default {
  width: auto;
  position: relative;
  padding: 1.0em 1.0em 0 1.0em;
}

#contentWrapper.default div#ImageBox,
#contentWrapper.default div#GalleryBox {
	margin:  0 auto 0 auto;
}

#contentWrapper.default .formContent input,
#contentWrapper.default .formContent textarea {
   border: 1px solid #000;
   text-indent: 2px;
}
      #contentWrapper.listings {
         position: relative;
      }
         #contentWrapper.listings #realEstateIcons {
            padding-top: -32px;
            margin: -40px 1.0em 1.0em 0; /* 10px × 1.0em = 10px */
            float: right;
            clear: right;
            top: 0;
         }
         /**   listingBox    **/
                 #contentWrapper.listings td.content table {
                     background-color: #DADADA;
                     font-size: 1.2em; /* 10px × 1.2em = 12px */
                     color: #585858;
                  }

                  #contentWrapper.listings td.content table img {
                     /*position: absolute;
                                 top: 8px;
                                 left: 8px;*/
                  }
                     #contentWrapper.listings td.content table img {
                        border-width: 3px;
                        border-style: solid;
                        border-top-color: #585858;
                        border-left-color: #585858;
                        border-right-color: #666;
                        border-bottom-color: #666;
                        float: left;
                     }
                  /*#contentWrapper.default div.listingHeader {
                              background-color: #585858;
                              height: 1.3em; / 10px × 1.9em = 19px /
                              margin-left: 135px;
                              padding: 0.3em 0 0.3em 0;
                           }*/
                  #contentWrapper.listings td.content table h4,
                  #contentWrapper.listings td.content table h5 {
                     color: #FFF;
                     font-weight: bold;
                     float: left;
                     background-color: #585858;
                     font-size: 11px;
                     padding: 0.3em 0 0.3em 0;
                  }
                  #contentWrapper.listings td.content table h4 {
                     width: 23.6em; /* 10px x 22.6em = 226px */
                     padding-left: 1.2em;
                  }
                  #contentWrapper.listings td.content table h5 {
                     width: 13.0em;
                     text-align: right;
                     padding-right: 1.2em;
                  }
                  #contentWrapper.listings td.content table h6 {
                     clear: left;
                     width: 8.6em;
                     text-align: center;
                     padding: 15px 0 0 15px;
                     font-size: 1.0em;
                  }
                     #contentWrapper.listings td.content table h6 a {
                        display: block;
                        height: 1.6em;
                        padding: 0.4em 0.4em 0.1em 0.4em;                        
                        font-size: 0.9em;
                        font-weight: normal;
                        text-decoration: none;
                        color: #FFF;
                        background-color: #d70822;
                        border-width: 0.2em;
                        border-style: solid;
                        border-top-color:#e33e3a;
                        border-left-color: #e33e3a;
                        border-right-color: #9b0717;
                        border-bottom-color: #9b0717;
                     }
                        #contentWrapper.listings td.content table h6 a:hover {
                           background-color: #990a1c;
                           border-top-color: #2d0601;
                           border-left-color: #2d0601;
                           border-right-color: #e33e3a;
                           border-bottom-color: #e33e3a;
                        }
                  #contentWrapper.listings td.content table blockquote {
                     margin: -90px 0 0 180px;
                     padding: 0 0 20px 0;
                     font-size: 1.0em;
                     line-height: 1.5em;
                     width: 35.5em;
                     height: auto;
                     white-space: normal;
                  }
#footer {
   width: 62.9em;
   min-width: 625px;
   height: 118px;
   clear: left;
   background: url("images/footerBg.jpg") top left repeat-x;
}
#wrapper > #footer {
   width: inherit;
}
#siteBy {
   text-align: center;
   margin-bottom: 20px;
}
   #siteBy a {
      text-decoration: none;
   }
      #siteBy a:hover {
         color: #808080;
      }