body {
  background-color: #707e1c;
  margin: 0px;
  padding: 0px;
}

h1 {
   font-size: 100%;
   }

h2 {
   font-size: 100%;
   }

strong {
  font-style: normal;
  font-weight: bold;
}

em {
    font-style: normal;
    font-weight: bold;
  }

hr{
  border: 0px inset;
  background-color: black;
  height: 2px;
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
}

img {position: absolute;}

/* main navigation */

div#navigation {
  border: 0px solid #93a625;
  color: white;
  background-color: #707e1c;
  padding: 0px;
  position: absolute;
  /*width: 210px;*/
  width: 230px;
}

div.nav, div.subnav{
  background-color: #a8bd2a;
  border: 0px solid #808080;
}

div.nav   {
  margin: 5px 5px 15px 5px;
  padding: 5px;
}

div.nav_title, div.nav_element, div.nav_element_na{
  margin: 5px 0px 0px 0px;
  border: 0px solid #808080;
  padding: 2px 10px 2px 10px;
}

div.nav_title{
  font-weight: bold;
  color: black;
}

div.nav_element   {color: white;}
div.nav_element_na{color: #a8bd2a;}

div.nav    div.nav_title                                  {background-color: #a8bd2a;}
div.nav    div.nav_element, div.nav    div.nav_element_na {background-color: #c1d930;}

div.subnav div.nav_title                                  {background-color: #c1d930;}
div.subnav div.nav_element, div.subnav div.nav_element_na {background-color: #d3ed35; margin-left: 10px;}

div#counter {
  background-color: #c1d930;
  margin-left: 10%;
  margin-right: 10%;
  width: 80%;
  color: black;
  text-align: center;
}

div#content, div#contentp, div#contentl, div#content_text {
  background-image: url('images/sky-gradient.png');
  background-repeat: repeat-x;
  background-color: #707e1c;
  /*background-color: blue;*/
  position: absolute;
  /*left: 210px;*/
  left: 230px;
  border: 0px solid #c1d930;
  /*width: 780px;*/
  width: 760px;
  /*height: 788px;*/
  /*overflow: hidden;*/
  text-align: center;
}

div#contentp, div#contentl {
  background-color: white;
  left: 0px;
  overflow: hidden;
}

/*div#content  {              height: 600px;}*/
div#content {               height: 600px;}

div#contentp {              height: 788px;}

div#contentl {width: 930px; height: 632px;}
/*div#contentl {width: 1000px; height: 650px;}*/

div#ground {
  position: absolute;
  border: 0px solid;
  background-color: #707e1c;
  top: 340px;
  left: 0px;
  /*height: 270px;*/
  height: 220px;
  width: 100%;
}

div#content_text {
  background-image: none;
  background-color: #edf6a5;
  width: 740px;
  min-height: 600px;
  height: auto;
  padding: 10px;
  text-align: center;
}

div#content_graphic {
  position: absolute;
  border: 0px solid red;
  top: 0px;
  left: 0px;
  height: 560px;
  width: 100%;
  overflow: hidden;
}

div#content_bottom {
  position: absolute;
  /*position: static;*/
  border: 0px solid;
  background-color: #a8bd2a;
  /*#707e1c;*/
  /*background-color: white;*/
  top: 560px;
  left: 0px;
  /*height: 50px;*/
  height: auto;
  width: 100%;
  /*padding: 5px;*/
}

/* view index */
img#board  {top:  20px; left:  19px}
img#title  {top:  80px; left: 100px}
img#fred   {top: 220px; left: 519px}
img#ground {top: -59px; left:   0px}

/* thumbs */
img#slide11p, img#slide12p, img#slide13p {top: 127px}
img#slide11l, img#slide12l, img#slide13l {top: 137px}
img#slide21p, img#slide22p, img#slide23p {top: 247px}
img#slide21l, img#slide22l, img#slide23l {top: 257px}

img#slide11p, img#slide21p {left: 125px}
img#slide12p, img#slide22p {left: 255px}
img#slide13p, img#slide23p {left: 385px}

img#slide11l, img#slide21l {left: 115px}
img#slide12l, img#slide22l {left: 245px}
img#slide13l, img#slide23l {left: 375px}

img#thumb11p, img#thumb12p, img#thumb13p {top: 140px}
img#thumb11l, img#thumb12l, img#thumb13l {top: 150px}
img#thumb21p, img#thumb22p, img#thumb23p {top: 260px}
img#thumb21l, img#thumb22l, img#thumb23l {top: 270px}

img#thumb11p, img#thumb21p {left: 140px}
img#thumb12p, img#thumb22p {left: 270px}
img#thumb13p, img#thumb23p {left: 400px}

img#thumb11l, img#thumb21l {left: 130px}
img#thumb12l, img#thumb22l {left: 260px}
img#thumb13l, img#thumb23l {left: 390px}


img#arrow_iprev {top: 400px; left: 264px}
img#arrow_iup   {top: 390px; left: 295px}
img#arrow_inext {top: 400px; left: 320px}


/* view single slide */
img#fingers_left, img#fingers_right {bottom: 215px}
img#fingers_left  { left: -44px;}
img#fingers_right {right: -61px;}

img#arm_leftp, img#arm_rightp {top: 267px}
img#arm_leftp     {left: -120px;}
img#arm_rightp    {left:  578px;}

img#arm_leftl, img#arm_rightl {top: 118px}
img#arm_leftl     {left: -120px;}
img#arm_rightl    {left:  730px;}

img#slide_left_top     {   top: -3px; left: -31px;}
img#slide_left_bottom  {bottom: -3px; left: -48px;}

div#slidep, div#slidel {
  position: absolute;
  top: 20px;
  left: 97px;
  border: 3px solid black;
  background-color: #fff8c4;
  text-align: center;
}

div#slidep {height: 744px; width: 550px;}
div#slidel {height: 594px; width: 700px;}

div#slide_navp, div#slide_navl {
  position: absolute;
  bottom: 10px;
  height: 70px;
  width: 160px;
}

div#slide_navp {left: 195px;}
div#slide_navl {left: 270px;}

img#slide_right_top     {   top:  -3px; right: -31px;}
img#slide_right_bottom  {bottom:  -3px; right: -48px;}

img#big {top:  20px; left: 50px;}

div#name {
  background-color: lightgrey;
  position: absolute;
  bottom: 90px;
  right: 50px;
  text-align: center;
}

div#page_number {
  position: absolute;
  top: 400px;
  left: 450px;
  text-align: center;
}

div#ecard {
  /*background-color: lightgrey;*/
  position: absolute;
  bottom: 90px;
  left: 50px;
  text-align: center;
}

img#arrow_prev {top: 10px; left:  0px;}
img#arrow_up   {top:  0px; left: 55px;}
img#arrow_next {top: 10px; right: 0px;}


/* trunk with notes */

div#trunk, div#trunk_ie, div#trunk2{
  margin-left:80px;
  border: 0px solid red;
  padding-top: 50px;
  /*background-image: url('images/trunk.png');*/
  background-image: url('images/trunk.jpg');  
  background-repeat: repeat-y;
  left: 0px;
  width: 600px;
  min-height: 550px;  
  text-align: center;
}

/*div#trunk2{ height: 550px;}*/
div#trunk2{ height: 600px;}

div.note{
  margin-left: 50px;
  border: 0px outset yellow;
  border-spacing: 0px;
  padding: 0px;
  width: 500px;
  text-align: left;
}

div.note_header, div.note_bottom, div.note_entry{
  border: 0px inset;
  background-position: top;
}

div.note_header, div.note_bottom{
  background-repeat: no-repeat;
}

div.note_header{
  background-image: url('images/notes_top.png');
  margin-left: 11px;
  padding-top: 40px;
  padding-left: 100px;
  text-align: left;
  font-size: x-small;
  height: 35px;
}

div.note_entry{
  /*border: 1px black solid;*/
  background-image: url('images/notes_middle.png');
  background-repeat: repeat-y;
  margin-left: 0px;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 100px;
  padding-right: 100px;
  text-align: center;
  font-size: medium;
}

div.note_bottom{
  background-image: url('images/notes_bottom.png');
  margin-left: -8px;
  font-size: x-small;
  height: 96px;
}

div.big_note, div.big_note_ie{
  margin-left: 0px;
  border: 0px outset yellow;
  border-spacing: 0px;
  padding: 0px;
  width: 600px;
  text-align: left;
}

div.big_note_header, div.big_note_bottom, div.big_note_entry, div.big_note_header_ie, div.big_note_bottom_ie, div.big_note_entry_ie{
  border: 0px solid;
  background-position: top;
  left: 0px;
}

div.big_note_header, div.big_note_bottom, div.big_note_header_ie, div.big_note_bottom_ie{
  background-repeat: no-repeat;
}

div.big_note_header   {background-image: url('images/notes_big_top.png'); height: 35px;}
div.big_note_header_ie{background-image: url('images/notes_big_top.gif'); height: 75px;}

div.big_note_header, div.big_note_header_ie{
  padding-top: 40px;
  padding-left: 100px;
  text-align: left;
  font-size: x-small;
}

div.big_note_entry    {background-image: url('images/notes_big_middle.png');}
div.big_note_entry_ie {background-image: url('images/notes_big_middle.gif');}

div.big_note_entry, div.big_note_entry_ie{
  border: 0px black solid;
  margin-top: 0px;
  background-repeat: repeat-y;
  padding: 25px 80px 25px 80px;
  text-align: center;
  font-size: medium;
  /*overflow: auto;*/
}

div.big_note_text, div.big_note_text_ie {
  border: 0px red solid;
  width: 100%;
  overflow: hidden;
}

div.big_note_bottom    {background-image: url('images/notes_big_bottom.png');}
div.big_note_bottom_ie {background-image: url('images/notes_big_bottom.gif');}

div.big_note_bottom, div.big_note_bottom_ie{
  padding-left: 100px;
  font-size: x-small;
  height: 114px;
}

/* list of articles */
div.article{  
  text-align: left;
}

table.articles{
  border-spacing: 0px 5px;
}

tr.article_odd, tr.article_even {color: black;}

tr.article_odd{background-color: #c1d930;}

tr.article_even{background-color: #d3ed35;}

tr.bottom_links{background-color: #c1d930;}

td.article_image, td.article_description, td.bottom_links{
  padding: 5px;
}

td.article_marker {background-color: #707e1c; width: 16px;}

div.bottom_links{
  background-color: #c1d930;
  padding: 5px;
  height: 45px; 
}

div.bottom_link_left{
  position: static;
  float: left; 
}

div.bottom_link_center{
  position: static;
  text-align: center; 
}

div.bottom_link_right{
  position: static;
  float: right; 
}