/* Style Sheet by Jerry A. Sierra for use on on the menu pages at historyofcuba.com */
     BODY {
          color: black;
          background: #fff;
          margin-top: 1%;
          margin-left: 2%; 
     }
     HR {
          line-height: 1px;
          color: #D3D3D3;
     }
          /* ---------------- Home Page & Index Only ---------- */
     #left {
	      position: fixed;
	      left: 10px;
	      top: 20px;
	      height: 600px;
	      width: 285px;
          background: #fff;
	      padding: 4px;
	      border: 1px;
     }
     #center {
	      margin-top: 8px;
	      margin-left: 290px;
          margin-right: 50px;
	      background: #fffaf0; /* --- Floral White */
	      padding: 5px;
	      border-top: 1px solid #d3d3d3;
          border-right: 1px solid #000;
          border-left: 1px solid #d3d3d3;
          border-bottom: 1px solid #000;
     }
          /* ---------------- E-Pages ---------- */
     #left2 {
	      position: absolute;
	      left: 10px;
	      top: 20px;
	      height: 600px;
	      width: 285px;
          background: #fff;
	      padding: 4px;
	      border: 1px;
     }
     #center2 {
	      margin-top: 8px;
	      margin-left: 290px;
          margin-right: 50px;
          background: #f8f8ff;   /* --- Ghost White --- */
	      padding: 5px;
	      border-top: 1px solid #d3d3d3;
          border-right: 1px solid #000;
          border-left: 1px solid #d3d3d3;
          border-bottom: 1px solid #000;
     }
     #center3 {
	      margin-top: 8px;
	      margin-left: 290px;
          margin-right: 50px;
          background: #FFFAFA;   /* --- Snow --- */
	      padding: 5px;
	      border-top: 1px solid #d3d3d3;
          border-right: 1px solid #000;
          border-left: 1px solid #d3d3d3;
          border-bottom: 1px solid #000;
     }
          /* --------------- NEW Columns ---------- */
      DIV.left {
	      position: absolute;
	      left: 10px;
	      top: 35px;
	      width: 150px;
          background: #fff;
	      padding: 4px;
	      border: 1px; 
     }
     DIV.left3 {
           position: fixed;
           left: 10px;
           top: 35px;
           width: 150px;
           background: #fff;
           padding: 4px;
           border: 1px;		   
		   overflow: auto; 
		   float: left;
     }
     DIV.center {
	      margin-top: 8px;
	      margin-left: 160px;
          background: #fffaf0; /* --- Floral White --- */
	      padding: 25px;
	      border-top: 1px solid #d3d3d3;
          border-right: 2px solid #000;
          border-left: 1px solid #d3d3d3;
          border-bottom: 2px solid #000;
     }
     DIV.right {
	      position: absolute;
	      right: 5px;
	      width: 150px;
	      padding: 1px;
	      border: 1px solid #d3d3d3;
     }
        /* ------------------ Headings ---------- */
     H1 {
          font: 200% Tahoma, Chicago, Verdana, Arial, Helvetica, Sans-serif;
          font-variant: small-caps;
          font-weight: 800;
          color: #000;
	      margin-bottom: 0;
     }
     H1.one {
	      font: 300% Tahoma, Chicago, Verdana, Arial, Helvetica, Sans-serif;
          font-variant: small-caps;
          font-weight: 800;
	      margin-bottom: 0;
          color: #000;
     } 
     H2, H3, H4 {
          font-family: Tahoma, Arial, Sans-serif;
          font-size: large;
     }
     H2 {
          color: #ff0000;  /* ----- Red ----- */
	      margin-bottom: 0;
     }
     H4 {
          color: #ff0033;
     }
           /*  ---------------- Paragraphs ----------------  */
     P {
          line-height: 1.4em;
	      font-family: "Andale Mono", Georgia, Palatino, "Lucida Console", Sans-serif;
          font-size: medium;
          font-weight: 500;
          color: #000;
	      margin-top: 0;
     }
     P.one {
          line-height: 1.25em;
	      font-family: "Lucida Console", Palatino, Georgia, Sans-serif;
          font-size: small;
          color: #000;
     }
          /* ------ Linking Styles - Small Fonts (p.one) ------ */
     P.one A:link, A:visited {
          line-height: 1.3em;
    	  font-family: "Andale Mono", Georgia, Palatino, "Lucida Console", Sans-serif;
          font-size: small;
     }
     P.four {
          font-family: Garamond, "Times New Roman", Serif;
          font-size: small;
          color: #ff0000; /* Red */
     }
          /* ---------- Linking Styles - Typical ------- */
     A:link {
          font-family: Georgia, Palatino, "Lucida Console", Sans-serif;
          color: #0000FF;
     }
     A:visited {
          font-family: Georgia, Palatino, "Lucida Console", Sans-serif;
          color: #800080;  /* -------- Purple --- */
     }
     A:hover {
          font-family: Georgia, Palatino, "Lucida Console", Sans-serif;
          color: red;
          background: #fff8dc; /* --- Cornsilk --- */
     }
     A:active {
          font-family: Verdana, Arial, Sans-serif;
          color: #0000ff; /* --- Blue --- */
          background: #FFF;
     }
          /* ------------------- BUTTON Nav ---------- */
     P.nav {
          font-family: "Arial Black", Verdana, Sans-serif;
          font-size: medium;
          color: #000;
	      background: #FFF;
	      padding: 3px;
	      width: 495px;
          text-decoration: none;
          border-top: 1px solid #d3d3d3;
          border-right: 1px solid #000;
          border-left: 1px solid #d3d3d3;
          border-bottom: 1px solid #000;
     }
     P.nav A:link {
          font-family: Tahoma, Verdana, Sans-serif;
          font-size: small;
          color: #000;
	      background: #FFE4E1;
          text-decoration: none;
	      border-top: 1px solid #d3d3d3;
          border-right: 1px solid #000;
          border-left: 1px solid #d3d3d3;
          border-bottom: 1px solid #000;
          margin: 0;
	      padding: 0;
     }
     P.nav A:visited {
          font-family: Tahoma, Verdana, Sans-serif;
          font-size: small;
	      color: #800080; /* --- Purple --- */
          background: #fffaf0; /* --- Floral White */
          text-decoration: none;
	      border-top: 1px solid #000;
          border-right: 1px solid #d3d3d3;
          border-left: 1px solid #000;
          border-bottom: 1px solid #d3d3d3;
          margin: 0;
	      padding: 0;
     }
     P.nav A:hover {
          font-family: Tahoma, Verdana, Sans-serif;
          font-size: small;
          color: #ff0000; /* --- Red --- */
          background: #fffaf0; /* --- Floral White */
          text-decoration: none;
    	  border-top: 1px solid #000;
          border-right: 1px solid #d3d3d3;
          border-left: 1px solid #000;
          border-bottom: 1px solid #d3d3d3;
          margin: 0;
	      padding: 0;
     }
     P.nav A:active {
          font-family: Tahoma, Verdana, Sans-serif;
          font-size: small;
          color: #0000ff; /* --- Blue --- */
          background: #ffff00;  /*  --- Yellow --- */
          text-decoration: none;
	      border-top: 1px solid #d3d3d3;
          border-right: 1px solid #000;
          border-left: 1px solid #d3d3d3;
          border-bottom: 1px solid #000;
          margin: 0;
	      padding: 0;
     }
          /* ----------------- Floated Items & Images --------- */
     .outleft {
          float: left;
          margin-left: -4%;
	      border: 2px ridge #000;
     }
     .pullq {
	      font: 125% Georgia, Palatino, Garamond, Serif;
    	  text-align: left;
          color: #ff0000; /* --- Red --- */
	      border-top: medium black solid;
	      border-right: 1px black solid;
	      border-bottom: thin black solid;
	      border-left: 1px black solid;
	      padding: 2%;
	      background: #f8f8ff;   /* --- Ghost White --- */
	      width: 30%;
	      float: right;
    	  margin-right: -25px;
     }
     .pull2 {
	      font: 90% Verdana, Helvetica, Sans-serif;
    	  text-align: left;
	      border-top: medium black solid;
	      border-right: thin black solid;
	      border-bottom: thin black solid;
    	  border-left: thin black solid;
	      padding: 2%;
	      background: #f8f8ff;   /* --- Ghost White --- */
	      width: 45%;
	      float: right;
	      margin-right: -25px;
     }
     .pullq3 {
	      font: 125% Georgia, Palatino, Garamond, Serif;
	      text-align: left;
          color: #ff0000; /* --- Red --- */
	      border-top: medium black solid;
	      border-right: 1px black solid;
    	  border-bottom: thin black solid;
	      border-left: 1px black solid;
	      padding: 2%;
    	  background: #f5f5f5;   /* --- Whitesmoke --- */
    	  width: 50%;
	      float: right;
	      margin-right: -25px;
     }
          /* ---------------- Index Pages ---------- */
     DIV.top3 {
	      left: 10px;
	      top: 5px;
	      width: 78%;
	      height: 200px;
          background: #fff;
	      padding: 5px;
	      clear: both;
     }
     DIV.center3 {
	      margin-left: 100px;
	      margin-right: 100px;
          background: #fff;
	      padding: 5px;
	      border: 1px solid #d3d3d3;
	      clear: both;
     }
     /* ------------------ TOC ------------- */
     DIV.top {
    	  left: 20px;
    	  top: 5px;
    	  width: 97%;
    	  background: #fff;
    	  padding: 5px;
    	  border: 1px;
    	  clear: both;
     }
     DIV.left2 {
    	  float: left;
    	  width: 200px;
          margin-top: 10px;
          background: #fff;
    	  padding: 5px;
    	  border: 1px; 
     }
     DIV.center2 {
	      margin-left: 225px;
	      margin-right: 75px;
          margin-top: 10px;
          background: #f8f8ff; /* --- Ghost White */
    	  padding: 5px;
    	  border: 1px solid #d3d3d3;
     }
     DIV.left2 H2 {
          font-family: Tahoma, Arial, Sans-serif;
          font-size: large;
          color: #4B0082;	  
     }
     DIV.center2 H2 {
          font-family: Tahoma, Arial, Sans-serif;
          font-size: x-large;
          color: #000;	  
     }
     DIV.right2 {
	      float: right;
	      width: 190px;
	      padding: 5px;
	      border-top: 1px solid #d3d3d3;
     }
         /* -------------- Divs for Resources Pg --------- */
     DIV.wide {
	      margin-top: 5px;
    	  margin-left: 5%;
    	  margin-right: 10%;
          background: #fffaf0; /* --- Floral White */
	      padding: 10px;
	      border-top: 1px solid #d3d3d3;
          border-right: 2px solid #000;
          border-left: 1px solid #d3d3d3;
          border-bottom: 2px solid #000;
     }
     DIV.center5 {
	      margin-top: 2px;
    	  margin-left: 40px;
    	  margin-right: 20px;
          background: #f8f8ff;   /* --- Ghost White --- */
	      padding: 10px;
    	  border: 1px solid #d3d3d3;
     }
          /* -------------- HTML Table Borders -------------- */
     TD.one {
          border-right: 1px solid #d3d3d3;
          border-bottom: 1px solid #d3d3d3;
     }
     TD.two {
          border-left: 1px solid #d3d3d3;
          border-bottom: 1px solid #d3d3d3;
     }
     TD.three {
          border-top: 1px solid #d3d3d3;
          border-right: 1px solid #d3d3d3;
          border-bottom: 1px solid #d3d3d3;
     }
     TD.four {
          border-top: 1px solid #d3d3d3;
          border-left: 1px solid #d3d3d3;
          border-bottom: 1px solid #d3d3d3;
     }
     TD.five {
          border-bottom: 1px solid #d3d3d3;
     }
     TD.six {
          border-top: 1px solid #d3d3d3;
          border-right: 1px solid #d3d3d3;
     }
     TD.seven {
          border-right: 1px solid #d3d3d3;
     }
     TD.eight {
          border-left: 1px solid #d3d3d3;
     }
     TD.nine {
          border: 1px solid #d3d3d3;
     }