body { 
  font-family: sans-serif, Verdana, Arial, Helvetica;
  font-size: 100%;
  background-color: black;
  color: white;
  }

a { 
 text-decoration: underline;}
a:visited {
  color: black;
  background-color: white;}
a:link { 
  color: black;
  background-color: white;}
a:hover {
  color: white;
  background-color: black;}
a.exturl {
  background-image: url(/~satorchi/external.png);
  background-position: center right;
  background-repeat: no-repeat;
  padding: 1px 13px 1px 0px;
  text-decoration:underline;
}

img { 
  border-style: none;}

a.picture { 
  border-style: none;
  border-width: 0px;
  padding: 0px;
  text-decoration: none; }
a.picture:visited { 
  border-style: none;
  border-width: 0px;
  padding: 0px;
  color: white;
  background-color: white;}
a.picture:link { 
  border-style: none;
  border-width: 0px;
  padding: 0px;
  color: white;
  background-color: white;}
a.picture:hover { 
  border-style: none;
  border-width: 0px;
  padding: 0px;
  color: #f4a460;
  background-color: white;}

h1 { font-size: 200%; text-align: center;}
h2 { font-size: 150%; text-align: center;}
h3 { font-size: 100%; font-weight: bold; text-align: center;}
h4 { font-size:  75%; font-weight: bold; text-align: left;}

table {
 background-color:transparent;
 border-style:none;
 border-width: 0px;
 width: 100%;
 padding: 0px;
 margin:0px;
 clear:none;}

tr {
 clear:none;}

td { 
 background-color: transparent;
 vertical-align: top;
 padding: 0px;
 clear:none; }


div {
 clear:none;
}

li {
 text-align: left;
 padding-bottom: 1ex; }

#Page {
 width: 812px;
 font-size:100%;
 margin-top:0px;
 margin-bottom:auto;
 margin-left:auto;
 margin-right:auto;
 border-width: 1px;
 border-style: solid;
 border-color: #f4a460;
 padding: 2px;
 background-color:transparent;
}

table.grid {
 padding: 1px;
 background-color: black;
 color: white;}
th.grid {
 text-align:center;
 padding: 1px;
 background-color: black;
 color: white;}
td.grid {
 padding:2px;
 text-align:left;
 color: black;
 background-color: white;}
td.gridright {
 padding:2px;
 text-align:right;
 color: black;
 background-color: white;}

td.textlist {
 padding-top:2em;
 padding-bottom:2em;
  padding-left:1ex;
  padding-right:1ex;
 text-align:center;
 vertical-align:middle;
 color: black;
 background-color: white;}
a.pdflink {
  border-style:none;
  text-decoration:none;
  color: black;
  background-color: white;}
a.pdflink:hover{
  color:white;
  background-color:black;
  text-decoration:underline;}
div.pdflink {
  background-image: url(/~satorchi/pdf.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  padding-right: 32px;
  padding-top: 32px;
  display:block;
}
div.pdflink:hover{
  background-color:black;
  color:white;
}
div.ziplink {
  background-image: url(/~satorchi/zip.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  padding-right: 32px;
  padding-top: 32px;
  display:block;
}
div.ziplink:hover{
  background-color:black;
  color:white;
}
div.htmlink {
  background-image: url(/~satorchi/htm.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  padding-right: 32px;
  padding-top: 32px;
  display:block;
}
div.htmlink:hover{
  background-color:black;
  color:white;
}
div.nopdflink {
  padding-right: 32px;
  padding-top: 32px;
  display:block;
}
  

td.linktable {
 display:table-cell;
 vertical-align:middle;
 height:7em;
 padding:2px;
 text-align:left;
 color: black;
 background-color: white;}
td.linktableright {
 display:table-cell;
 vertical-align:middle;
 padding:2px;
 text-align:right;
 color: black;
 background-color: white;}
a.linktable {
  height:7em;
  display:table-cell;
  vertical-align:middle;
  padding:2px;
  text-decoration:none;
  display:block;
  border-style:solid;
  border-width:2px;
  border-color:white;}
a.linktable:hover{
  border-color:white;
  background-color:white;
  color:black;
}
a.extlinktable {
  height:7em;
  background-image: url(/~satorchi/external.png);
  background-position: top right;
  background-repeat: no-repeat;
  padding: 1px 13px 1px 0px;
  text-decoration:none;
  display:block;
  border-style:solid;
  border-width:2px;
  border-color:white;}
a.extlinktable:hover{
  border-color:white;
  background-color:white;
 color:black;}

#Title {
 height:108px;
 text-align:center;
 vertical-align:middle;
 font-size:200%;
 padding:0px;
 border-style:solid;
 border-width:1px;
 border-color:#f4a460;
 color:white;
 background-color:transparent;
}

#MainText {
 margin-left:9.5em;
 text-align: justify;
 line-height:1.3;
 background-color: white;
 color: black; 
 padding-top: 2px;
 padding-bottom: 2px;
 padding-left: 2px;
 padding-right: 8px;
 border-style:none;
 border-width:1px;
 border-color:#f4a460;}

div.banner {
 margin-left:auto;
 margin-right:auto;
 margin-top:2px;
 margin-bottom:2px;
 text-align: center;
 font-size: 100%;
 font-weight: bold;
 text-decoration: none;
 background-color:transparent;
 color: white; 
 border-spacing: 0px;
 border-width:2px;
 border-style:solid;
 border-color:#f4a460;
 padding-left: 0px;
  padding-right:0px;
  padding-bottom:0px;
  padding-top:0px;
width:16em;
display:block;
}
a.banner {
 color: white;
 background-color: transparent;
 display: block;
 text-decoration: none; }
a.banner:visited { 
  color: white;}
a.banner:link { 
  color: white; }
a.banner:hover {
  color: black;
  background-color: white;}

td.logo {
 width: 139px;
 height: 104px;
 border-style:none;
 background-color:transparent;
 padding:0px;
  padding-right:4px;
 margin:0px;
}

img.logo {
 padding: 0px;
 width: 135px;
 height: 100px;
 border-style: none;}

a.logo {
position:static;
 float:left;
 width:139px;
 height:104px;
 border-style: solid;
 border-width: 2px;
 border-color:transparent;
 padding: 0px;
 text-decoration: none;
 background-color: transparent;}
a.logo:hover { 
 border-color:#f4a460;
}
a.projectLogo {
 position:static;
 float:right;
 width:140px;
 height:108px;
 border-style: solid;
 border-width: 2px;
 border-color:transparent;
 padding: 0px;
 text-decoration: none;
 background-color: transparent;}
a.projectLogo:hover { 
 border-color:#f4a460;
}
td.projectLogo {
 width: 144px;
 height: 112px;
 border-style:none;
 background-color:transparent;
 padding:0px;
  padding-left:4px;
 margin:0px;
}

img.projectLogo {
 padding: 0px;
 width: 140px;
 height: 108px;
 border-style: none;}

td.thumb { 
 font-size: 80%;
 text-align: center;
 padding-left: 0px;
 padding-right: 0px;
 padding-top: 0px;
 padding-bottom: 0px; }
img.thumb { 
 padding-top: 0px;
 padding-right: 0px;
 padding-left: 0px;
 padding-bottom: 0px;
 border-style: solid;
 border-width: 2px;
 border-color: white;}
img.thumb:hover { 
 border-color: #f4a460;}

.Reverse {
 background-color: black;
 color: white;}

a.Reverse { 
 display: block;
 text-decoration: none; }

a.Reverse:visited {
 background-color: black;
 color: white;}

a.Reverse:link { 
 background-color: black;
 color: white;}

a.Reverse:hover {
 color: black;
 background-color: white;}

div.contactInfo {
 clear:both; 
 text-align: left;
 font-size: 90%;
 background-color: transparent;
 color: white; 
 padding: 3px;
border-style:none;
}
a.contactInfo { 
 text-decoration: underline; }
a.contactInfo:visited {
  background-color: transparent;
  color: white;}
a.contactInfo:link { 
  background-color: transparent;
  color: white; }
a.contactInfo:hover {
  color: black;
  background-color: white;}

ul.menu {
 position:relative;
 margin-top:2px;
 margin-left:2px;
 margin-right:0px;
 margin-bottom:0px;
 float:left;
 width: 9em;
 padding:0px;
 border-style:none;
 color: black;
 background-color: transparent;
 text-align: left;
 list-style-type:none; 
}
li.menu {
 display:block;
 font-size: 85%;
 margin-bottom:0px;
 border-style:none;
 padding:1px;
}
li.menuHeader {
 display:block;
 color: black;
 background-color: white;
 text-align: center;
 list-style-type:none; 
 font-size: 85%;
 margin-bottom:1px;
 margin-top:1px;
 margin-left:1px;
 margin-right:1px;
 border-style:none;
 padding:1px;
}
ul.menu:hover li {
display:block;
}

a.menu {
 text-decoration: none;
 display: block;
 padding:0px;
 border-style:solid;
 border-color:white;
 border-width:2px;
}
a.menu:visited {
  color: black;
  background-color: white;}
a.menu:link { 
  color: black;
  background-color: white;}
a.menu:hover {
  background-color: black;
  color: white;}

a.menuHere{ 
 text-decoration: none;
 display: block;
 padding:0px;
 border-style:solid;
 border-color:white;
 border-width:2px;
 background-color: black;
 color: white;
}
a.menuHere:hover{ 
  text-decoration: none;
  background-color: black;
  color: white;}

.large { 
 font-size: 120%; }

.small { 
 font-size: 80%; }

.tiny { 
 font-size: 60%; }

.left { 
 text-align: left; }

.floatleft {
 border-style: none;
 padding-top: 0px;
 padding-right: 1em;
 padding-left: 0px;
 padding-bottom: 1ex;
 float: left; }

.centre { 
 text-align: center; }

.text { 
 padding: 2px;
 text-align: justify;
 background-color: white;
 color: black;
 line-height:1.2;
  }

td.middle {
 padding: 4px; 
 text-align: center;
 vertical-align: middle; }

.right { 
 text-align: right; }

.floatright {
 border-style: none;
 padding-top: 1ex;
 padding-right: 0px;
 padding-left: 1em;
 padding-bottom: 1ex;
 float: right; }

div.fullsizedownload {
 margin-left:auto;
 margin-right:1em;
 width:15em;
}
a.fullsizedownload {
 margin-left:auto;
 margin-right:0.2em;
 width:12em;
 display:block;
 text-decoration:none;
  text-align:right;
 padding:0.5em;
  border-style:solid;
  border-width:2px;
  border-color:black;
 color:black;
  background-color:white;}
a.fullsizedownload:hover {
 border-color:white;
 color:white;
 background-color:black;}

td.prevslide {
 padding:0px;
 margin:0px;
 text-align: left;
 vertical-align: middle;
 width: 33%;
  }
a.prevslide {
  height:36px;
  width:5em;
  text-decoration:none;
  display:block;
  padding:0px 0px 0px 36px;
  text-align:left;
  border-style:solid;
  border-width:2px;
  border-color:black;
  display:block;
  background-image: url(/~satorchi/arrow-lt.png);
  background-position: 2px 50%;
  background-repeat: no-repeat;
  background-color: white;
  color: black;
}
a.prevslide:hover {
  background-color:black;
  color:white;
  border-color:white;
}

td.slideindex {
 text-align: center;
 vertical-align: top;
 width: 33%;
 margin:0px;
 padding:0px;
  border-style:none;
  }
a.slideindex {
  width:5em;
  margin-left:auto;
  margin-right:auto;
  text-decoration:none;
  display:block;
  padding:36px 0px 0px 0px;
  text-align:center;
  border-style:solid;
  border-width:2px;
  border-color:black;
  display:block;
  background-image: url(/~satorchi/arrow-up.png);
  background-position: 50% 2px;
  background-repeat: no-repeat;
  background-color: white;
  color: black;
}
a.slideindex:hover {
  background-color:black;
  color:white;
  border-color:white;
}

td.nextslide {
 text-align: right;
 vertical-align: middle; 
 width: 33%;
 padding:0px;
 margin:0px;
  }
a.nextslide {
  height:36px;
  width:5em;
  margin-left:auto;
  margin-right:0px;
  text-decoration:none;
  display:block;
  padding:0px 36px 0px 0px;
  text-align:right;
  border-style:solid;
  border-width:2px;
  border-color:black;
  display:block;
  background-image: url(/~satorchi/arrow-rt.png);
  background-position: 97% 50%;
  background-repeat: no-repeat;
  background-color: white;
  color: black;
}
a.nextslide:hover {
  background-color:black;
  color:white;
  border-color:white;
}

.caption {
  text-align:justify;
  width:25em;
  margin-left:auto;
  margin-right:auto;
 }

img.idphoto {
 float: left;
 padding-top: 0px;
 padding-right: 8px;
 padding-left: 0px;
 padding-bottom: 8px;
 border-style: none;
 border-width: 0px;
 border-color: white;}

.ToForm { 
 visibility:hidden;}

a.changes {
  display:block;
  text-decoration: none;
  padding: 6px;
  text-align:left;
  width:25em;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:2ex;
  margin-top:1ex;
  border-style:solid;
  border-width:4px;
  border-color:#cdcec5;}
a.changes:visited {
  color: white;
  background-color: black;}
a.changes:link { 
  color: white;
  background-color: black;}
a.changes:hover {
  background-color: white;
  color: black;
  border-color:black;}
a.changes b {
  border-style:solid;
  border-width:1px;
  font-weight: bold;
}

div.Selector {
 width:9em;
 display:block;
 margin-left:0.5em;
 margin-right:0.5em;
 margin-top:-1.5ex;
 margin-bottom:0px;
 text-align: center;
 font-size: 90%;
 text-decoration: none;
 background-color: black;
 color: white; 
 border-style:none;
 padding: 0px;}

ul.dropdown {
 list-style-type:none;
 text-align:center;
 width:9em;
 position:absolute;
 padding-left:0px;
 padding-right:0px;
 padding-top:0px;
 padding-bottom:0px;
 margin-right:0px;
 border-style:solid;
 border-width:1px;
 border-color:#f4a460;
 line-height:1.2;
}
li.dropdownHeader {
  display:block;
  list-style-type:none;
  text-align:center;
  font-weight: normal;
  background-color:transparent;
  color: white;
  text-align:center;
  line-height:1.2;
  padding:0px;}
li.dropdown {
 display:none;}
ul.dropdown:hover {
 color:black;
 background-color:white;}
ul.dropdown:hover li.dropdown {
  color:black;
  background-color:white;
  display:block;
  font-weight:normal;
  text-align:left;
  border-style:solid;
  border-width:1px;
  border-color:black;
  line-height:1.1;
  padding:2px;
  }
ul.dropdown:hover li.dropdownHeader {
  color:black;
  background-color:white;
}
a.dropdown{
  display:block;
  text-decoration:none;
  border-style:none;
  color:black;
  background-color:white;
}
a.dropdown:hover{
 color:white;
 background-color:black;
}

a.rightboxedlink {
  margin-top:1ex;
  margin-left:auto;
  margin-right:0px;
  text-align:right;
  font-style:italic;
  border-style:solid;
  border-width:2px;
  border-color:#f4a460;
  display:block;
  text-decoration:none;
  padding:2px;
}
a.leftboxedlink {
  margin-top:1ex;
  margin-left:0px;
  margin-right:auto;
  text-align:left;
  font-style:italic;
  border-style:solid;
  border-width:2px;
  border-color:#f4a460;
  display:block;
  text-decoration:none;
  padding:2px;
}

.commentbox {
 line-height:1.4;
 width:80%;
 margin-left:auto;
 margin-right:0px;
 font-size:80%;
 border-width:1px;
 border-style:dashed;
 padding-left:1em;
 padding-right:1em;
 padding-top:3px;
 padding-bottom:3px;
 font-style:italic; 
}