div.shadow{background-image: url(shadow2.gif);
background-repeat: repeat-y;
  width: 800px;
margin: 0 auto;
padding: 0;
}

/* Googlemap styling. This is where I change the dimensions to suit the position in
the page. */
#map{
width: 478px;
height: 478px;
}

.wrapperB{
    background-color: #eee9e9;
    margin: 0 auto;
    padding: 0;
    width: 750px;
    border-top: 0;
    border-left: solid 1px #191970;
    border-right: solid 1px #191970;
    height: 100%;
    color: #000; 
    }
    
.legend2{
    float: right;
    width: 472px;
    margin: 0;
    padding: 25px;
    color: #555;
    font-family: Verdana, Georgia, Arial ;
    background-color: inherit;
}
    
.legend2 a{
    text-decoration: underline;
    font-weight: normal;
    color: #555;   
}

.legend2 a:visited{
    color: #555;
    font-weight: normal;
}

.legend2 a:hover{
    color: #039;
    font-style: italic;
}

/* CODE FOR ALL PAGES */
  /* horizontal navigation */
  #navcontainer1{
  background-color: inherit;
  width: 750px;
  margin: 0; 
  padding: 0;
  }

    #navcontainer{
   
    margin-top: -17px;

      margin-left: -40px;
      padding: 0;
 }


#navcontainer ul li{
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: block;
    float: left;
    background: url("pics/navImage8_3.gif") repeat-x ;
    background-color: inherit;
    font: 12px/30px verdana, Georgia, Ariel;
    font-weight: bold;
    text-align: center;
}

#navcontainer a{
    color: #000;
    text-decoration: none;
    display: block;
    width: 149px;
    border-top: 1px solid #A8B090;
    border-bottom: 1px solid #A8B090;
    border-left: 1px solid #A8B090;
    margin-left: 0;
    color: #333333;
}

#navcontainer a:hover {
background: url("pics/navImage8b_1.gif") repeat-x;
color: #fff;
background-color:#8b7b8b;
}

body{
   background-color: #eeede5; 
    margin: 0;
}

.header{
background:  url(pics/IMG_0997b_2.jpg) bottom;
    color: #ffffff;
    border-top: 0;
    margin-top: 0;
    font-size: 3em;
    border-bottom: 1px solid #ffffff;
    margin: 0;
    padding: 0;
}

.header2{
  background-image: url(pics/white_header2_7.gif);
  background-repeat: repeat-x;
  font-size: 3em;
  color: #666666;
  border-bottom: 1px solid #ffffff;
  background-color: #fff;
  margin: 0;
}


 #subtitle{
    font-size: .5em;
}
.clear{
    clear: both;
}
.menu{
    padding: 80px 20px;
    width: 170px;
    font-size: 1.2em;
     background-image: url(pics/purpleBack.gif);
    background-repeat: repeat-x;
    background-color: #f4f2f4;
    color: #fff;
    height: 100%;
    border-right: outset 1px #8b7b8b;
    margin: 0;

}
.menu ul{

    background-color: transparent;
    border-bottom: 2px solid #cdb5cd;
    padding-left: 0;
}
 .menu li{

      background-color: inherit;
    list-style: none;
    color: #ffffff;
    border-top: 2px solid #cdb5cd;
    padding: 10px 0;
 }
.menu li a{

    background-color: inherit;
    text-decoration: none;
    color: #ffffff;
}
.menu li a:hover{

    color: #4f2f4f;
    background-color: inherit;
}

#home_image{
border: solid 2px #fff;
margin: 20px;
}

/* SLIDESHOW PAGE */



/* code for the display area  */
.a, .a:visited {color:#000;width:67px; height:50px;}

/* code for the thumbnails */
a.gallery, a.gallery:visited {display:inline; color:#000; text-decoration:none; 
border:1px solid #000; width:67px; height:50px; float:left; margin:3px; 
position:relative; cursor:default;
}
/* assign images to each slide */
a.slidea {background:url(thumbs/castle_small.jpg);}
a.slideb {background:url(thumbs/castle2_small.jpg);}
a.slidec {background:url(thumbs/skippy_small.jpg);}
a.slided {background:url(thumbs/bridgeSt_small.jpg);}
a.slidee {background:url(thumbs/bridgeSt2_small.jpg);}
a.slidef {background:url(thumbs/allisonGreen_small.jpg);}
a.slideg {background:url(thumbs/battleship_small.jpg);}
a.slideh {background:url(thumbs/bowling_small.jpg);}
a.slidei {background:url(thumbs/taylors_small.jpg);}
a.slidej {background:url(thumbs/commonGreen_small.jpg);}
a.slidek {background:url(thumbs/train2_small.jpg);}
a.slidel {background:url(thumbs/train_small.jpg);}

a.slidem {background:url(Gala/Gala_003_small.jpg);}
a.sliden {background:url(Gala/Gala_005_small.jpg);}
a.slidep {background:url(Gala/Gala_010_small.jpg);}
a.slider {background:url(Gala/Gala_011_small.jpg);}
a.slides {background:url(Gala/Gala_012_small.jpg);}
a.slidet {background:url(Gala/Gala_013_small.jpg);}
a.slidev {background:url(Gala/Gala_008_small.jpg);}
a.slidew {background:url(Gala/Gala_009_small.jpg);}
a.slidex {background:url(Gala/Gala_006_small.jpg);}
a.slidey {background:url(Gala/Gala_025_small.jpg);}
a.slidez {background:url(Gala/Gala_020_small.jpg);}
a.slideaa {background:url(Gala/Gala_027_small.jpg);}
                                  
/* code for large photo display */
a.gallery span {visibility:hidden; display:block; position:absolute; width:402px; 
height:302px; top:189px; left:3px; color:#000; background:#ccc; text-align:center; 
border:1px solid #000; font-family:tahoma, geneva, verdana; letter-spacing:1px; cursor:default;}
 
 /* positioning for each of the large pictures in relation to the thumbnails */
a.slidea span {left: 18px; top:123px;}
a.slideb span {left:-57px; top:123px;}
a.slidec span {left:-132px; top:123px;}
a.slided span {left:-205px; top:123px;}
a.slidee span {left:-280px; top:123px;}
a.slidef span {left:-355px; top:123px;}
a.slideg span {left:18px; top:65px;}
a.slideh span {left:-57px; top:65px;}
a.slidei span {left:-132px; top:65px;}
a.slidej span {left:-205px; top:65px;}
a.slidek span {left:-280px; top:65px;}
a.slidel span {left:-355px; top:65px;}
a.slidem span {left:18px; top:-342px;}
a.sliden span {left:-57px; top:-342px;}
a.slidep span {left:-132px; top:-342px;}
a.slider span {left:-205px; top:-342px;}
a.slides span {left:-280px; top:-342px;}
a.slidet span {left:-355px; top:-342px;}
a.slidev span {left:18px; top:-400px;}
a.slidew span {left:-57px; top:-400px;}
a.slidex span {left:-132px; top:-400px;}
a.slidey span {left:-205px; top:-400px;}
a.slidez span {left:-280px; top:-400px;}
a.slideaa span {left:-355px; top:-400px;}


a.gallery:hover {white-space:normal; border:1px solid #000; z-index:100; }
a.gallery:hover span {visibility:visible; z-index:100;}
a.gallery:hover span img { border:1px solid #000; position:relative; z-index:100;}
a.gallery:active, a.gallery:focus {border:1px solid #000; z-index:10;}
a.gallery:active span, a.gallery:focus span{visibility:visible; z-index:10;}
a.gallery:active span img, a.gallery:focus span img{border:1px solid #000; position:relative; z-index:10;}

/* SITEMAP PAGE */

ul.sitemap *{

  list-style-type: none;
}
ul.sitemap{
background-color: inherit;
color: #aaa;
font-size: 18px;
  margin: 0;
  padding: 50px;
}
ul.sitemap li {
  margin: 0 0 4px 0;
  padding: 0;
}
ul.sitemap ul{
  padding-left: 0px;
  margin: 4px 0 4px 0;
}
ul.sitemap ul ul{
  padding-left: 30px;
  margin: 4px 0 4px 0;
}

.sitemap a:link {
padding-left: 30px;
background-image: url('pics/page1.gif');
background-repeat: no-repeat;
text-decoration: none;
}
.sitemap a:visited {
padding-left: 30px;
background-image: url('pics/page3.gif');
background-repeat: no-repeat;
text-decoration: none;
}
.sitemap a:hover {
padding-left: 30px;
background-image: url('../pics/page2.gif');
background-repeat: no-repeat;
text-decoration: underline;
}
.Sitemap a:active {
padding-left: 30px;
background-image: url('pics/page1.gif');
background-repeat: no-repeat;
text-decoration: none;
}

.sitemap ul a:link {
padding-left: 60px;
background-image: url('pics/page1a.gif');
background-repeat: no-repeat;
text-decoration: none;
}
.sitemap ul a:visited {
padding-left: 60px;
background-image: url('pics/page3a.gif');
background-repeat: no-repeat;
text-decoration: none;
}
.sitemap ul a:hover {
padding-left: 60px;
background-image: url('pics/page2a.gif');
background-repeat: no-repeat;
text-decoration: underline;
}
.Sitemap ul a:active {
padding-left: 60px;
background-image: url('pics/page1a.gif');
background-repeat: no-repeat;
text-decoration: none;
}