/* a little fish in a big pond */
/*  eleven scrolls stylesheet  */

body {
font-family: "Times New Roman";
background: white url(a.jpg) fixed;
}

/* LEFT BAR */

div.leftbar {
background: black;
position: fixed;
top: 0;
left: 0;
width: 80;
height: 100%;
float: left;
}

img.leftimg {
margin-top: 5;
margin-left: 20;
}

.lefttext {
text-align: center;
margin-top: 0;
margin-left: 0;
margin-right: 0;
font-size: 90%;
color: white;
line-height: 1.5;
}

div.leftbar a {
color: lightgray;
width: 70;
border-style: solid;
border-top-width: 0;
border-left-width: 0;
border-right-width: 0;
border-bottom-width: 1;
padding-left: 0;
padding-right: 0;
}

div.leftbar a:visited {
color: gray;
}

div.leftbar a:hover {
background: lightgrey;
color: black;
}

div.leftbar a.img {
border-style: solid;
border-bottom-width: 0;
}

div.leftbar a.img:hover {
background: black;
}


/* OFFSET WITHIN TEXT TO RIGHT */

div.columns div.offset {
float: right;
width: 220;
margin-left: 10;
margin-right: 0;
margin-top: 20;
padding-top: 5;
padding-bottom: 5;
padding-left: 10;
padding-right: 20;
font-size: 90%;
line-height: 1.5;
background: lightgrey;
}

div.offset {
width: 18%;
position: relative;
left: -40%;
float: left;
font-size: 90%;
line-height: 1.5;
background: white url(a.jpg) fixed;
margin-left: 0;
margin-right: -100%;
margin-top: 0;
padding-top: 5;
padding-bottom: 5;
padding-left: 10;
padding-right: 20;
border-style: solid;
border-top-width: 1;
border-left-width: 1;
border-right-width: 1;
border-bottom-width: 1;
}

h5.offset {
color: black;
font-size: 100%;
text-align: left;
margin-bottom: 0;
margin-left: 10;
margin-right: 10;
}

div.main div.offset p {
margin-left: 10;
margin-right: 0;
text-align: left;
}

/* MAIN */

div.column {
float: left;
clear: right;
width: 48%;
min-width: 250;
margin-right: 2%;
}

div.break {
clear: left;
width: 100%;
}

div.main {
position: absolute;
top: 70;
right: 30;
z-index: 0;
width: 60%;
}

div.main2 {
position: absolute;
top: 70;
right: 30;
z-index: 0;
width: 80%;
}

div.mainhead {
position: fixed;
left: 100;
right: 20;
z-index: 2;
top: 0;
background: white url(a.jpg) fixed;
color: black;
}

h1 {
font-size: 240%;
text-align: center;
margin-top: 8;
margin-bottom: 0;
margin-left: 8;
margin-right: 8;
border-style: solid;
border-top-width: 3;
border-left-width: 0;
border-right-width: 0;
border-bottom-width: 3;
z-index: 2;
}

h2 {
background: white url(a.jpg) fixed;
color: darkblue;
font-size: 240%;
text-align: right;
margin-top: 0;
margin-bottom: 10;
margin-left: 0;
margin-right: 0;
border-style: solid;
border-top-width: 0;
border-left-width: 0;
border-right-width: 0;
border-bottom-width: 2;
}

h3 {
color: darkblue;
font-size: 160%;
text-align: left;
text-transform: uppercase;
margin-bottom: 10;
margin-left: 0;
margin-right: 0;
border-style: solid;
border-top-width: 0;
border-left-width: 0;
border-right-width: 0;
border-bottom-width: 0;
}

h4 {
color: darkblue;
font-size: 120%;
text-align: left;
margin-bottom: 10;
margin-left: 0;
margin-right: 0;
}

h5 {
color: black;
font-size: 100%;
text-align: left;
padding-bottom: 0;
margin-bottom: 10;
margin-left: 0;
margin-right: 0;
}

h6 {
color: black;
font-size: 80%;
text-align: left;
padding-bottom: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}

/* MISCELLANEOUS and UNIVERSAL */

div.main p, div.main2 p {
margin-top: 0;
margin-left: 20;
margin-right: 20;
text-align: justify;
font-size: 100%;
}

ul {
margin-left: 40;
margin-right: 0;
list-style-position: outside
text-align: justify;
font-size: 100%;
}

ul ul {
margin-left: 20;
}

pre {
margin-left: 20;
margin-right: 0;
font-size: 100%;
}

a {
color: blue;
text-decoration: none;
border-style: solid;
border-top-width: 0;
border-left-width: 0;
border-right-width: 0;
border-bottom-width: 1;
}

a:visited {
color: red;
}

a:hover {
background: lightgrey;
}

.downabit {
margin-top: 22;
}

img {
border-style: solid;
border-top-width: 0;
border-left-width: 0;
border-right-width: 0;
border-bottom-width: 0;
}

/* MISCELLANEOUS and UNIVERSAL */
/* Tables */

table {
font-size: 90%;
margin-left: 10;
margin-right: 0;
float: right;
}

td {
border-style: solid;
border-top-width: 0;
border-bottom-width: 1;
border-left-width: 0;
border-right-width: 0;
padding-left: 3;
padding-right: 3;
}

.header td {
background-color: black;
color: white;
border-top-width: 0;
border-bottom-width: 0;
}

.noline {
border-top-width: 0;
border-bottom-width: 0;
}

hr {
margin-top: 20;
margin-bottom: 20;
}

em.c {
text-transform: uppercase;
font-size: 70%;
font-style: normal;
}


