html{height: 100%;}
body
{ font-family: verdana, arial, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: 74%;
  background: #F4F4F4 url(img/back_2.png) repeat-x;
  color: #3E4244;
}
h2,h3,h4,h5,h6{ text-align: center; margin: 0px; font-weight: normal}	  
h2 { font-size: 170%; font-weight: bold; margin-bottom: 10px;}
h3 { font-size: 160%; margin-bottom: 10px;}
h4 { font-size: 150%; margin-bottom: 10px; font-family: verdana, tahoma, arial, sans-serif; }
h5 { font-size: 120%; margin-bottom: 10px;}
h6 { font-size: 90%; margin-bottom: 15px;}
p { margin-top: 10px; margin-bottom: 10px; text-indent: 30px; text-align: justify; }
img { border: none; }
li { display: block;}
dd {margin-left: 40px; margin-top: 40px;}
.annotation { font-size: smaller; line-height: 0.98; margin: 30px 30px 5px 50px;}
.epigraph { margin-left: 600px; font-size: smaller; line-height: 0.9; float: right;}
.epigraph_s{ margin-left: 650px; font-size: smaller; line-height: 0.6; float: right;}
.epigraph p { text-indent: 1em; }
.espace { clear: both;}
.author {font-size: 100%; color: #cc6600; float: left; margin-left: 50px}     
.toclink { text-decoration: none; font-weight: bold; font-size: 100%;}
.toc {text-decoration: none; font-weight: bold; line-height:40px; font-size: 120%; text-transform:uppercase;}
 blockquote {padding-top: 5px; color: #990033; }
.poem { margin: 20px; }
.stanza + .stanza { margin-top: 1em; }
.stanza p { text-align: left; text-indent: 50px; font: italic;}
.note { position: relative; top: -0.3em; font-size: smaller; text-decoration: none;}
.props { margin-top: 2em; border: none; border-collapse: collapse; }
.props td { border: solid black 1px; vertical-align: top; padding-left: 0.3em; }
.propsec { text-align: center; font-weight: bolder; border: none !important }
td p { text-indent: 0pt; }
.center { text-align: center; }

#podmenu {margin-left: 4em; font-size: 13px; line-height: 0.98;}
a:link {
text-decoration : none;
color : #333;
background : inherit;
}

a:visited {
text-decoration: none;
color: #555 ;
background: inherit;
}

a:hover {
text-decoration : none;
color : #cc6600;
background : inherit;
}

#main
{ width: 980px;
  margin-left: auto; 
  margin-right: auto;  
}

#logo
{ background: #8D9299 url(img/logo_3.jpg) no-repeat;
 color: #3E4244;

  width: 980px;
  text-align: center;
  height: 100px;
  border-top: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  border-color: #F4F4F4; 
}

#logo h1
{ padding: 30px 0px 0px 19px;
  font-size: 165%;
  font-weight: bold;
  letter-spacing: .3em;
 background-color: transparent;
  color: #F4F4F4; 
  text-decoration: none; 
  float: left;
}


#logo h1 a:active, #logo h1 a:visited, #logo h1 a:link { color: #F8F8F8; text-decoration:none; }

#content
{ width: 962px;
  height: auto;
  padding: 10px;
  background-color: #FFFFFF;
  color: #3E4244; 
  
} 


#footer { 
  margin: auto;
  padding: 5px;
  width: 972px;
  height: auto;
  background-color: #8D9299;
  text-align: center;
  font-weight: bold;
}

#footer a {text-decoration: none; background: #8D9299; color: #3E4244;}
#footer a:hover {background-color: transparent; color: #F4F4F4;}
#footer img { border: none; padding: 0 10px 0 10px;}