/* background */

body.index {
  background: white url(background1.png);
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  }
body.other {
  background: white url(background2.png);
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  }

/* general links*/

a {
  text-decoration: none;}
a:link {
  color: navy;}
a:visited {
  color: navy;}
a:active {
  color: navy;}
a:hover {
  color: blue;}
a.current {
  color: blue;
  text-decoration: underline;}

/* header*/
.header {
  text-align: center;
  font-size: 20pt;
  }
.header a {
  padding: 0px 20px 0px 20px;
  }

/* travel menu */
.menu {
  background: #f0f8f8;
  color: blue;
  border: 1px solid navy;
  border-radius: 5px;
  position: absolute;
  left: 620px;
  top: 212px;
  visibility: hidden;
  }
.menu2 {
  background: #f0f8f8;
  color: blue;
  border: 1px solid navy;
  border-radius: 5px;
  position: absolute;
  left: 620px;
  top: 165px;
  visibility: hidden;
  }
.menulist {
  padding: 10px;
  line-height: 0.6; 
  }
.menuitem {
  font-size: 13pt;
  border: 1px solid #f0f8f8;
  }

/*widemaster*/
.wcontainer {
  position: relative;
  width: 1024px;
  height: 600px;
  margin: 0 auto
  }
.wcontrol {
  position: absolute;
  left: 200px;
  top: 0px;
  width: 624px;
  height: 35px;
  text-align: center;
  }
.wpanel {
  position: absolute;
  left: 0px;
  top: 35px;
  width: 1030px;
  height: 115px;
  }
.wimage {
  position: absolute;
  left: 0px;
  top: 150px;
  width: 1024px;
  height: 450px;
  text-align: center;
  }

/*square image*/
.container {
  position: relative;
  width: 1024px;
  height: 700px;
  margin: 0 auto;
  }
.control {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 315px;
  height: 100px;
  }
.panel {
  position: absolute;
  left: 0px;
  top: 100px;
  width: 350px;
  height: 600px;
  }
.mainimage {
  position: absolute;
  left: 350px;
  top: 0px;
  width: 674px;
  height: 700px;
  text-align: center;
  }

/*slidemaster*/
.slcontainer {
  position: relative;
  width: 1024px;
  height: 500px;
  margin: 0 auto;
  }
.slimage {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1024px;
  height: 500px;
  text-align: center;
  }

/* album structure*/
.album {
  position: relative;
  width: 930px;
  height: 500px;
  margin: 0 auto;
  padding-left: 25px;
  }
#container {
  position: relative;
  text-align: center;
  background: white;
  }
#controls {
  position: relative;
  width: 700px;
  height: 30px;
  margin: 0 auto;
  margin-top: 100px;
  font: 18px arial;
  text-align: center;
  }
#controls a {
  padding: 5px 30px 0px 30px;
  }
#picture {
  position: relative;
  margin: 5px;
  padding: 5px;
  background: white;
  }
.slidehead {
  position: relative;
  width: 850px;
  margin: 0 auto;
  }
.slidebtn {
  background: #e0ffff;
  border: 1px solid gray;
  border-radius: 5px;
  text-align: center;
  font: 16px arial;
  float: right;
  padding: 5px;
  margin: 0 auto;
  line-height: 60%;
  }

/*common*/
.subject {
  text-align: center;
  font-size: 16pt;
  color: blue;
  line-height: 50%;
  }
.prev {
  font-size: 14pt;
  float: left;
  }
.next {
  font-size: 14pt;
  float: right;
  }
#caption {
  font-size: 16pt;
  color: blue;
  line-height: 50%;
  }
.caption {
  font-size: 16pt;
  color: blue;
  line-height: 50%;
  }
.btn {
  position: relative;
  height: 50px;
  margin: 0 auto;
  font-size: 16pt;
  color: blue;
  background: #f0f8f8;
  border: 1px solid navy;
  border-radius: 5px;
  }
.thumbnail {
  border: 2px solid white;
  }

.sadnews {
float: left;
width: 500px;
margin-right: 50px;
}
.sadpicture {
float: right;
}

/* footer*/

.footer {
  margin: 50px;
  padding: 30px;
  background: #c6ffff;
  color: blue;
  text-align: center;
  }