/* Style Sheet by Jerry A. Sierra for use on on the mobile pages at historyofcuba.com */
     html, BODY {
          color: black;
          background: #ffffff;
          margin: 0;
		  font-family: Verdana, Helvetica, sans-serif; 
     }
     * {float: none;
	 }
	 HR {
          line-height: 1px;
          color: #D3D3D3;
     }
          /* ---------------- Home Page & Index Only ---------- */
     #left {
	      left: 10px;
	      top: 20px;
	      height: 600px;
	      width: 285px;
          background: #ffffff;
	      padding: 4px;
	      border: 1px;
     }
     #center {
	      margin-top: 8px;
	      margin-left: 300px;
          margin-right: 50px;
	      background: #fffaf0; /* --- Floral White */
	      padding: 5px;
	      border-top: 1px solid #d3d3d3;
          border-right: 1px solid #000000;
          border-left: 1px solid #d3d3d3;
          border-bottom: 1px solid #000000
     }
          /* ---------------- E-Pages ---------- */
     #left2 {
	      position: absolute;
	      left: 10px;
	      top: 20px;
	      height: 600px;
	      width: 285px;
          background: #ffffff;
	      padding: 4px;
	      border: 1px;
     }
     #center2 {
	      margin-top: 8px;
	      margin-left: 300px;
          margin-right: 50px;
          background: #f8f8ff;   /* --- Ghost White --- */
	      padding: 5px;
	      border-top: 1px solid #d3d3d3;
          border-right: 1px solid #000000;
          border-left: 1px solid #d3d3d3;
          border-bottom: 1px solid #000000
     }
     #center3 {
	      margin-top: 8px;
	      margin-left: 300px;
          margin-right: 50px;
          background: #FFFAFA;   /* --- Snow --- */
	      padding: 5px;
	      border-top: 1px solid #d3d3d3;
          border-right: 1px solid #000000;
          border-left: 1px solid #d3d3d3;
          border-bottom: 1px solid #000000
     }
        /* ------------------ Headings ---------- */
     H1 {
          font: 100% Tahoma, Chicago, Verdana, Arial, Helvetica, Sans-serif;
          font-variant: small-caps;
          font-weight: 600;
          color: #000000;
	  margin-bottom: 0px;
     }
     H1.one {
	      font: 150% Tahoma, Chicago, Verdana, Arial, Helvetica, Sans-serif;
          font-variant: small-caps;
          font-weight: 700;
	      margin-bottom: 0px;
          color: #000000;
     } 
     H2, H3, H4 {
          font-family: Tahoma, Arial, Sans-serif;
          font-size: medium;
     }
     H2 {
          color: #ff0000;  /* ----- Red ----- */
	      margin-bottom: 0px;
     }
     H4 {
          color: #ff0033;
     }
           /*  ---------------- Paragraphs ----------------  */
     P {
	      font-family: "Andale Mono", Georgia, Palatino, "Lucida Console", Sans-serif;
          font-size: medium;
          font-weight: 500;
          color: #000000;
	      margin-top: 0px;
     }
     P.one {
          line-height: 1.25em;
	      font-family: "Lucida Console", Palatino, Georgia, Sans-serif;
          font-size: small;
          color: #000000;
     }
          /* ------ 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: #FFFFFF;
     }
          /* ------------------- BUTTON Nav ---------- */
     P.nav {
          display: none;
		  font-family: "Arial Black", Verdana, Sans-serif;
          font-size: medium;
          color: #000000;
	      background: #FFFFFF;
	      padding: 3px;
	      width: 245px;
          text-decoration: none;
          border-top: 1px solid #d3d3d3;
          border-right: 1px solid #000000;
          border-left: 1px solid #d3d3d3;
          border-bottom: 1px solid #000000;
     }
     P.nav A:link {
          font-family: Tahoma, Verdana, Sans-serif;
          font-size: small;
          color: #000000;
	      background: #FFE4E1;
          text-decoration: none;
	      border-top: 1px solid #d3d3d3;
          border-right: 1px solid #000000;
          border-left: 1px solid #d3d3d3;
          border-bottom: 1px solid #000000;
          margin: 0px;
	      padding: 0px;
     }
     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 #000000;
          border-right: 1px solid #d3d3d3;
          border-left: 1px solid #000000;
          border-bottom: 1px solid #d3d3d3;
          margin: 0px;
	      padding: 0px;
     }
     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 #000000;
          border-right: 1px solid #d3d3d3;
          border-left: 1px solid #000000;
          border-bottom: 1px solid #d3d3d3;
          margin: 0px;
	      padding: 0px;
     }
     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 #000000;
          border-left: 1px solid #d3d3d3;
          border-bottom: 1px solid #000000;
          margin: 0px;
	      padding: 0px;
     }
     /* ------------------ TOC ------------- */
     DIV.top {
    	  left: 20px;
    	  top: 5px;
    	  width: 97%;
    	  background: #ffffff;
    	  padding: 5px;
    	  border: 1px;
    	  clear: both;
     }
     DIV.left2 {
    	  float: left;
    	  width: 200px;
          margin-top: 10px;
          background: #ffffff;
    	  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: #000000;	  
     }
     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 #000000;
          border-left: 1px solid #d3d3d3;
          border-bottom: 2px solid #000000;
     }
     DIV.center5 {
	      margin-top: 2px;
    	  margin-left: 40px;
    	  margin-right: 20px;
          background: #f8f8ff;   /* --- Ghost White --- */
	      padding: 10px;
    	  border: 1px solid #d3d3d3;
     }