  <style type="text/css">
/* the list box list style */
ul.disc {list-style-type: disc}
ul.circle {list-style-type: circle}
ul.square {list-style-type: square}
ul.none {list-style-type: none}

/* The container style */
div.container
{
postion: relative;
width:100%;
min-height: 90%;
height: 90%;
/*border:1px solid red;*/
line-height:170%;
}
/* Header style */
h1.header
{
padding:5;
margin:0;

}
/* style for header */
div.header
{
padding:0.5em;
color:white;
background-color:SkyBlue;
clear:left;
}
/* style main content */
div.content
{
margin-left:180px;
/*border-left:1px solid gray;*/
padding:5em;
}
/* style for footer */
div.footer
{
color:white;
background-color:SkyBlue;
padding:0.8em;
height: 2em;
clear:left;
}
/* style for left navigation */
div.left
{
float:left;
width:180px;
border-right:1px solid gray;
/*margin:0;*/
}
/* link highlight change */
a.three:link {color: Black; text-decoration: none}
a.three:visited {color: Black ; text-decoration: none}
a.three:hover {color: Blue ;text-decoration: underline}
/* to put some dummy text at background */
p.bottom
{
position:fixed;
bottom:50px;
right:55px;
}


#poem
{
font-family: Variable Width;
text-align: left;
font-weight: bold;
font-size :13pt;

}


#poem p
{
 /*color:#cc0000;*/
 color:#990000;
 border: 1px solid #333;
 margin:0;
 padding: 1em;
 background-color:LightYellow;
}

#poem header
{
font-weight: bold;
text-align: center;
font-size :18pt;
text-decoration: underline;
color:#990000;
}

#img
{
  opacity:0.7;
  filter:alpha(opacity=40)
  width:150;
  height:113;
}

 </style>

