.floatright
{
width: 12em;;
float: right;
margin: 1em;
background-color: #fff;
padding: 3pt;
border: 1px solid #555;
}
 
div.floatleft
{
width: 12em;;
float: left;
margin: 1em;
background-color: #fff;
padding: 3pt;
border: 1px solid #555;
}

div.floatleft img
{
  width: 100%;
  border: 1px solid #555;
}

div.floatright img
{
  width: 100%;
  border: 1px solid #555;
}

div.caption {
  padding: 3px;
  width: 100%;
  color: #555;
  text-align: center;
  font-weight: bold;
}

p { margin-top: 0; }

body {
 color: #ffdddd;
 font-family: Trebuchet MS, sans-serif;
 font-size: 10pt;
 background-color: black; 
 background-attachment : fixed;
 scrollbar-base-color: #000000;
 scrollbar-shadow-color: #ff7c6c;
 scrollbar-darkshadow-color:;
 scrollbar-highlight-color: #ff7c6c;
 scrollbar-track-color: #000000;
 scrollbar-arrow-color: #ff7c6c;
}

p {
	font-size: 10pt;
}

td {
	font-size: 10pt;
}

h1 {
	padding-top: 2em;
	text-align: center;
	color: #ffdddd;
	font-size: 2em;
}

h2 {
	font-size: 1.7em;
	color: #ffdddd;
}

h3 {
	font-size: 1.5em;
	color: #ffdddd;
}

h4 {
	font-size: 1.2em;
	color: #ffdddd;
}

a {
	color: #ff6666;
	text-decoration: none;
}

a:hover {
	color: #ffdddd;
}

hr {
	margin: 1.5em;
	width: 20%;
}

input, textarea {
	background-color: #000000;
	color: #ffdddd;
    text-align: left;
    vertical-align: top;
    font-family: sans-serif, verdana;
    font-size: 80%;
    font-weight: normal;
    font-style: italic;
    border-width: 1px;
    border-color: #ff6666;
}

input.btn {
	text-align: center;
	vertical-align: middle;
    color: #ffdddd;
    font-weight: bold;
    font-style: normal;
    font-size: 100%;
    border-color: #ff6666;
    background-color: #000000;
    margin: 2px;
    padding: 2px;
}