 /* ----------------------------------------------------------------------------------- *
  * programmer:   [Programmer name and info]
  * Date Created:  09-May-2024
  * Contact:            [Contact info of programmer]
  * Description:     [Light description of the code]
  * ------------------------------------------------------------------------------------ */

    /* ------- Full Browser------- */
      .full-height {
        height: 100%;
      }

    /* ---------- Link Colors --------- */
      a {font-style: italic;}
      a:link {color:#600;text-decoration: none;}
      a:visited {color:#633;text-decoration: none;}
      a:hover {color:#f00;text-decoration: none;}
      a:active {color:#900;text-decoration: none;}
 
    /* ---------- ADA Link ---------- */
      a.ada {font-style: italic;}
      a.ada:link {font-weight:700; color:#600;}
      a.ada:visited {font-weight:400; color:#900;}
      a.ada:hover {font-weight:600; color:#ff6;}
      a.ada:active {font-weight:500; color:#fff;} 

      .f-ada, f-ada {
        font-family: "Arial", sans-serif;
        font-size:10px;
        text-shadow: 1px 1px 2px #666;
      }

    /* --------- Formatting -----------*/
      .green, green {color: green;}
      .red, red {color: red;}
      .blue, blue {color: blue;}
      .b, b {font-weight: bold;}
      .i, i {font-style: italic;}
      .u, u {font-style: underline;}
      .c, c {text-align: center; left: 50%;}
      .n, n {text-decoration: none;}
      ol {margin:0; padding:0;}
      table, td, tr, table th {padding:0;}

      li.none {margin:0; padding:0; list-style-type: none; display:inline;}
      ul.none {margin:0; padding:0; list-style-type: none; display:inline;}

    /* ------------- Tab ----------- - */
      .tab, tab, Ii.tab, ul.tab {
        list-style-type: none;
        margin: 0;
        padding: 0 0 0 12px; 
        // display:inline;
      }
      
      .center, center {
        // margin: auto;
        // width: 50%;
        // padding-left: 50px;
            align-content: center;
        // border: 2px solid red;
      }
      
      .offset-l, offset-l {
        margin-left: -50px;
      }
      .offset-r, offset-r {
        margin-left: 10px;
      }

    /* ------- Drop Shadows ------- */
      .box-shad, box-shad {
        border: 0;
        box-shadow: 4px 4px 6px #222;
      }
      .drop-shad, drop-shad {
        filter: drop-shadow(1px 1px 3px #222);
      }
      .text-shad, text-shad {
        text-shadow: 2px 2px 3px #222;
      }
      .inner-shad, inner-shad {
         box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
        }
        .emboss, emboss {
        color: #f2e4df;                       /* ddd  */
        text-shadow: -.5px -1.2px .5px #666;
      }
      .emboss_glw, emboss_glw {
        color: #ddd;
        text-shadow: -.5px -1.2px .5px #666,
                               -1px -1px 2px #f7f0d0,
                                -1px 1px 2px #f7f0d0,
                                1px -1px 2px #f7f0d0,
                                 1px 1px 2px #f7f0d0;
      }

        
    /* ------------- Preview ----------- - */
      pre {
        font-size:11px;
        font-family: "Arial", sans-serif; 
        font-weight: 400;
        color: #000;
        text-align: left;
        padding: 0;
        margin: 0 10px 0 12px;
        white-space: pre-wrap; /* css-3 */ 
        white-space: -moz-pre-wrap; /* Mozilla */ 
        white-space: -pre-wrap; /* Opera 4-6 */ 
        white-space: -o-pre-wrap; /* Opera 7 */ 
        word-wrap: break-word; /* IE 5.5+ */ 
      }

    /* ------------- Table ----------- - */
      table.test {
        width: 35%;
        background-color: #fed;
        border-collapse: collapse;
        border-width: 2px;
        border-color: #cbb8a7;
        border-style: solid;
        color: #963;
      }
      table.test td, table.test th {
        border-width: 1.5px;
        border-color: #DAC9B8;
        border-style: solid;
        padding: 1px;
      }
      table.test thead {
        background-color: #963;
        color: #fed;
      }
      
      .today {
        background-color: #fc9;
        font-weight: bold;
        color: #4f6c37; /* #630 */
      }

      
    /* ---------------- Footer --------------- */
      body > footer {
        position: fixed; 
        bottom: 0;
        left: 0;
        text-align: center;
        vertical-align: bottom;
        height: auto;
        width:100%; 
        background-size: 100% 500px;
    // box-shadow: 0px -7px 11px #111;
        filter: drop-shadow(0px -7px 11px #111);
      }
      
    /* ----------------- Logo ---------------- */
      .l-logo, l-logo {
        font-style: normal;
        color:#990;
        font-family: "Arial", sans-serif;
        font-size:12px;
        text-shadow: 2px 2px 2px #222;
   //  text-align: left;
      }
      .logo-offset {margin-left: 0%;}
      a.logo {text-decoration: none; font-style: normal;}
      a.logo:link {font-weight:400;letter-spacing:0;color:#960;}
      a.logo:visited {font-weight:400;letter-spacing:0;color:#960;}
      a.logo:hover {font-weight:700;letter-spacing:.5px;color:#fc0;}
      a.logo:active {font-weight:700;letter-spacing:.5px;color:#fff;} 
      
      
     /*   <div class="text-3d-5">White</div> */
      .text-3d-5 {
    	font-size: 36px;
    	color: #933;
    	font-family: 'Aladin', cursive, sans-serif;
        letter-spacing: 2px;
    	font-weight: bold;
        line-height:1.15;
        page-break-after:avoid;
        orphans:2;
        widows:2;
        text-align:center;
        padding: 3px 0 0 0;
    	text-shadow: 0 0 0 rgb(251, 251, 251),
				1px -1px 0 rgb(247, 247, 247),
				2px -2px 0 rgb(243, 243, 243),
				3px -3px 0 rgb(239, 239, 239),
				4px -4px 0 rgb(235, 235, 235),
				5px -5px 0 rgb(231, 231, 231),
				6px -6px 0 rgb(227, 227, 227),
				7px -7px 0 rgb(224, 224, 224),
				8px -8px 0 rgb(220, 220, 220),
				9px -9px 0 rgb(216, 216, 216),
				10px -10px 0 rgb(212, 212, 212),
				11px -11px 0 rgb(208, 208, 208),
				12px -12px 0 rgb(204, 204, 204),
				13px -13px 0 rgb(200, 200, 200),
				14px -14px 0 rgb(196, 196, 196),
				15px -15px 0 rgb(192, 192, 192),
				16px -16px 0 rgb(188, 188, 188),
				17px -17px 16px rgba(0, 0, 0, 0.45),
				17px -17px 1px rgba(0, 0, 0, 0.08),
				0 0 16px rgba(0, 0, 0, .2)
      }

        
        