	/* CSS Document for Otley Poets Screen */
/*
a:link {
color: #0000ff;
background-color: transparent;
text-decoration: underline;
}
a:active {
color: #0000ff;
background-color: transparent;
text-decoration: underline;
}
a:visited {
color: #0000ff;
background-color: transparent;
text-decoration:  underline;
}
*/
html {
margin: 0px; padding: 0px; border-style: none;
}
.suma {
background-color: #000000;
color: #ffffff;
border-style: none;
 }

.ltpanel {
   width: 20%;
   height: 100%;
background-color: #000000;
color: #ffffff;
   text-align: left; 
   font-family: "BernardFashion BT", "Baskerville Old Face", "Black Chancery", "BookmanITC Lt BT", "Bookman Old Style", sans-serif;
font-size: 85%;
font-weight: normal;
border-style: none;
  padding: 2%;
margin:0px;
}

.middlepanel {
border-style: none;
  padding: 0%;
margin: 0px;
     color: #ffffff;
  background-color: #5494D4;
  height: 100%;
  vertical-align: top;
  width: 60%;
  text-align: center; 
   font-family: "BernardFashion BT", "Baskerville Old Face", "Black Chancery", "BookmanITC Lt BT", "Bookman Old Style", sans-serif;
font-size: 125%;
font-weight: normal;
 }
.meat {
border-style: none;
  padding: 0%;
margin:50px;
  vertical-align: top;
  width: 80%;
  height: 100%;
  text-align: left; 
}
.rtpanel {
width:20%;
height: 100%;
background-color: #000000;
color: #ffffff;
   text-align: left; 
   font-family: "BernardFashion BT", "Baskerville Old Face", "Black Chancery", "BookmanITC Lt BT", "Bookman Old Style", sans-serif;
font-size: 95%;
font-weight: normal;
border-style: none;
  padding: 2%;
 margin:0px;
}
.headmast {
width: 100%;
text-align: center;
border-style: none;
background-color: transparent;
color: #ffffff;
  padding: 0%;
}
.tail {
width: 100%;
text-align: center;
border-style: none;

   font-family: "BernardFashion BT", "Baskerville Old Face", "Black Chancery", "BookmanITC Lt BT", "Bookman Old Style", sans-serif;
font-size: 75%;
font-weight: normal;
  background-color: transparent;
color: #ffffff;
}
/*	
.headmast {
width: 50%;
margin-left: 25%;
margin-right: 25%;
margin-bottom: 60px;
text-align: center;
border: 1px opx opx opx;
border-color: maroon;
}
.ltpanel {
 float: left; width: 10%;
  border: 0px opx opx opx; 
 padding: opx;
}
.leftpanel {
 float: left; width: 37%;
 padding: 10px;
  }
.middlepanel {
  float: left; 
  color: gray;
  background-color: silver;
  height: 700px;
  vertical-align: bottom;
  width: 1%;
 }
.rightpanel {
 float: left; width: 37%;
  padding: 10px;
 }
.rtpanel {
 float: left; width: 9%; 
 border: 0px opx opx opx; 
 padding: opx;
}
.suma {
background: aqua;
color: navy;
}
#article {
color: maroon;
background-color: silver;
}
.arttext {
margin: 2px;
padding: 5px;
}
.credits {
font-size: 0.6em;
font-variant: small-caps;
font-weight: normal;
color: gray;
background-color: transparent;
}
ul {
list-style-type: none;
}
 p, li{
 font-family: helvetica, courier, sans-serif, monospace;
 font-weight: bolder;
 font-style: italic;
 font-variant: normal;
 color: teal;
 background-color: transparent; 
 text-align: left;
}
h1 {
color: teal;
background-color: lime;
line-height: 3.2em;
}
h2 {
color: navy;
background-color: teal;
text-indent: 0.25in;
}
h3 {
color: maroon;
background-color: gray;
text-transform: uppercase;
}
a:link {
color: #0000ff;
background-color: transparent;
text-decoration: underline;
}
a:active {
color: #0000ff;
background-color: transparent;
text-decoration: underline;
}
a:visited {
color: #0000ff;
background-color: transparent;
text-decoration:  underline;
}
.just {
color: maroon; background-color: yellow; text-align: justify;
}
*/

