body {
   color: #fff; background: #000;
   font: 95%/1.3 georgia, serif;
   margin: 0; padding: 0;
}

table {
   font: 100%/1.3 georgia, serif;
   border-collapse: collapse;
   empty-cells: show;
   width: 100%;
}

table td {
   vertical-align: top;
   padding: 0px;
}

a {
   color: #ffb700;
   font-style: italic;
}

a:link, a:visited {
   text-decoration: none;
}

a:hover, a:active {
   text-decoration: underline;
}

a img {
   border-width: 0;
}

img {
   display: block;
}

img.arrow {
   width: 14px; height: 7px;
   margin: 0 0 0 8px;
   display: inline;
}

img.arrowy {
   width: 14px; height: 7px;
   margin: 0 8px 0 0;
   display: inline;
}

img.bullet {
   width: 7px; height: 5px;
   padding: 2px 0; margin: 0 5px 0 18px;
   display: inline;
}

p {
   margin: 1em 0 0 0; padding: 0;
}

ul, ol {
   padding: 0; margin: 1em 0 0 3em;
}

li {
   margin-top: 0.2em;
}

ul {
   text-indent: -25px;
   list-style: none;
}

ul img {
   width: 7px; height: 5px;
   margin: 10px 18px 2px 0;
   display: inline;
}

h1 {
   font-size: 155%; font-weight: normal;
   margin: 0 0 0.5em 0;
}

h2 {
   font-size: 120%; font-weight: normal;
   margin: 1em 0 0.5em 0;
}

h3 {
   font-size: 100%;
   margin: 1.5em 0 0.5em 0;
}

h4 {
   color: #fff1cc;
   font-size: 75%; font-weight: normal;
   margin: 0;
}

form {
   margin: 0;
}

textarea, input.text {
   color: #fff; background: #000;
   font: 100%/1.1 georgia, serif;
   border: #8e6500 1px solid;
   padding: 0 3px;
   display: block;
}

div.line {
   margin: 1px 0;
}

div.underline {
   margin-left: 150px;
}

div.clear {
   border-top: #000 1px solid;
   clear: both;
}

* html div.clear {
   height: 0;
}


div.relative {
   position: relative;
}

span.nobr {
   white-space: nowrap;
}

.light {
   color: #ff5533;
}

.small {
   font-size: 75%;
}

.bold {
   font-weight: bold;
}

.illustration {
	margin: 1.5em 0;
   height: 190px;
   position: relative;
}

.illustration div.image {
   background: url(graph/border.gif) no-repeat;
   padding: 2px;
}

ul li .illustration div.image img {
   width: 280px !important; height: 186px !important;
	margin: 0 !important;
   display: block !important;
}

.illustration div.comment {
   font-size: 95%;
   background: url(graph/border_comment.gif) left bottom no-repeat;
   padding: 0 0 15px 18px;
   position: absolute; left: 286px; bottom: 0;
}

.sample {
   background: url(graph/border_sample.gif) no-repeat;
   padding: 2px;
}

.photo {
   background: url(graph/border_photo.gif) no-repeat;
   padding: 2px;
}

