body
{   
    width: 900px;
    margin: 10px 0px 10em 100px;
    padding: 0;
    text-align: left;
    border-style: none;
    border-left: 0px solid black;
    border-top: 0px solid black;
    border-right: 0px solid black;
    border-bottom: 0px solid black;
    background: center; text-align: center;
    background-color: white;
    font-family: Arial, Verdana;
    font-size: small;
    position: static;
}


h1  {font-family: Arial, Verdana; font-size:  x-large; font-weight: bold ; color:Purple; font-style: oblique; 
            color:#993300; margin : 5px 0px 10px 0px; 
            
                     text-decoration: none; text-indent: 0px;}                 
h2  {font-family: Arial, Verdana; font-size:  large; font-weight: bold ; color:#993300; color: Purple; font-style: oblique; 
             margin : 5px 0px 10px 0px; 
                     text-decoration: none; text-indent: 0px;} 
                     
                                       
h3  {font-family: Arial, Verdana; font-size: larger; font-weight: bolder ;  font-style:oblique; 
            color:#993300; margin : 10px 0px 10px 0px; 
                     text-decoration: none; text-indent: 0px;}   
                     
h4  {font-family: Arial, Verdana; font-size: small; font-weight:bold ;  
              font-style:oblique; color:Blue; margin: 15px 0px 10px 0px; 
                      text-indent: 0px;}   
h5  {font-family: Arial, Verdana; font-size: x-small; font-weight:bold ;  color:Green; margin: 5px 0px 0px 0px; 
                      text-indent: 0px;} 
h6  {font-family: Arial, Verdana; font-size:  small; font-weight:bold ;
    font-style:oblique;   color:green; margin: 5px 0px 0px 0px; 
                      text-indent: 0px;} 

p#a          { text-indent: 20px;
}                

.dc { float: left; font-size: 250%;  color: #006; background-color: #ffF; 
      padding: 0px; border: none; margin: 3px; }

ul {list-style-type:   circle  disc ;   color:black;    
                  /* code changed for IE8 */
                  padding: 5px 5px 5px 45px;
                  margin-left:  auto;
                  /* end of code change for IE8 */
                  
                  
                   }
ol {list-style-type:  decimal; 
                  color:black;    
                  /* code changed for IE8 */
                  padding: 5px 5px 5px 15px;
                  
                  margin-left: inherit;
                  /* end of code change for IE8 */
                  border-style: none; 
                  border-color: black; 
                  border:  1px;
                   }
                   
.dcb {font-size:200%; color: blue; font-family:"arial"}



            
#mainheaders     { width:100%; padding: 105px 0px 0px 0px; 
                    text-align: left; position:relative ;
                     background-color   : white; color:  #ff9933;
                     border-style: none; border-color: red;
                     }

#hdrtitles      {text-align: left;  border:  1px;
                  width: 900px;
                  height:50px; 
                  position: relative; top: 0px; 
                  border-style:none; border-color:  Fuchsia;
                  margin: 0px 0px 0px 15px;
                  background-color : white; }

#hdr1 h1        {font-family:  "Porky's", "DomBold BT", "Hobo BT", GlooGun, Fat, Poornut, Matura MT Script Capitals, Rockwell; font-size: xx-large; font-weight: bold ;
                 font-style:normal;
                 text-align: left;
                 position: relative; left: 0px; top:130px; padding : 0px 0px 0px 5px;
                 background-color :  white;
                 border-style:none; border-color: green;
                 width: 100%;
                 margin: 0px 0px 0px 10px; height:100%;
                  left:  0px; top: 0em;      }

                
#subheader h2  {font-family:"Porky's", DomBold BT,  Hobo BT,  GlooGun,  Fat,  Poornut, Matura MT Script Capitals, Rockwell; font-size: x-large; font-weight:bold ;
                 text-align:right; font-style:normal;
                 position: absolute; right: 0px; top:10px; padding: 0;
                 background-color : white;
                border-style:none; border-color: lime;
                width: 40%;
                margin: 30px 0px 0px 0px; height:40px;
                font-family:"Porky\0027s", Matura MT Script Capitals; color: #993300;   right:10px; top: 80px;}

#hdrphotos      { text-align: left;  border:  2px;
                  width: 900px; 
                  position: absolute; top: 10px; 
                  border-style:none; border-color:  Fuchsia;
                  margin: 0px 0px 0px 15px;
                  background-color : white; }
                  
                  
#sitenav        { width: 100%; text-align: left;    
                  margin: 0px 0px 0px 0px; text-indent: 0px;
                  padding: 15px 0px 10px 0px; background-color:white;
                  position: relative; top: 0px; right: 0px; left: 0px;
                  border-style: none ; border-color: green; border:  0px;
                  text-align: center;
                  }                  
#sitenav ul     { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
                  display : inline; position: relative; text-indent: 0px;
                  border-style:dashed; border-color: black; border:  0px;
                   text-align: left; }
#sitenav li      { display :  inline;   text-indent: 0px;
                    padding : 0px 0px 0px 0px; font-size:x-small;
                    list-style-position: outside;
                    margin: 0px 0px 0px 0px;
                    text-align:   left;
                    border-style: solid;
                    width: 100%; 
                    border-width: 3px; 
                    border-left-color: papayawhip;   
                    border-top-color: papayawhip;
                    border-right-color:  burlywood;
                    border-bottom-color: burlywood;
                    padding: 0px;  margin: 0px;  color: Orange;
                   background-color:khaki;}
#sitenav li:last-child 
                { padding: left: 50px; border-left: none;
                  margin-left : 0; color: red; background-color:yellow; }
                  
#sitenav li a   {color:blue;   text-decoration: none; 
                  padding: 5px 4px 5px 4px; font-size: x-small;
                   }

#estateagentlink a  { display :  inline;   text-indent: 0px;
                    color: blue;
                    padding : 3px 3px 3px 3px; font-size:x-small;
                    list-style-position: outside;
                    margin: 0px 0px 0px 0px;
                    text-align:   left;
                    border-style: solid;
                    width: 100%; 
                    border-width: 3px; 
                    border-left-color: papayawhip;   
                    border-top-color: papayawhip;
                    border-right-color:  burlywood;
                    border-bottom-color: burlywood;
                    padding: 2px;  margin: 0px;  
                   background-color:khaki;}                     
#main           { width:760px;  
                border-style: none; border-color: red; 
                padding: 10px 20px 2em 160px;
                  
                 position: relative;
                 background-color: white; }
                                  
#mainindex      {border-style:none; border-color: red; padding: 10px 0px 2em 0px;
                  
                 position: relative;
                 background-color: white; }
               
#content        { text-align: left;
                 
                 border-style : none; border-color: green; background-color: white; 
                 padding: 0px 0px 0px 10px;
                 margin: 40px 20px 0px 90px;}   

#content        {border-style: none; border-color: blue; background-color: white; 
                 padding: 0px 0px 0px 0px;
                 margin: 40px 20px 0px 40px;
                 text-align: left;}  
                 

#photo          { float: right;  width: 270px; height: 220px;
                width: 360px; height: 300px;
                  right: 50px; top: 0em;
                  border-style: none; border-color: blue;
                  margin: 20px 0px 0px 25px;
    }
#photo          { float: right;  width: 270px; height: 220px;
                width: 360px; height: 300px;
                  right: 50px; top: 0em;
                  border-style: none; border-color: blue;
                  margin: 20px 0px 0px 25px;
    }   
#photoleft      { float: left;  
                width: 220px; height: 200px;
                  right: 50px; top: 0em;
                  border-style: none; border-color: blue;
                  margin: 20px 20px 0px 25px;
                  padding: 10px 10px 10px 10px;
    }
    
#photoright      { float: right;  
                width: 240px; height: 200px;
                  right: 50px; top: 0em;
                  border-style: none; border-color: blue;
                  margin: 20px 20px 0px 25px;
                  padding: 10px 10px 10px 10px; 
    }
#indphotoleft      { float: left;  width: 270px; height: 220px;
                width: 220px; height: 700px;
                  right: 50px; top: 0em;
                  border-style: none; border-color: blue;
                  margin: 50px 0px 0px 10px;
    }
    
#indphotoright      { float: right;  width: 270px; height: 220px;
                width: 220px; height: 700px;
                  right: 50px; top: 0em;
                  border-style: none; border-color: blue;
                  margin: 50px 0px 0px 25px;
    }
#SmallPic          { float: right;  width: 162px; height: 100px;
                  right: 180px; top: 0em;
                  border-style: none; border-color: blue;
                  margin: 20px 0px 0px 15px;   
                 } 
                 
 #list              {list-style-type:  decimal; margin: 20px 0px 0px 15px;
    border-style:none; border-color: black; border:  1px;}  
                 
#list ol             { 
                        margin:  0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
                  display : inline; position: relative; text-indent: 0px;
                  border-style:none; border-color: black; border:  1px;
                    text-align: center; } 
                    
#list ul                   {margin:  0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
                  display : inline; position: relative; text-indent: 0px;
                  border-style:none; border-color: black; border:  1px;
                    text-align: center; }  
 #list div
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: inline;
    position: relative;
    text-indent: 0px;
    border-style: dotted;
    border-color: white;
    border: 1px;
    background-color: palegoldenrod;
    background-color: #ffff99;
    text-align: center;
    
}
#list  a:link          { color:blue;  text-decoration: none;  text-indent: 15px; font-size: small;}                    
                           
#sidebar        { position: absolute; width: 170px; 
                  height :700px;
                  margin: 25px 0px 0px 10px; 
                  left: 0em; top: 0em;
                  border-style : none ;
                  border-color:Black;}
                  
#sidebar ul     { list-style-type: none; margin: 0px 0 0em 0; 
                  background-color: #cccccc;
                   border-style :  none ;
                   border-color:Black;
                  /* code changed for IE8 */
                  padding: 5px 0px 5px 5px;
                  margin-left:  inherit;
                  /* end of code change for IE8 */
                   
                   
                   } 
#sidebar li     { padding: 1px 10px 1px 10px;
                  /* code changed for IE8 */
                  text-indent: 5px;
                  /* end of code change for IE8 */
                     text-align: left;
                     }  

#sidebar h3  {font-family: Arial, Verdana; font-size: x-small;  color:  Blue; font-style: normal;
               font-weight: bold ; margin: 5px 0px 0px 0px; 
                     text-decoration: none; text-indent: 0px;
                     /* code changed for IE8 */
                  padding: 5px 5px 5px 0px;
                  
                  /* end of code change for IE8 */}
                                           
#sidebar li:last-child     { color:Maroon; margin: 10px 10px 100px 10px;}

#sidebar a:link  {color:blue; font-size: x-small;}
#sidebar a:visited  {color:blue; font-size: x-small;}

#lowersidebar        { position: absolute; width: 170px; 
                  margin: 810px 0px 0px 10px; height:140px;
                  left: 0em; top: 0em;
                  border-style : solid ;
                  border-style:solid; border-width:2px; border-color:  maroon;
}

#lowersidebar a  {color:blue; text-decoration: underline; font-size: small;}

a:link          { color:blue;  text-decoration: none;  text-indent: 15px; font-size: small;}
a:visited          { color:purple; text-decoration: none;  text-indent: 15px; font-size: small;}

#intro  { background-color: white; border-style:none; border-color: white;
                 position: relative; width: 850px;}
#intro  p:first-letter        {font-size:xx-large; color:#993300; background-color: white ;}



#leftsidebar        { position: absolute; width: 250px; 
                  margin: 35px 0px 0px 0px; height: auto;
                  left: 0em; top: 0em;}
#leftsidebar ul     { list-style-type: none; margin: 0px 0 0em 0; 
                  background-color: moccasin;
                   border-style : none ;
                   border-color:Black } 
#leftsidebar li     { padding: 2px 10px 2px 10px;}  

#leftsidebar h3  {font-family: Arial, Verdana; font-size: x-small;  color: blue; font-style: normal;
               font-weight: bold ;margin: 5px 0px 0px 0px; 
                     text-decoration: none; text-indent: 0px;}
                                           
#leftsidebar li:last-child     { color:Maroon; margin: 10px 10px 100px 10px;}

#leftmidbar        { position: absolute; width: 240px; 
                  margin: 35px 0px 0px 270px; height:100%;
                  left: 0em; top: 0em;}
#leftmidbar ul     { list-style-type: none; margin: 0px 0 0em 0; 
                  background-color:  peachpuff;
                   border-style :  none ;
                   border-color:Black } 
#leftmidbar li     { padding: 2px 10px 2px 10px;}  

#leftmidbar h3  {font-family: Arial, Verdana; font-size: x-small;  color: blue; font-style: normal;
               font-weight: bold ;margin: 5px 0px 0px 0px; 
                     text-decoration: none; text-indent: 0px;}
                                           
#leftmidbar li:last-child     { color:Maroon; margin: 10px 10px 100px 10px;}

#rightmidbar        { position: absolute; width: 240px; 
                  margin: 35px 0px 0px 530px; height:100%;
                  left: 0em; top: 0em;}
#rightmidbar ul     { list-style-type: none; margin: 0px 0 0em 0; 
                  background-color: moccasin;
                   border-style : none ;
                   border-color:Black } 
#rightmidbar li     { padding: 2px 10px 2px 10px;}  

#rightmidbar h3  {font-family: Arial, Verdana; font-size: x-small;  color: blue; font-style: normal;
               font-weight: bold ;margin: 5px 0px 0px 0px; 
                     text-decoration: none; text-indent: 0px;}
                                           
#rightmidbar li:last-child     { color:Maroon; margin: 10px 10px 100px 10px;}

#rightsidebar        { position: absolute; width: 250px; 
                  margin: 35px 0px 0px 790px; height:100%;
                  left: 0em; top: 0em;}
#rightsidebar ul     { list-style-type: none; margin: 0px 0 0em 0; 
                  background-color:  peachpuff;
                   border-style :  none ;
                   border-color:Black } 
#rightsidebar li     { padding: 2px 10px 2px 10px;}  

#rightsidebar h3  {font-family: Arial, Verdana; font-size: x-small;  color: blue; font-style: normal;
               font-weight: bold ;margin: 5px 0px 0px 0px; 
                     text-decoration: none; text-indent: 0px;}
                                           
#rightsidebar li:last-child     { color:Maroon; margin: 10px 10px 100px 10px;}

#nextpagebothways
{
    float: none;
    width: 500px;
    height: 20px;
    text-align: center;
    right: 10px;
    top: 10px;
    position: relative;
    border-style: none;
    border-color: blue;
    border-width: thin;
    background-color: papayawhip;
    margin: 10px 0px 0px 15px;
        padding: 0px 0px 10px 0px;
    vertical-align:  bottom;
    } 
 #nextpagebothways img        {   width: 50px;
    height: 30px;
    vertical-align:middle;
    border: none;
    }   

#nextpage        {
    float: right;
    width: 160px;
    height: 20px;
    text-align: right;
    right: 10px;
    top: 10px;
    position: relative;
    border-style: none;
    border-color: blue;
    border-width: thin;
    background-color: papayawhip;
    margin: 10px 0px 0px 15px;
    padding: 0px 0px 10px 0px;
    vertical-align:  bottom;
    
}   
 #nextpage img        {   width: 50px;
    height: 30px;
    vertical-align:middle;
    border: none;
    }          
     
#previouspage     {
    float: left;
    width: 160px;
    height: 20px;
    text-align: left;
    right: 10px;
    top: 10px;
    position: relative;
    border-style: none;
    border-color: blue;
    border-width: thin;
    background-color: papayawhip;
    /* code changed for IE8 */
    margin: 10px 0px 0px 15px;
    /* end of code change for IE8 */
    padding: 0px 0px 10px 0px;
    vertical-align:  bottom;
} 
 #previouspage img        {   width: 50px;
    height: 30px;
    vertical-align:middle;
    border: none;
    }                   
#processheader     { padding: 185px 50px 0px 0px; 
                    position:relative ;
                     background-color   : white; color: #ff9933; 
                     border-style:dashed; border-color: red;
                                                             }
#gallery
    {border:dotted;
    margin: 10px;
    padding: 50px;
    text-align: left;
    font-size: medium;
    }
    

#gallery h2 {margin: 0;}
#gallery div {

         position:relative;
        border: 0px solid gray;
        margin: 10px;
        padding: 10px;
        width: 200px;
        height: 210px;
         vertical-align:middle;
        font-size: medium;
        float: left;
        clear: right;
        
        }
#gallery div a {vertical-align:middle;}

#gallery3
    {border:none;
    margin: 10px;
    padding: 10px;
    text-align: left;
    font-size: medium;
    }
#gallery3 h2 {margin: 0;}
#gallery3 div {

         position:relative;
        border: none;
        margin: 10px;
        padding: 10px;
        width: 200px;
        height: 150px;
         vertical-align:middle;
        font-size: small;
        float: left;
        clear: right;
        
        }
#gallery3 div a {vertical-align:middle;}

#gallery4
    {border:none;
    margin: 10px;
    padding: 10px;
    text-align: left;
    font-size: medium;
    }
#gallery4 h2 {margin: 0;}
#gallery4 div {

         position:relative;
        border: 0px solid gray;
        margin: 10px;
        padding: 10px;
        width: 220px;
        height: 150px;
         vertical-align:middle;
        font-size: medium;
        float: left;
        clear: right;
        
        }
#gallery4 div a {vertical-align:middle; border-style:none; border-color: white; }


/*  used by timberframe.htm  */
#main2           {border-style:none; border-color: red; padding: 0px 50px 2em 0px;
                 margin: 20px 30px 0em 0px; 
                 position: relative;

                 background-color: white; } 


#onescreen        { position: relative; width: 600px; background-color: moccasin; 
                  margin: 0px 0px 0px 0px; height:150px;
                  border-style:none; border-color: red;
                  left: 80px; top: 0em;
                  font-size: small;}
#onescreen ul     { list-style-type: none; margin: 0px 0 0em 0; 
                   border-style : none ;
                   border-color:Black } 
#onescreen li     { padding: 2px 10px 2px 10px;
                font-family: Arial, Verdana; font-size: small;  text-indent: 30px; color: black; font-style: normal;}  

#onescreen h3  {font-family: Arial, Verdana; font-size: large;  color: green; font-style: normal;
               font-weight: bold ;margin: 5px 0px 0px 0px; 
                     text-decoration: none; text-indent: 0px;}
                     
#onescreen a  { margin: 10px 0px 0px 0px; 
                color: blue;  text-decoration: none;    text-indent: 20px; font-size: small;
                }
                
#onescreenright        { position: absolute; width: 700px; background-color: moccasin; 
                  margin: 50px 0px 0px 80px; height:600px;
                  border-style:none; border-color: blue;
                  left: 300px; top: 0em;
                  font-size: small;}
#onescreenright ul     { list-style-type: none; margin: 0px 0 0em 0; 
                  margin: 0px 0px 0px 80px;
                   border-style : dotted ;
                   border-color:Black } 
#onescreenright li     { padding: 2px 10px 2px 10px;
                font-family: Arial, Verdana; font-size: small;  text-indent: 0px; 
                color: black; font-style: normal;
                margin: 0px 0px 0px 80px;}  

#onescreenright h3  {font-family: Arial, Verdana; font-size: large;  color: green; font-style: normal;
               font-weight: bold ;margin: 5px 0px 0px 0px; 
                     text-decoration: none; text-indent: 0px;}
                     
#onescreen2        { position: relative; width: 600px; background-color: moccasin; 
                  margin: 0px 0px 0px 0px; height:400px;
                  border-style:none; border-color: red;
                  left: 80px; top: 0em;
                  font-size: small;}
#onescreen2 ul     { list-style-type: none; margin: 0px 0 0em 0; 
                   border-style : none ;
                   border-color:Black } 
#onescreen2 li     { padding: 2px 10px 2px 10px;
                font-family: Arial, Verdana; font-size: small;  text-indent: 30px; color: black; font-style: normal;}  

#onescreen2 h3  {font-family: Arial, Verdana; font-size: large;  color: green; font-style: normal;
               font-weight: bold ;margin: 5px 0px 0px 0px; 
                     text-decoration: none; text-indent: 0px;}
                     
#onescreen2 a  { margin: 10px 0px 0px 0px; 
                color: blue;  text-decoration: none;    text-indent: 20px; font-size: small;
                }
#onescreen2right        { position: absolute; width: 700px; background-color: moccasin; 
                  margin: 0px 0px 0px 80px; height:400px;
                  border-style:none; border-color: blue;
                  left: 300px; top: 0em;
                  font-size: small;}
#onescreen2right ul     { list-style-type: none; margin: 0px 0 0em 0; 
                  
                   border-style : none ;
                   border-color:Black } 
#onescreen2right li     { padding: 2px 10px 2px 10px;
                font-family: Arial, Verdana; font-size: small;  text-indent: 30px; color: black; font-style: normal;}  

#onescreen2right h3  {font-family: Arial, Verdana; font-size: large;  color: green; font-style: normal;
               font-weight: bold ;margin: 5px 0px 0px 0px; 
                     text-decoration: none; text-indent: 0px;}                
#leftscreen        { position: absolute; width: 400px; 
                  margin: 0px 0px 0px 0px; height:100%;
                  left: 0em; top: 0em;
                  font-size: small;}
#leftscreen ul     { list-style-type: none; margin: 0px 0 0em 0; 
                  background-color: moccasin;
                   border-style : none ;
                   border-color:Black } 
#leftscreen li     { padding: 2px 10px 2px 10px;
                font-family: Arial, Verdana; font-size: small;  text-indent: 30px; color: black; font-style: normal;}  

#leftscreen h3  {font-family: Arial, Verdana; font-size: large;  color: green; font-style: normal;
               font-weight: bold ;margin: 5px 0px 0px 0px; 
                     text-decoration: none; text-indent: 0px;}
                     
#leftscreen a  { margin: 10px 0px 0px 0px; 
                color: blue;  text-decoration: none;    text-indent: 20px; font-size: small;
                }
                     
#rightscreen        { position: relative; width: 600px; 
                  margin: 25px 0px 0px 238px; height:100%;
                  left: 0em; top: 0em;}
#rightscreen ul     { list-style-type: none; margin: 0px 0 0em 0; 
                  background-color: moccasin;
                   border-style : none ;
                   border-color:Black } 
#rightscreen li     { padding: 2px 10px 2px 10px;
    vertical-align:middle;
                font-family: Arial, Verdana; font-size: small;  color: black; font-style: normal;}  

#rightscreen h3  {font-family: Arial, Verdana; font-size:  large;  color: red; font-style: normal;
               font-weight: bold ;
               margin: 5px 0px 0px 0px; 
               padding: 2px 10px 2px 10px;
                     text-decoration: none; text-indent: 0px;}
                     
#rightscreen a  { color:blue;  text-decoration: none;    text-indent: 30px; font-size: medium;}

#bottombar        { width: 100%;    
                  margin: 20px 0px 0px 0px; text-indent: 0px;
                  padding: 10px 0px 10px 0px; background-color:white;
                  position: relative; top: 0px; right: 0px; left: 0px;
                  border-style:dashed; border-color: green; border:  1px;
                  text-align: center;
                  }    
                  
                               
#bottombar ul     { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
                  display : inline; position: relative; text-indent: 0px;
                  border-style:dashed; border-color: black; border:  1px;
                   text-align: center; }
                   
#bottombar li      { display :  inline;   text-indent: -10px;
                    padding : 0px 0px 0px 0px; font-size:x-small;
                    
                    margin: 0px 2px 0px 2px;
                    text-align:   center;
                    
                    width: 0%; border-width: 1px; 
                    border-left-style:solid; border-left-color:Black;   
                   border-right-style:solid; border-right-color:Black;
                   background-color:khaki;}
/* alignment classes */                   
.float-right {	float: right; 
                border-style:none; border-color: black; border:  1px;
}