@import url("/include/style.css");
body {
  background-color: #ffffe0;
  color: #202020;
}

div#header {
  background-image: url('ch12.jpg') ;
  background-repeat: no-repeat;
  background-position: 95% 100%;
}

div#toplinks {
  background-color: #e85828;
  background-image: url('ch2.jpg') ;
  background-repeat: no-repeat;
  background-position: 95% 100%;
}

div#toplinks a, div#toplinks a:visited, div#toplinks a:hover {
  color: white;
  display: inline-block;
  margin: 0 0 0 1px;
  padding: 1px 15px;
  text-decoration: none;
}

div#toplinks a:hover, div#toplinks a.active, div#toplinks a.active:visited {
  color: black;
  background-color: #FAF4B5;
  vertical-align: bottom;
}


h1 {
  color: #B82020;
 }

h1 span {
  color: #B82020;
}

h1 a, h1 a:hover, h1 a:visited {
  color: #B82020;
}

div.navidots {
   background-color: #FEF0B8;
  background-image: url('ch3_.jpg') ;
  background-repeat: no-repeat;
  background-position: 95% 0%;
}

/*Bottom String with Links*/
div.bottomlinks  {
  border: 1px solid #b82020;
  background-color: #e85828;
}

#copyright {
  color: #FF6600;
}


/*style*/

a, a:visited, a:hover {
  color: #b82020;
}

/* headers */

h2 {
  color: #b82020;
}

/* big text about something */
span.imginline {
  color: #b2b4bf;
}


/* index page main text */
table.icontent td.pic {
  border-top: 1px solid #FFBE5E;
}
table.icontent td.linegreen {
  border: 1px solid #FFE090;
}
table.icontent td.linegrey {
  background-color: #FFE090;
  border: 1 solid #FFBE5E;
 }
 
table.icontent td.text {
  border-top: 0px solid #FFBE5E;
}

table.icontent td.pic img {
  border-left: 10px solid #FFE090;
}

ul.indextop li {
  border: 0 solid #FFBE5E;
   border-width: 1px 0 0 0;
}

ul.indextop li span.subitem a:hover {
  text-decoration: underline;
}

div.itsheet {
  clear: both;
}
/*Catalog. List of items*/
div.itsheet div {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 200px;
  margin: 10px 10px 25px 10px;
  font-size: 80%;
  color: #996600;
}

div.itsheet div a img {
  padding: 4px; 
  background: #ffe090; 
  border: 2px solid #FFBE5E; 
  margin: 0 auto;
}

div.item_text a, div.item_text a:hover, div.item_text a:visited {
  text-decoration: none
}

div.item_text .item_next, div.item_text .item_prev, div.item_text span.punxsutawney {
  font-size: 10pt;
  display: block;
  max-width: 250px;
  max-height: 1.3em;
  overflow: hidden;
  margin: 0;
}

div.item_text .item_next {
  float: right;
  text-align: right;
  padding: 0 1px 0 0;
}

div.item_text .item_prev {
  float: left;
  text-align: left;
  padding: 0 0 0 1px;
}

div.item_text a {
  font-size: 10pt;

}

div.item_text b {
  color: #B82020;
}

div.item_image {
  margin: 0;
  padding: 0;
  text-align: center;
}

div.item_image a {
  background: cyan;
}

div.item_image a img {
  border: 0 solid #ffe090;
  border-width: 0 1px;
  margin: 0 auto;
  padding: 0;
  display: block;
}

div.item_image span {
  display: block;
  width: 600px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  font-size: 80%;
}

div.item_text {
  margin: 5px auto;
  padding: 3px 1px;
  border: 0 solid #FFBE5E;
  border-width: 0 0 1px 0;
  text-align: center;
  font-size: 90%;
  max-width: 800px;
}

div.item_more_images {
  text-align: center;
  max-width: 800px;
  margin: 10px auto;
}

div.item_more_images a {
  margin: 0 8px;
  display:inline-block;
  padding: 0;
}

div.item_more_images a img {
  margin: 0;
  padding: 0;
  border: 1px solid #ffe090;
}
/*List of catalogs*/
/*library*/

div.book_short div.i {
height: 120px;
  padding: 0;
  border: 2px solid #ffe090;
  background: #FFE090;
  text-align: right;
  clear: left;
  width: 120px;
  padding: 0;
  margin: 0 10px 40px 0;
  overflow: hidden;
}

/*pixa*/
div#pixapop {
  border: 1px solid #808080;
  background: #f0f0f0;
 }