body {
    font-family: Lucida Sans; 
   font-size: 16px;
    line-height: 1.5;
    width:600px; 
    padding:10px;  
    margin: auto ;


}


li:target {
    background-color: #cceeff;
}


.content {
    background-color: #ffffff ;        
    padding:10px;  
}

img {
    max-width:100%;
    height: auto;
}

.red {
    color: red;
}

pre {
    background-color: #eee ;
}
blockquote {
    background-color: #dee ;
    margin-left: 15px ;
    border-left-style: solid;
    border-left-width: thin;
    padding: 1px 10px;
    border-color: #36c;
}

.callout {
    text-align: center; 
    font-family: Times New Roman; 
    color: #439 ;  
    font-size: 25px;
    line-height: 1.5;
    border-top-style: solid;
    border-top-width: thin;
    border-bottom-style: solid;
    border-bottom-width: thin;
}


.indent {
    margin-left: 15px ;
    padding: 1px 10px;
}


code {
    background-color: #dee ;
}

.left-pull { 
    display: block;  
    float: left; 

    width: 30%;     
    padding: 7px 15px; 
    margin-left: 5px; 
    margin-right: 10px;     

    background: #555; 
    color: #bcbcbc; 
    font-family: "Lucida Sans" ;
    font-weight: bold; 
    line-height: 17px; 
    font-size: 15px; 

    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
}

.left-pull3 {
    display: block;
    float: left ; 
    background: #ddd;
    padding: 7px 11px; 
    margin-right: 2em ;
    margin-bottom: 1em; 
    width: 20em ;
    font-weight: bold ;
}

.right-pull { 
    display: block;  
    float: right; 

    width: 30%;     
    padding: 10px 27px; 
    margin-right: 5px; 
    margin-left: 10px;     

    background: #555; 
    color: #bcbcbc; 
    font-family: "Lucida Sans" ;
    font-weight: bold; 
    line-height: 17px; 
    font-size: 15px; 
    text-align: right;

    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
}
.right-pull2 {
    display: block;
    float: right ; 

    padding: 7px 11px; 
    margin-right: 2em ;
    margin-left: 3em;
    margin-bottom: 1em; 
    width: 10em ;
    font-weight: bold ;
}

.right-pull3 {
    display: block;
    float: right ; 
    background: #ddd;

    padding: 7px 11px; 
    margin-right: 2em ;
    margin-left: 3em;
    margin-bottom: 1em; 
    width: 20em ;

    font-weight: bold ;
}


.img-right-pull {
    display: block;
    float: right ; 
    padding: 7px 11px; 
    margin-right: 2em ;
    margin-left: 3em;
    margin-bottom: 1em; 
    font-weight: bold ;
}

.pullquote_left { 
    width: 200px; 
    margin: 5px 15px 5px 0; 
    font-size: 1.4em; 
    text-align: center; 
    float: left; 
}  
.annot-l {
    display: block;  
    float: left; 
    width: 10em ;
    margin: -6px 18px 0 -114px;   
    padding: 3px;   
    border: 3px solid #eee;           
}

.label {
    font-size: 10pt;
    color: #808080;
}

.smallcaps {
	font-variant: small-caps;
	font-weight: bold;
    letter-spacing: .1em; 
}

.drop {
 float: left;
  color: #000000;
  font-size: 146px;
  line-height: 102px;
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 3px;
  font-family: "Quattrocento",serif;
  margin-bottom: -6px;
}

.dropcap {
    float: left;
    font-size: 3em;
    line-height: 0.8em;
    margin-right: 3pt;
#    padding-top: 10px;    
    padding-top: 5px;
        
    margin-bottom: -0.1em;
#    margin-bottom: -6px;
    font-family: "Quattrocento",serif;
}

.footnote {
    vertical-align: super;
    font-size: smaller;
    text-decoration: none;
}

.reversefootnote {
    text-decoration: none;
}

A.footnotes {
    text-decoration: none;
}



.mytable {
    border-collapse: collapse;
}

.mytable, th, td {
    border: 1px solid black;
    font-family: arial; 
    color: #439 ;  
    line-height: 1.5;
    padding: 5px;
    text-align: left;

}