/* ----------------------------------------------------------- */
/* main-body class for the pages                               */
/* ----------------------------------------------------------- */
.body-main{
 margin-left:5%;
 margin-right: 5%;
 margin-top:25px;
 background-color:olive;
 border-style:none;
 border-width:3px;
 border-color:olive}
/* ----------------------------------------------------------- */
/* various header classes                                      */
/* ----------------------------------------------------------- */
.header-one{
 font-size:200%;
 text-align:center;
 font-weight:bold;
 margin-top:0px;
 margin-bottom:0px}
.header-two{
 font-size:150%;
 text-align:center;
 font-weight:bold;
 margin-top:0px;
 margin-bottom:0px}
.header-three
 {font-size: 110%;
  text-align:center;
  font-weight:bold;
  margin-top:0px;
  margin-bottom:0px}
.header-four
 {font-size: 100%;
  text-align:center;
  font-weight:bold;
  margin-top:0px;
  margin-bottom:0px}
.header-five
 {font-size: 80%;
  text-align:center;
  font-weight:bold;
  margin-top:0px;
  margin-bottom:0px}
/* ----------------------------------------------------------- */
/* various paragraph spacing classes                           */
/* note that these only seem to work if there is a character   */
/* (e.g. non-breaking) contained between the opening and       */
/* closing div tags                                            */
/* ----------------------------------------------------------- */
.std-space{
 font-size:25%;/*adjust the space between paragraphs here */
 margin-top:0px;
 margin-bottom:0em}
.one-em-space{
 font-size:100%;/* theoretically height of 1 em */
 margin-top:0px;
 margin-bottom:0em}
.two-em-space{
 font-size:100%;/* theoretically height of 1 em */
 margin-top:0px;
 margin-bottom:1em}/* plus 1 em to make up 2 em total */
.three-em-space{
 font-size:100%;/* theoretically height of 1 em */
 margin-top:0px;
 margin-bottom:2em}/* plus 2 em to make up 3 em total */
/* ----------------------------------------------------------- */
/* various indentation classes                                 */
/* ----------------------------------------------------------- */
.first-column{
 margin-left:3%;
 margin-right:3%;
 margin-top:0px;
 margin-bottom:0px}
.second-column{
 margin-left:6%;
 margin-right:3%;
 margin-top:0px;
 margin-bottom:0px}
.third-column{
 margin-left:9%;
 margin-right:3%;
 margin-top:0px;
 margin-bottom:0px}
.fourth-column{
 margin-left:12%;
 margin-right:3%;
 margin-top:0px;
 margin-bottom:0px}
.fifth-column{
 margin-left:15%;
 margin-right:3%;
 margin-top:0px;
 margin-bottom:0px}
/* ----------------------------------------------------------- */
/* various indentation classes just for the breadcrumbs        */
/* ----------------------------------------------------------- */
.first-row{
 margin-left:0em;
 margin-top:0px;
 margin-bottom:0px;
 white-space:nowrap;
 text-align:left}
.second-row{
 margin-left:1em;
 margin-top:0px;
 margin-bottom:0px;
 white-space:nowrap;
 text-align:left}
.third-row{
 margin-left:3em;
 margin-top:0px;
 margin-bottom:0px;
 white-space:nowrap;
 text-align:left}
.fourth-row{
 margin-left:5em;
 margin-top:0px;
 margin-bottom:0px;
 white-space:nowrap;
 text-align:left}
/* ----------------------------------------------------------- */
/* various link style classes                                  */
/* ----------------------------------------------------------- */
a.no-underline:link{
 text-decoration:none;
 background-color:transparent}
a.no-underline:visited{
 text-decoration:none;
 background-color:transparent}
a.no-underline:hover{
 text-decoration:none;
 color:olive;
 background-color:#fafffa}
a.no-underline:focus{
 text-decoration:none;
 background-color:transparent}
a.no-underline:active{
 text-decoration:none;
 color:olive;
 background-color:#fafffa}

a.current-link:link{
 text-decoration:none;
 color:#02520b;
 background-color:transparent;
 font-weight:bold}
a.current-link:visited{
 text-decoration:none; 
 color:#02520b;
 background-color:transparent;
 font-weight:bold}
a.current-link:hover{
 text-decoration:none;
 color:olive;
 background-color:#fafffa;
 font-weight:bold}
a.current-link:focus{
 text-decoration:none;
 color:#02520b;
 background-color:transparent;
 font-weight:bold}
a.current-link:active{
 text-decoration:none;
 color:olive;
 background-color:#fafffa;
 font-weight:bold}
 
/* ----------------------------------------------------------- */
/* various table style classes                                 */
/* ----------------------------------------------------------- */
.std-table{
 width:95%;
 border-collapse:separate;
 border-style:none}
.display-table{
 width:750px;
 border-collapse:separate;
 border-style:none}
.description-table{
 width:95%;
 max-width:750px;
 border-collapse:separate;
 border-style:none}
/*.std-cell{ */
/*} */
.breadcrumb{
 border-collapse:separate;
 border-style:inset;
 border-width:2px;
 border-color:olive;
 padding-left:1em;
 padding-right:1em;
 padding-top:0px;
 padding-bottom:0px;
 font-size:72%;
 font-family:sans-serif}
.thumb-frame{
 width:95%;
 border-collapse:separate;
 border-style:none;
 padding-top:0px;
 padding-botton:0px}
/* ----------------------------------------------------------- */
/* various other text style classes                            */
/* ----------------------------------------------------------- */
.plus-one{
 font-size:120%}
.less-one{
 font-size:80%}
.less-two{
 font-size:60%}
/* ----------------------------------------------------------- */
/* various image formatting style classes                      */
/* ----------------------------------------------------------- */
.display-image{
 width:638px;
 border-style:groove;
 border-width:4px;
 border-color:olive;
 border-spacing:0;}
.display-image-fuji-portrait{
 width:479px;
 border-style:groove;
 border-width:4px;
 border-color:olive;
 border-spacing:0;}
.display-image-canon-portrait{
 width:425px;
 border-style:groove;
 border-width:4px;
 border-color:olive;
 border-spacing:0;}
.thumb-link{
 border-style:inset;
 border-width:2px;
 border-color:olive;
 padding:0.25em}