/*
This is the style-sheet for The Docent News, an on-line newsletter for the docents
and supporters of The Nature Conservancy's Tallgrass Prairie Preserve.
*/


/*
Newsletter default parameters.
*/

#allcontent {
   background-color: white;
   /*
    Fix the newsletter width and center horizontally
   */
   width:        800px;
   margin-left:  auto;
   margin-right: auto;
   /*
    Define the default font
   */
   font-family: sans-serif;
   font-style:  normal;
   line-height: 1.6em; 
}


/*
Style the newsletter title division as required.
*/
#DNL-Title {
   position: static;

}


/*
Style the DNL Index division as required.
*/
#DNL-Index {
   text-align: left;
}

/*
Format the DNL Articles division as required.
*/
#DNL-Articles {
   text-align: justify;
}


/*
Set all heading selectors to newsletter colors and style.
*/
h1, h2, h3, h4, h5, h6 {
   color:        #6e8b3d;
   font-variant: small-caps;
}


/*
Right-align Heading-1 that is being used for the publication date.
*/
h1 {
   text-align: right;
}


/*
Float illustrations to the right 
*/
img.Illustration {
   float: right;
   margin-left: 1%;
   margin-top: 1%;
   margin-bottom: 1%;
}


/*
Float illustrations to the right with border
*/
img.IllustrationBorder {
   float: right;
   margin-left: 1%;
   margin-top: 1%;
   margin-bottom: 1%;
   border: thin solid silver;
}


/*
Float illustrations to the center 
*/
img.IllustrationC {
   float: none;
   margin-left: 10%;
   margin-top: 1%;
   margin-bottom: 1%;
}


/*
Apply newsletter colors to the hyperlink pseudo class.
*/
a:link {
   color: #6e8b3d;
}
a:visited {
   color: #7f0000;
}
a:hover {
   color: #0000ff;
}


/*
Format the tables.
*/
table {
 margin-left: 1%;
 margin-right: 1%;
 border: thin solid black;
 caption-side: top;
 border-collapse: collapse;
 margin-left: auto;
 margin-right: auto;
}

td, th {
 border-bottom: thin dotted gray;
 padding: 1%;
 text-align: left;
}

caption {
 font-variant: small-caps;
 padding-top: 1%;
 margin-left: auto;
 margin-right: auto;
}


/*
Emphasis
*/
em.SmallCaps {
 font-variant: small-caps;
 font-style: normal;
}

em.Oblique {
 font-style: oblique;
}