/* Style sheet for a left frame and a content frame using CSS */

/* linkIndex is the left index/browsing frame */

body { margin:0px;
       padding:0px;
       font-size:1.0em;
       font-family:Georgia, serif;
       color:#FFD700;
       background-color:#800000;
       text-align:left;
       font-weight:normal;
       font-variant:normal;
       text-decoration:none;
       text-indent:0em;
       text-transform:none;
       letter-spacing:1px;
       word-spacing:1px;
       white-space:normal;
       unicode-bidi:bidi-override;
       direction:ltr; }

h1 { margin:0px 0px 15px 0px; } /* relative to 'font-size' */

h2 { margin:0px 0px 15px 0px; } /* relative to 'font-size' */

h3 { margin:0px 0px 15px 0px; } /* relative to 'font-size' */

h4 { margin:0px 0px 15px 0px; } /* relative to 'font-size' */

h5 { margin:0px 0px 15px 0px; } /* relative to 'font-size' */

h6 { margin:0px 0px 15px 0px; } /* relative to 'font-size' */

p { margin:0px 0px 30px 0px; } /* relative to 'font-size' */

li { margin:0px 0px 30px 0px; } /* relative to 'font-size' */

small { font-size:0.5em; }

#linkIndex { position:absolute;
             top:0px;
             left:0px;
             width:300px;
             padding:0px;
             border:none;
             font-size:0.7em;
             font-family:Georgia, serif;
             line-height:2.5em;
             font-weight:bold;
             text-align:center; }

a { background-color:#800000;
    color:#FFD700;
    text-decoration:underline; }

A:link { background-color:#800000;
         color:#FFD700; } /* gold unvisited link */

A:visited { background-color:#800000;
            color:#FF0000; } /* red visited links - this must be placed ahead of the mouseover or active style in the style sheet in order to work properly */

A:active { background-color:#800000;
           color:#008000; } /* green active links */

/* contentsBox is the main content frame with content that changes according to the link clicked in the linkIndex */

#contentsBox { position:relative;
               margin-top:0px; /* This property sets the top margin of the #contentsBox element */
               margin-left:320px; /* This property sets the left margin of the #contentsBox element */
               margin-right:5px; /* This property sets the right margin of the #contentsBox element */
               padding:5px 5px;
               border-left:2px solid #FFD700;
               text-align:left; }