#container {
  direction: ltr;
  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  list-style-type: none;
  background-color: #ffffff;
  margin: 0 auto;
  padding: 0;
  color: #991a1a;
  width: 960px;
  text-align: right;

  
}

a:link {
  color: #2a2ff5;
}







a:visited {
  color: #2b9218;
}
a:hover {
  color: #2ae3a2;
}
a:active {
  color: #7f1892;
}

a.highlite:link {
  color: blue;
} 
a.highlite:visited {
  color: purple;

} 
a.highlite:hover {
  color: red;

}

a.highlite:active {
  
  color: pink;
  
}





.clear {
  clear: left;
}

.center  {
  text-align: center;
  padding: 0 10px 0 160px;  
}  


html {
  margin: auto;
}
    
body {
  background-color: #f0d0d0;
}


img.floatLeft {
  float: left;
  padding: 10px 10px 0 0;
}

img.floatRight {
  float: right;
  padding-left: 10px;
}



#nav {
  background-color: #ffffff;
  width: 150px;
  font-weight: 300;
  text-align: center;
  list-style-type: none;
  font-size: 85%;
  line-height: 140%;
  float: left;
  position: fixed;
}


#nav2 {
  background-color: #ffffff;
  width: 150px;
  line-height: 110%;
  font-size: 80%;
  text-align: center;
  list-style-type: none;
  
  float: left;
}


#topbanner {
  max-width: 650px;
  max-height: 140px;
}

#content {
  text-align: center;
  font-weight: normal;
  font-size: 100%;
  line-height: 150%;
  background-color: #ffffff;
  color: #991a1a;
  list-style-type: none;
  width: 790px;
  padding: 0 10px 0 160px;
        margin: 0 auto;
}





#content2 {
  text-align: left;
  text-indent: 20px;
  background-color: #ffffff;
  font-weight: normal;
  font-size: 100%;
  color: #991a1a;
  line-height: 150%;
  list-style-type: none;
  width: 790px;
  padding: 0 10px 0 160px;
}

#content2 img {
  /* Anything you put here will only apply to the images in #content2 */
  display: block;
  margin-left: auto;
  margin-right: auto
}

#content2 h1, h2, h3, h4, h5 {
  text-align: center;
}


#content3 {
  /* This is same as content2 but not indented */     
  text-align: left;
  background-color: #ffffff;
  font-weight: normal;
  color: #991a1a;
  line-height: 120%;
  list-style-type: none;
  width: 790px;
  padding: 0 10px 0 160px;
  margin: 0 auto;


}

#photogallery {
  padding: 0 50px;
}

.photogallery {
  padding: 0 50px;
}


div.img {
  background-color: #ffffff;
 
  height: 180px;
  width: 230px;
  float: left;
  text-align: center;
 
  overflow:auto;
  
  
}


div.img img {
  background-color: #ffffff;
display: inline;
} 

div.desc {
  text-align: center;
  font-size: 90%;
  width: 195px;
  line-height: 110%;
  padding: 5px 10px 0 5px;
}

div.img2 {
  background-color: #ffffff;
 
  height: 340px;
  width: 230px;
  float: left;
  text-align: center;
  
  overflow: auto;
}


div.desc2 {
  text-align: center;
  font-size: 90%;
  width: 180px;
  line-height: 110%;
  padding: 5px 10px 0 5px;
}

div.img3 {
  background-color: #ffffff;
 
  height: 300px;
  width: 230px;
  float: left;
  text-align: center;
  
  overflow: auto;
}




#footer {

text-align: center;
  list-style-type: none;
  background-color: #ffffff;
  color: #991a1a;
  font-size: small;
  font-weight: normal;
  line-height: 100%;
  width: 500px;
  padding: 10px 10px 0 10px;
  border-style: dotted dotted dotted dotted;
  margin: 10px 10px 10px 290px;

}


#footer2 {

       
        float: left;
        text-align: center;
  list-style-type: none;
  background-color: #ffffff;
  color: #991a1a;
  font-size: small;
  font-weight: normal;
  line-height: 100%;
width: 500px;
  padding: 0 10px 0 10px;
  border-style: dotted dotted dotted dotted;
  margin: 10px 10px 10px 290px;

}



#footer3 {

       
        float: left;
        text-align: center;
  list-style-type: none;
  background-color: #ffffff;
  color: #991a1a;
  font-size: small;
  font-weight: normal;
  line-height: 100%;
width: 500px;
  padding: 0 10px 0 10px;
  border-style: dotted dotted dotted dotted;
  margin: 10px 10px 10px 150px;

}