/* CSS Document */

body {
background-image: url(grafs/bg.jpg);
text-align: center;
font-family: Verdana,Arial,Helvetica,sans-serif;
}

a:link, a:visited {
color: blue;
text-decoration: none;
}
a:hover, a:active {
color: red;
text-decoration: none;
}

img {
border: 0;
}

p {
font-size: 16px;
}

h1 {
text-align: center;
font-size: 30px;
margin-top: 5px;
}

h5 {
text-align: center;
font-weight: normal;
font-size: 20px;
}
#content {
text-align: left;
margin-left: auto;
margin-right: auto;
width: 80%;
background-color: #FFE3A1;
padding: 10px;
margin-top: 15px;
}

.inlineImage {
border: 1px solid rgb(0,0,0); margin: 1em;
}


.center {
text-align: center;
margin-left: auto;
margin-right: auto
}

.menuText {
display: none;
}

#beadList { float: left; width: 300px; }
.pageList { list-style: none; }
.pageList li { margin: .5em; }


#about { background: url("grafs/about.gif") top center no-repeat; height: 18px; display: inline; }
#about:hover, #about:active { background-position: 0 -18px; }
#about img { height: 18px; width: 73px; }
#beads { background: url("grafs/beads.gif") top center no-repeat; height: 18px; display: inline;}
#beads:hover, #beads:active { background-position: center -18px; }
#beads img { height: 18px; width: 59px; }
#rugs { background: url("grafs/rugs.gif") top center no-repeat; height: 18px; display: inline;}
#rugs:hover, #rugs:active { background-position: center -18px; }
#rugs img { height: 18px; width: 53px; }
#jewelry { background: url("grafs/jewelry.gif") top center no-repeat; height: 18px; display: inline;}
#jewelry:hover, #jewelry:active { background-position: center -18px; }
#jewelry img { height: 18px; width: 80px; }
#textiles { background: url("grafs/textiles.gif") top center no-repeat; height: 18px; display: inline;}
#textiles:hover, #textiles:active { background-position: center -18px; }
#textiles img { height: 18px; width: 84px; }
#sacred { background: url("grafs/treasures.gif") top center no-repeat; height: 18px; display: inline;}
#sacred:hover, #sacred:active { background-position: center -18px; }
#sacred img { height: 18px; width: 109px; }
#etc { background: url("grafs/other.gif") top center no-repeat; height: 18px; display: inline;}
#etc:hover, #etc:active { background-position: center -18px; }
#etc img { height: 18px; width: 71px; }

ul#headMenu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline;

}

li.headMenuItem  {
  text-indent: 0px;
  display: inline;
  margin-right: 15px;
}

img.photo {
background-color: white;
padding: 5px;
border: 1px solid black;
margin: 15px 10px 5px 10px;
}

/* linked image behavior */
a:link img.photo {
padding: 5px;
background-color: white !important;
border: 1px solid blue;
}

a:visited img.photo {
padding: 5px;
background-color: white !important;
border: 1px solid blue;
}

a:hover img.photo {
padding: 5px;
background-color: black !important;
border: 1px solid yellow;
}

a:active img.photo {
padding: 5px;
background-color: black;
border: 1px solid white;
}

div.footer {
width: 600px;
text-align: center;
background-color: #FF8A51;
padding: 7px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
border: 2px solid black;
}