body {
    font-family: "Helvetica", "Arial";
    color: black;
    background-color: #cccccc; }


/* for hr at top of page */
hr.tophr {
    color: black;
    height= 4px;
    width="100%" }

/* page header text */
.sheader {
    font-size: 18pt;
    font-weight: bold;
    color: maroon;
    font-family:"Helvetica";
}

/* put border around an image*/
img{
    border-color: maroon;
    border-width: 2px;}

/* put border around an image */
img.leftpad{
     border-color: maroon;
     border-width: 2px;
     margin-left: 20px;
}

/* put border around an image */
img.rightpad{
     border-color: maroon;
     border-width: 2px;
     margin-right: 20px;
}


/* cell background*/
  td {
    background-color: #cccccc;}

  h1 {
    font-family: "Helvetica";
    color: black }
  h2 {
    font-family: Helvetica;
    color: #800000 }
  h3 {
    font-family: Geneva;
    color: yellow }
  h4 {
    font-family: Serif;
    color: red }
  h5 {
    font-family: Times;
    color: aqua }
  h6 {
    font-family: Tahoma;
    color: blue }


/* menu*/
  ul.navbar {
    font-weight: normal;
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 10em;
    left: 2em;
    width: 9em }

  ul.navbar li {
    margin: 0.3em;
    padding: 0.3em; }

  ul.navbar a {
    text-decoration: none }

  a:link {
    color: maroon }

  a:visited {
    color: maroon }


/* change color of font when hovering over option */
.navbar li a:hover, .navbar li a:active{
color: black;
}


address {
    font-family: Helvetica;
    font-size: 9pt;
    color: maroon;
    margin-top: 4em;
    margin-bottom: 0;
    /*padding-top: 1em;*/
    padding-bottom: 0;
}

/* code to enlarge picture when you hover over it */
.thumbnail{
    position: relative;
    z-index: 0;
}

.thumbnail:hover{
    background-color: transparent;
    z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
    position: absolute;
    background-color: maroon;
    padding: 2px;
/*    left: -20px;  */
    visibility: hidden;
    color: black;
    text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
    border-width: 0;
    padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
    visibility: visible;
    top: 0;
    left: -300px; /*position where enlarged image should offset horizontally from left edge of small pic */
}

/* code to enlarge picture  to left when you hover over it */
.thumbnailleft{
    position: relative;
    z-index: 0;
    }

.thumbnailleft:hover{
    background-color: transparent;
    z-index: 50;
    }

.thumbnailleft span{ /*CSS for enlarged image*/
    position: absolute;
    background-color: maroon;
    padding: 2px;
/*    right: -50px;   */
    visibility: hidden;
    color: black;
    text-decoration: none;
}

.thumbnailleft span img{ /*CSS for enlarged image*/
    border-width: 0;
    padding: 2px;
}

.thumbnailleft:hover span{ /*CSS for enlarged image on hover*/
    visibility: visible;
    top: 0;
    right: 60px; /*position where enlarged image should offset horizontally */
}

/* code to enlarge picture  to left when you hover over it */
.thumbnailmult{
    position: relative;
    z-index: 0;
    }

.thumbnailmult:hover{
    background-color: transparent;
    z-index: 50;
    }

.thumbnailmult span{ /*CSS for enlarged image*/
    position: absolute;
    background-color: maroon;
    padding: 2px;
/*    right: -50px;   */
    visibility: hidden;
    color: black;
    text-decoration: none;
}

.thumbnailmult span img{ /*CSS for enlarged image*/
    border-width: 0;
    padding: 2px;
}

.thumbnailmult:hover span{ /*CSS for enlarged image on hover*/
    visibility: visible;
    bottom: 550; 
    left: -100px; /*position where enlarged image should offset horizontally */
}




/* custom home new code   */
/* The containing box for the gallery. */
#container {
    position:relative; 
    width:690px; 
    height:465px; 
    margin:5px auto 0 auto; 
    /*border:1px solid maroon;*/ 
    border:none; 
    }


/* Removing the list bullets and indentation */
#container ul {
    padding:0; 
    margin:0; 
    list-style-type:none; 
    }


/* Remove the images and text from sight */
#container a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#fff;
    }

/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid maroon; 
    margin:1px 2px 1px 2px; 
    text-align:center; 
    cursor:default;
    }

#container a.slideb {
    background:url(greatroomat.jpg); 
    height:72px; 
    width:96px;
    }
* html #container a.slideb {
    width:94px; 
    w\idth:96px;
    }
#container a.slidec {
    background:url(mbackat.jpg); 
    height:72px; 
    width:115px;
    }
* html #container a.slidec {
    width:113px; 
    w\idth:115px;
    }
#container a.slided {
    background:url(oldbackat.jpg); 
    height:72px; 
    width:116px;
    }
* html #container a.slided {
    width:114px; 
    w\idth:116px;
    }
#container a.slidee {
    background:url(arborat.jpg); 
    height:72px; 
    width:96px;
    }
* html #container a.slidee {
    width:94px; 
    w\idth:96px;
    }
#container a.slidef {
    background:url(courtyard1at.jpg); 
    height:117px; 
    width:88px;
    }
* html #container a.slidef {
    width:86px; 
    w\idth:88px;
    }
#container a.slideg {
    background:url(courtyard2at.jpg); 
    height:117px; 
    width:88px;
    }
* html #container a.slideg {
    width:117px; 
    w\idth:88px;
    }
#container a.slideh {
    background:url(chsat.jpg); 
    height:80px; 
    width:104px;
    }
* html #container a.slideh {
    width:102px; 
    w\idth:104px;
    }
#container a.slidei {
    background:url(chtat.jpg); 
    height:80px; 
    width:101px;
    }
* html #container a.slidei {
    width:99px; 
    w\idth:101px;
    }

/*
#container a.slideh {
    background:url(screenat.jpg); 
    height:72px; 
    width:98px;
    }
* html #container a.slideh {
    width:96px; 
    w\idth:98px;
    }
#container a.slidei {
    background:url(billat.jpg); 
    height:72px; 
    width:116px;
    }
* html #container a.slidei {
    width:114px; 
    w\idth:116px;
    }

*/


#container a.slidej {
    background:url(diningat.jpg); 
    height:117px; 
    width:88px;
    }
* html #container a.slidej {
    width:86px; 
    w\idth:88px;
    }
#container a.slidek {
    background:url(doorat.jpg); 
    height:117px; 
    width:88px;
    }
* html #container a.slidek {
    width:86px; 
    w\idth:88px;
    }


/* set the size of the unordered list to neatly house the thumbnails */
#container ul {
    width:250px; 
    height:450px;
    }
#container li {
    float:left;
    }


/* move the thumbnails into the correct position left or right hand side */
#container ul {
    margin:1px; 
    float:left;
    }


/* change the thumbnail border color when hover border disapppears */
#container a.gallery:hover {
    border:1px solid #cccccc; 
    }


/* styling the :hover span */
#container a.gallery:hover span {
    position:absolute; 
    width:400px; 
    height:480px; 
/*    top:15px; */
    left:265px; 
    color:#000;         /* text color under pic */
    background:#cccccc;
    }


#container a.gallery:hover img {
    border:2px solid maroon; 
    float:left; 
    margin-right:5px;
    }

/* display a default image 
#container {
    background:#fff url(../images/back.jpg) 75px 10px no-repeat;
    }
*/


/*******************************************************/

/* custom home new lower container 4-19-10   */
/* The containing box for the second gallery. */
#containerch2 {
    position:relative; 
    width:690px; 
    height:525px; 
    margin:5px auto 0 auto; 
    /*border:1px solid maroon;*/ 
    border:none; 
    }


/* Removing the list bullets and indentation */
#containerch2 ul {
    padding:0; 
    margin:0; 
    list-style-type:none; 
    }


/* Remove the images and text from sight */
#containerch2 a.gallery2 span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#fff;
    }

/* Adding the thumbnail images */
#containerch2 a.gallery2, #containerch2 a.gallery2:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid maroon; 
    margin:1px 2px 1px 2px; 
    text-align:center; 
    cursor:default;
    }

#containerch2 a.slidel {
    background:url(chkat.jpg); 
    height:74px; 
    width:125px;
    }
* html #containerch2 a.slidel {
    width:123px; 
    w\idth:125px;
    }
#containerch2 a.slidem {
    background:url(chlat.jpg); 
    height:77px; 
    width:115px;
    }
* html #containerch2 a.slidem {
    width:113px; 
    w\idth:115px;
    }
#containerch2 a.sliden {
    background:url(chnat.jpg); 
    height:122px; 
    width:92px;
    }
* html #containerch2 a.sliden {
    width:90px; 
    w\idth:92px;
    }
#containerch2 a.slideo {
    background:url(chqat.jpg); 
    height:122px; 
    width:85px;
    }
* html #containerch2 a.slideo {
    width:83px; 
    w\idth:85px;
    }
#containerch2 a.slidep {
    background:url(choat.jpg); 
    height:78px; 
    width:126px;
    }
* html #containerch2 a.slidep {
    width:124px; 
    w\idth:126px;
    }
#containerch2 a.slideq {
    background:url(chpat.jpg); 
    height:78px; 
    width:110px;
    }
* html #containerch2 a.slideq {
    width:108px; 
    w\idth:110px;
    }
#containerch2 a.slider {
    background:url(chmat.jpg); 
    height:72px; 
    width:124px;
    }
* html #containerch2 a.slider {
    width:122px; 
    w\idth:124px;
    }
#containerch2 a.slides {
    background:url(chrat.jpg); 
    height:72px; 
    width:111px;
    }
* html #containerch2 a.slides {
    width:109px; 
    w\idth:111px;
    }
#containerch2 a.slidet {
    background:url(billat.jpg); 
    height:62px; 
    width:99px;
    }
* html #containerch2 a.slidet {
    width:97px; 
    w\idth:99px;
    }



/* set the size of the unordered list to neatly house the thumbnails */
#containerch2 ul {
    width:250px; 
    height:500px;
    }
#containerch2 li {
    float:left;
    }


/* move the thumbnails into the correct position left or right hand side */
#containerch2 ul {
    margin:1px; 
    float:left;
    }


/* change the thumbnail border color when hover border disapppears */
#containerch2 a.gallery2:hover {
    border:1px solid #cccccc; 
    }


/* styling the :hover span */
#containerch2 a.gallery2:hover span {
    position:absolute; 
    width:400px; 
    height:480px; 
/*    top:15px; */
    left:265px; 
    color:#000;         /* text color under pic */
    background:#cccccc;
    }


#containerch2 a.gallery2:hover img {
    border:2px solid maroon; 
    float:left; 
    margin-right:5px;
    }

/* display a default image 
#containerch2 {
    background:#fff url(../images/back.jpg) 75px 10px no-repeat;
    }
*/





/*******************************************************/


/* remodel new code   */
/* The containing box for the gallery. */
#containerrm {
    position:relative; 
    width:690px; 
    height:440px; 
    margin:5px auto 0 auto; 
    /*border:1px solid maroon;*/ 
    border:none; 
    }


/* Removing the list bullets and indentation */
#containerrm ul {
    padding:0; 
    margin:0; 
    list-style-type:none; 
    }


/* Remove the images and text from sight */
#containerrm a.galleryrm span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#fff;
    }

/* Adding the thumbnail images */
#containerrm a.galleryrm, #containerrm a.galleryrm:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid maroon; 
    margin:1px 2px 1px 2px; 
    text-align:center; 
    cursor:default;
    }

#containerrm a.slidea {
    background:url(rm1befat.jpg); 
    height:136px; 
    width:111px;
    }
* html #containerrm a.slidea {
    width:109px; 
    w\idth:111px;
    }
#containerrm a.slideb {
    background:url(rm1aftat.jpg); 
    height:136px; 
    width:111px;
    }
* html #containerrm a.slideb {
    width:109px; 
    w\idth:111px;
    }
#containerrm a.slidec {
    background:url(rm2befat.jpg); 
    height:84px; 
    width:111px;
    }
* html #containerrm a.slidec {
    width:109px; 
    w\idth:111px;
    }
#containerrm a.slided {
    background:url(rm2aftat.jpg); 
    height:84px; 
    width:111px;
    }
* html #containerrm a.slided {
    width:109px; 
    w\idth:111px;
    }
#containerrm a.slidef {
    background:url(rm3aftat.jpg); 
    height:82px; 
    width:111px;
    }
* html #containerrm a.slidef {
    width:109px; 
    w\idth:111px;
    }
#containerrm a.slideh {
    background:url(rm6aftat.jpg); 
    height:82px; 
    width:111px;
    }
* html #containerrm a.slideh {
    width:109px; 
    w\idth:111px;
    }

/* new code 08-01-09  */
#containerrm a.slidei {
    background:url(rm7befat.jpg); 
    height:74px; 
    width:85px;
    }
* html #containerrm a.slidei {
    width:83px; 
    w\idth:85px;
    }
#containerrm a.slidej {
    background:url(rm7aftat.jpg); 
    height:74px; 
    width:118px;
    }
* html #containerrm a.slidej {
    width:116px; 
    w\idth:118px;
    }

#containerrm a.slidek {
    background:url(rm8befat.jpg); 
    height:75px; 
    width:113px;
    }
* html #containerrm a.slidek {
    width:112px; 
    w\idth:113px;
    }
#containerrm a.slidel {
    background:url(rm8aft1at.jpg); 
    height:77px; 
    width:121px;
    }
* html #containerrm a.slidel {
    width:119px; 
    w\idth:121px;
    }
#containerrm a.slidem {
    background:url(rm8aft2at.jpg); 
    height:80px; 
    width:106px;
    }
* html #containerrm a.slidem {
    width:104px; 
    w\idth:106px;
    }



/* new code 08-01-09  */


/* set the size of the unordered list to neatly house the thumbnails */
#containerrm ul {
    width:250px; 
    height:500px;
    }
#containerrm li {
    float:left;
    }


/* move the thumbnails into the correct position left or right hand side */
#containerrm ul {
    margin:15px; 
    float:left;
    }


/* change the thumbnail border color when hover border disapppears */
#containerrm a.galleryrm:hover {
    border:1px solid #cccccc; 
    }


/* styling the :hover span */
#containerrm a.galleryrm:hover span {
    position:absolute; 
    width:400px; 
    height:480px; 
    top:15px; 
    left:265px; 
    color:#000;         /* text color under pic */
    background:#cccccc;
    }


#containerrm a.galleryrm:hover img {
    border:2px solid maroon; 
    float:left; 
    margin-right:5px;
    margin-bottom:10px;  /* leave space betwwen bottom of pic and text */
    }


/* display a default image 
#containerrm {
    background:#fff url(../images/back.jpg) 75px 10px no-repeat;
    }
*/



/* commercial new code   */
/* The containing box for the gallery. */
#containercm {
    position:relative; 
    width:690px; 
    height:250px; 
    margin:5px auto 0 auto; 
    /*border:1px solid maroon;*/ 
    border:none; 
    }


/* Removing the list bullets and indentation */
#containercm ul {
    padding:0; 
    margin:0; 
    list-style-type:none; 
    }


/* Remove the images and text from sight */
#containercm a.gallerycm span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#fff;
    }

/* Adding the thumbnail images */
#containercm a.gallerycm, #containercm a.gallerycm:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid maroon; 
    margin:1px 2px 1px 2px; 
    text-align:center; 
    cursor:default;
    }

#containercm a.slidea {
    background:url(cm2at.jpg); 
    height:73px; 
    width:127px;
    }
* html #containercm a.slidea {
    width:125px; 
    w\idth:127px;
    }
#containercm a.slideb {
    background:url(cm3at.jpg); 
    height:79px; 
    width:125px;
    }
* html #containercm a.slideb {
    width:123px; 
    w\idth:125px;
    }


/* set the size of the unordered list to neatly house the thumbnails */
#containercm ul {
    width:150px; 
    height:250px;
    }
#containercm li {
    float:left;
    }


/* move the thumbnails into the correct position left or right hand side */
#containercm ul {
    margin:1px; 
    float:left;
    }


/* change the thumbnail border color when hover border disapppears */
#containercm a.gallerycm:hover {
    border:1px solid #cccccc; 
    }


/* styling the :hover span */
#containercm a.gallerycm:hover span {
    position:absolute; 
    width:400px; 
    height:480px; 
    top:5px; 
    left:265px; 
    color:#000;         /* text color under pic */
    background:#cccccc;
    }


#containercm a.gallerycm:hover img {
    border:2px solid maroon; 
    float:left; 
    margin-right:5px;
    margin-bottom:10px;  /* leave space betwwen bottom of pic and text */
    }


/* display a default image 
#containercm {
    background:#fff url(../images/back.jpg) 75px 10px no-repeat;
    }
*/