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

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

body { width:1300px;
       margin:0px auto;
       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; } /* top, right, bottom, left; relative to 'font-size' */

h1.box { margin:0px 50px 10px 50px; /* top, right, bottom, left; relative to 'font-size' */
         padding:0px 20px 10px 20px;
         text-align:center; }

h2 { margin:0px 0px 15px 0px; } /* top, right, bottom, left; relative to 'font-size' */

h2.box { margin:0px 50px 10px 50px; /* top, right, bottom, left; relative to 'font-size' */
         padding:0px 20px 10px 20px;
         text-align:center; }

h3 { margin:0px 0px 15px 0px; } /* top, right, bottom, left; relative to 'font-size' */

h3.box { margin:0px 50px 10px 50px; /* top, right, bottom, left; relative to 'font-size' */
         padding:0px 20px 10px 20px;
         text-align:center; }

h4 { margin:0px 0px 15px 0px; } /* top, right, bottom, left; relative to 'font-size' */

h5 { margin:0px 0px 15px 0px; } /* top, right, bottom, left; relative to 'font-size' */

h6 { margin:0px 0px 15px 0px; } /* top, right, bottom, left; relative to 'font-size' */

p { margin:0px 0px 30px 0px; } /* top, right, bottom, left; relative to 'font-size' */

p.box { margin:0px 50px 10px 50px; /* top, right, bottom, left; relative to 'font-size' */
        padding:0px 20px 10px 20px;
        text-align:center; }

li { margin:0px 0px 30px 0px; } /* top, right, bottom, left; relative to 'font-size' */

.center { text-align:center; }

/* BEGIN unordered list style types */

ul { list-style-type:none;
     padding-left:10px;
     margin-left:10px; }

ul.cir { list-style-type:circle;
         padding-left:10px;
         margin-left:10px; }

ul.squ { list-style-type:square;
         padding-left:10px;
         margin-left:10px; }
         
ul.dis { list-style-type:disc;
         padding-left:10px;
         margin-left:10px; }

/* END unordered list style types */

/* BEGIN top navigation menu */

.navwrap { float:right;
           position:relative;
           left:-50%;
           text-align:left;
           margin-bottom:1em; }

.navwrap ul { list-style:none;
              position:relative;
              left:50%;
              margin:0;
              padding:0; } 

.navwrap li { float:left;
              margin:0 10px 0 0;
              background:#ffd700; }

.navwrap li.last { margin-right:0; }

.navwrap li a { float:left;
                position:relative;
                background:#ffd700;
                color:#800000;
                text-decoration:none;
                padding:6px 10px;
                font-weight:bold; }

.navwrap li a:hover { background:#800000;
                      color:#ffd700; }

.clearer { height:1px;
           overflow:hidden;
           margin-top:-1px;
           clear:both; }

/* ul.menu { list-style-type:none; */
/*           margin:0; */
/*           padding:0; */
/*           overflow:hidden; } */

/* li.menu { float:left; } */

/* a.menu:active { display:block; */
/*                 color:#800000; */
/*                 background-color:#FFD700; */
/*                 text-align:center; */
/*                 text-decoration:none; */
/*                 padding:4px; */
/*                 width:300px; } */

/* a.menu:visited { display:block; */
/*                  color:#800000; */
/*                  background-color:#FFD700; */
/*                  text-align:center; */
/*                  text-decoration:none; */
/*                  padding:4px; */
/*                  width:300px; } */

/* a.menu:link { display:block; */
/*               color:#800000; */
/*               background-color:#FFD700; */
/*               text-align:center; */
/*               text-decoration:none; */
/*               padding:4px; */
/*               width:300px; } */

/* a.menu:hover { display:block; */
/*                color:#800000; */
/*                background-color:#FFD700; */
/*                text-align:center; */
/*                text-decoration:none; */
/*                padding:4px; */
/*                width:300px; } */

/* END top navigation menu */

small { font-size:0.5em; }

#linkIndex { position:absolute;
             top:0px;
             left:50px;
             width:300px;
             padding:0px;
             border:2px solid #FFD700;
             /* border:none; */
             font-size:0.8em;
             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:#FFD17D; } /* 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:355px; /* This property sets the left margin of the #contentsBox element */
               margin-right:0px; /* This property sets the right margin of the #contentsBox element */
               padding:5px 5px;
               /* border:2px solid #FFD700; */
               /* border-left:2px solid #FFD700; */
               text-align:left; }

img.space { float:left;
            margin:0px 15px 0 0; }

img.centered { display:block;
               margin-left:auto;
               margin-right:auto; }

p.centered { text-align:center; }

iframe { display:block;
         margin-left:auto;
         margin-right:auto; }

td { vertical-align:top; }

td.thumbnail { display:block;
               margin-left:auto;
               margin-right:auto;
               width:110px;
               padding-top: 10px;
               padding-bottom: 10px;
               vertical-align:top; }

td.middle { vertical-align:middle; }