/*------------------------------------------------------------- 
     Basic styles for Showlite History pages
 

     Created: 		May 2006
     Last modified:	30 Nov. 2006
     Version:		1.4
     Author:		Dave Whiting

---------------------------------------------------------------*/


/* ----- BODY ----- */

  body {
        color: black; background: #ceeece; 
        margin-left: 10%; margin-right: 10%;
       }

/* ----- PARAGRAPHS ----- */

  p    {
        text-align: left;
        font-family: Verdana, "Comic sans", sans-serif;
       }


  p.info {
          position: relative; left: 2.5%;
          text-align: center;
          color: maroon;
          background-color: transparent;
          font-family: "Times New Roman", Garamond, serif;
          border: solid; 
          padding: 0.25em;
          border-width: thin;
          border-color: navy;
          width: 90%; 
         }


  p.hilite {
            text-align: center;
            color: red;
            font-family: "Times New Roman", Garamond, serif;
            font-weight: bold;
           }

/* used for Chapters page only */

  p.date { text-align: center;
           color: red;
           background-color: transparent;
           font-size: 75%;
           font-weight: bold;
           font-family: "Times New Roman", Garamond, serif;
         }

/* ----- LINKS ----- */

  a:link {color: blue;}
  a:visited {color: red;}
  a:hover {color: green;}


/* ----- HEADINGs ----- */

  h1   {
        text-align: center;
        color: blue;
        margin-top: 1em;
        margin-bottom: 0.75em;
       }


  h2   { color: red;}
  

  h3   {
        text-align: center;
        color: blue;
        margin-top: 0.75em;
        margin-bottom: 0.75em;
       }


/* ----- <EM> TAG ----- */

  em   {
	font-style: italic;
        color: purple;
       }


/* ----- <DIV> ELEMENTS ----- */

/* boxes */

  div.box {
           border: solid; 
           padding: 0.25em;
           border-width: thin;
           border-color: navy;
           width: 90%;
          }

/* floated */

  div.imageleft
           {
            float:left;
            margin:10px 10px 5px 0;
            border:0;
            text-align:center;
            font-size:80%;
            font-weight:bold;
            font-family: Verdana, "Comic sans", sans-serif;
           }

  div.imageright
           {
            float:right;
            margin:10px 0 5px 10px;
            border:0;
            text-align:center;
            font-size:80%;
            font-weight:bold;
            font-family: Verdana, "Comic sans", sans-serif;
           }

/* fixed */

  div.logo1
           {
            position: relative; left: 5%;
            width: 489px;
	    height: 177px;
            border: 0;
            padding: 0.75em;
           }

  div.logo2
           {
            position: relative; left: 25%;
            width: 69px;
	    height: 90px;
            border-style: solid;
            border-width: thin;
            border-color: navy;
            padding: 0.75em;
           }

  div.list
	   {
	    position: relative; left: 5%;
	    background: #c0c0c0; /* light grey */
	    padding: 0.5em;
	    width: 90%;
	    font-family: Verdana, "Comic sans", sans-serif;
	   }


/* ----- <IMG> ELEMENTS ----- */

/* centered main logo */

  img.biglogo {
               border: 0;
	       padding: 0;
              }

/* small logo - uses <div.logo2> for positioning */

  img.smallogo {
                border: 0;
		padding: 0;
               }

  img.vhtmlLogo {
                border: 0;
		padding: 0;
               }


/* ----- <UL> & <LI> ELEMENTS ----- */

/* navigation list */

/* get rid of padding and default bullets for UL*/

ul.nav  {
         margin: 2px;
         padding: 0;
         list-style-type: none;
        }

/* set the list anchor display to block and colour the backgound */

ul a    {
         display: block;
         width: 140px;
         height: 30px;
         line-height: 30px;
         background-color: #c0c0c0;
         text-decoration: none;
         font-size:80%;
         font-family: Verdana, "Comic sans", sans-serif;
        }

/* set bullet as background image for each LI */

li.nav  {
         background: #c0c0c0 url(spkbulit.bmp) no-repeat 0 50%;
         padding-left: 40px;
         margin-top: 5px;
         margin-bottom: 5px;
        }