body
{
    margin: 0;
    padding: 0;
    font-size: .9em;
    font-family: "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
    color: Black;
    background-color: #800000;
}

* {
    margin: 0;
    padding: 0;
}


div#docHeader  {
     background: #ffffff;
     margin: 8px 8px 4px 8px;
     padding: 4px 4px 4px 4px;
}

div#docNavigator  {
     background: #ffffff;
     margin: 4px 4px 0 8px;
     padding: 4px 4px 4px 4px;
}

div#docContent  {
     background: #ffffff;
     margin: 4px 8px 8px 4px;
     padding: 4px 4px 4px 4px;
}


.BookNodes 
{
    
    font-size: .2em;
    
}

.ChapterNodes  
{
    font-size: inherit;
    
}

td#ChapterContent 
{
    margin: 8px 8px 8px 8px;
}

/*
 | Define a class selector for the anchor tag. Its corresponding pseudo classes are
 | defined below.
 */

a.rpLink { 
    color: white;
}

.DocumentOutline
{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
/*     border: 1px solid red;  */
    background-color: white;   
}

.PageHeading
{
    /*padding: .1em .1em .1em .8em;*/
    margin-left: 12px;
/*    border: 1px solid black; */
/*    background-color: white; */
    font-size: 1.5em;
    color: Black;
}


.printonly {
    display:none;
}


div#boxtop{
    margin: 8px 8px 2px 8px;
    background: white;
}

div#boxleft{
    margin: 2px 2px 0px 8px;
    background: white;
/*    border: 1px solid navy;  */
}


div#boxright{
    margin: 2px 8px 0px 2px;
    background: white;
}


.DocBody
{
    padding: 1em 1em 1em 1em;
    margin-top: 6px;
    margin-left: 6px;
    margin-right: 6px;

/*    background-color: white;*/
}

.Selected 
{
    color: White;
    background-color: Red;
}

/*
 | Given the syntax tag.x:y, you're defining a pseudo class to associate with different
 | modes of a style. In this case, we're defining the four modes of an HTML anchor 
 | tag.
 */
a.rpLink:link    {  
   text-decoration: none;
   color: Black; 
}

a.rpLink:visited {  
   text-decoration: none;
   color: Black; 
}

a.rpLink:hover   {  
   text-decoration: underline;
   color: red;
}

a.rpLink:active  {  
   text-decoration: none;
   color: Black;
}


