BODY {

  font-family: Ariel, Helvetica, sans-serif;

  font-size: 10pt;

  font-weight: bold;

  color: #000000;

  background-image: url("../images/shibumiback.png");

  background-repeat: repeat-y;

  margin-left: 10pt;

  height: auto;

}



H1,H2,H3 {padding-bottom: 0em;}



.banner{font-size: 4em; font-style: italic;}

.tagline{font-family: monospace; font-weight: bold}

.headline {font-size: 2.0em; text-align: left;}

.subhead  {font-size: 1.5em; text-align: left; }

.copy{line-height: 1.25em; text-indent: .5em;}

.acronym {font-variant: small-caps;}

.foot{font-size: small; font-style: italic;}

.footBold{font-size: small; font-style: italic; font-weight: bold;}

.mycolor {color: #6732BA;}



img.left {float: left; margin: 1em}

img.right {float: right; margin: 1em}



#header  {position: fixed; width: 100%;  height: 125px;  top: 0;    right: 0;    bottom: auto;  left: 10pt;}

#sidebar {position: fixed; width: 200px;  height: auto; top: 150px;  right: auto; bottom: 100px; left: 10pt;}

#main    {position: fixed; width: auto;  height: auto; top: 125px;  right: 5%;  bottom: 100px; left: 250px;}

#footer  {position: fixed; width: 75%;   height: auto; top: auto; right: 25%;  bottom: 0;     left: 10pt;}



DIV.contact {margin-left: 250pt; margin-right: 30pt;}



P {font-size: 100%; text-indent: 0em; text-align: left; line-height: 125%; word-spacing: 2pt;}

P.p1 {text-indent: 0em;}

P.p1:first-letter {font-size: 125%; font-weight: bold; border: dotted thin black; padding: 0pt 5pt; margin: 2pt;}





DIV.fixed {

  position: fixed;

  left: 10px;

  top: 10px;

  width: 100px;

  height: 200px;

  padding-top: .5em;

  padding-left: .5em;

  background-color: #cccccc;

  text-align: center;

}



DIV.content {

  position: absolute;

  left: 130px;

}



DIV.title {

  position: fixed;

  left: 10px;

  top: 10px;

  width: 100%;

  height: 200px;

  font-size: 150%;

  letter-spacing: 4pt;

  text-transform: capitalize;

}



DIV.author {

  text-align: center; 

  font-size: 125%;

  font-style: italic;

  padding-bottom: 6pt;

  text-transform: capitalize;

}





a:link    { color: rgb(0, 0, 153) }   /* for unvisited links */

a:visited { color: rgb(153, 0, 153) } /* for visited links */

a:active  { color: rgb(255, 0, 102) } /* when link is clicked */

a:hover   { color: rgb(0, 96, 255) }  /* when mouse is over link */



SPREADHSEET {DISPLAY: table}

NAME {display: table-caption}

ROW {display: table-row}

CELL {display: table-cell}