*,html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,label,fieldset,input,p,blockquote,th,td {
            margin: 0;
            padding: 0;
            font-family: 'Roboto', sans-serif;

        }

        article,aside,figure,footer,header,hgroup,nav,section {
            display: block;
        }

        * {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        html {
            -webkit-font-smoothing: antialiased;
        }

        a {
            color: #595959;
            text-decoration: none;
        }

        a:hover {
            color: #BA0707;
        }

        body {
            font: 14px 'Roboto', sans-serif;
            -webkit-font-smoothing: antialiased;
            line-height: 1;
            width: 100%;
        }
        section {
            width:100%;
            display: block;
        }
        .full {
            width:100%;
            display: block;
        }
        
        .admin{
            width:96%;
            margin:auto;
            margin-top:30px;
            min-height:600px;
            border:1px solid grey;
            border-radius:4px;
            padding:10px;
        }
        #lotto_results_div{
            width:80%;
            margin:auto;
            margin-top:30px;
            min-height:600px;
            border:1px solid grey;
            padding:10px;
        }
        
        #lottoTbl{
            width:100%;
            border-collapse:collapse;
        }
        #lottoTbl td{
            padding:6px;
            border:1px solid grey;
        }

        nav {
            display: block;
            margin-bottom:20px;
            background-color: #282a35;
        }

        #footer_desktop{
            display:block;
          }
          #footer_mobile{
            display:none;
          }
        .menu {
            margin-left:40px;
            display: block;
        }

        .sub-menu{
            z-index:99;
            border:1px solid #D8D8D8;
        }

        .menu li {
            display: inline-block;
            position: relative;
            z-index: 100;
            width:150px;
            text-align:center;
        }

        .menu li:first-child {
            margin-left: 0;
        }

        .menu li a {
            font-size:16px;
            text-decoration: none;
            padding: 12px 15px;
            display: block;
            color:#fff;
            transition: all 0.2s ease-in-out 0s;
        }

        .menu li a:hover,.menu li:hover>a {
            color: #fff;
            background: #D8D8D8;
        }

        .menu ul {
            visibility: hidden;
            opacity: 0;
            margin: 0;
            padding: 0;
            width: 170px;
            position: absolute;
            left: 0;
            background: #fff;
            z-index: 99;
            transform: translate(0,20px);
            transition: all 0.2s ease-out;
        }

        .menu ul:after {
            bottom: 100%;
            left: 20%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(255, 255, 255, 0);
            border-bottom-color: #fff;
            border-width: 6px;
            margin-left: -6px;
        }

        .menu ul li {
            display: block;
            float: none;
            background: none;
            margin: 0;
            padding: 0;
        }

        .menu ul li a {
            font-size: 16px;
            font-weight: normal;
            display: block;
            color: #797979;
            background: #fff;
            width:170px;
        }

        .menu ul li a:hover,.menu ul li:hover>a {
            background: #D8D8D8	;
            color: #fff;
        }

        .menu li:hover>ul {
            visibility: visible;
            opacity: 1;
            transform: translate(0,0);  
        }

        .menu ul ul {
            left: 169px;
            top: 0px;
            visibility: hidden;
            opacity: 0;
            transform: translate(20px,20px);
            transition: all 0.2s ease-out;
        }

        .menu ul ul:after {
            left: -6px;
            top: 10%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(255, 255, 255, 0);
            border-right-color: #fff;
            border-width: 6px;
            margin-top: -6px;
        }

        .menu li>ul ul:hover {
            visibility: visible;
            opacity: 1;
            transform: translate(0,0);
        }

        .responsive-menu {
            display: none;
            width: 100%;
            padding: 20px 15px;
            background: #374147;
            color: #fff;
            text-transform: uppercase;
            font-weight: 600;
        }

        .responsive-menu:hover {
            background: #374147;
            color: #fff;
            text-decoration: none;
        }

        a.homer {
            background: #0000FF	;
        }

        #main{
            width:98%;
            margin:auto;
            min-height:800px;
            margin-top:30px;
            overflow:hidden;
        }


        #footer_desktop{
            width:100%;
            min-height:70px;
            background-color:grey;
        }

        .flex-container {
          display: flex;
          flex-flow: row wrap;
          justify-content: space-around;
          padding: 0;
          margin: 0;
          list-style: none;
        }

        .flex-item {
          padding: 5px;
          width: 18%;
          margin-top: 20px;
          color: white;
          font-size: 14px;
          text-align: center;
        }

          #topdiv{
            width: 100%;
            overflow:hidden;
          }
          #topdiv h1{
            font-size:50px;
            margin:20px;
            text-align:center;
          }
          #topdiv table{
            width:100%;
            border-collapse:collapse;
          }
          #topdiv table td{
            text-align:center;
          }
        #topdiv table tbody tr td:first-child {
            width:150px;
        }
        #topdiv table tbody tr td:last-child {
            width:150px;
        }
          .hdrImg{width:100px;}
          
            
            #main_image_holder {
                
                width:100%;
                height:650px;
                position:relative;
                overflow:hidden;
            }
            
            #main_image_div_old1{
                
                width:100%;
                height:100%;
                position:absolute;
                background-image: url("../images/good_old.jpg");
                background-size: cover;
                -webkit-transition: opacity 2s;
                transition: opacity 2s;
            }
            #main_image_div_new1{
                
                width:100%;
                height:100%;
                position:absolute;
                background-image: url("../images/s_new.jpg");
                background-size: cover;
                -webkit-transition: opacity 2s;
                transition: opacity 2s;
            }
            
            #main_image_div_new1:hover {
                opacity: 0.05;
                -webkit-transition: opacity 2s;
                transition: opacity 2s;
            }
            #main_image_div_old2{
                
                width:100%;
                height:100%;
                position:absolute;
                background-image: url("../images/good_old.jpg");
                background-size: cover;
                -webkit-transition: opacity 2s;
                transition: opacity 2s;
            }
            #main_image_div_old2:hover {
                opacity: 0.05;
                -webkit-transition: opacity 2s;
                transition: opacity 2s;
            }
            #main_image_div_new2{
                
                width:100%;
                height:100%;
                position:absolute;
                background-image: url("../images/s_new.jpg");
                background-size: cover;
                -webkit-transition: opacity 2s;
                transition: opacity 2s;
            }
            
        .eightywide{
            width:80%;
            margin:auto;
            padding:10px;
            overflow:hidden;
        }
        .linksTbl td{
            padding:10px;
            font-size:16px;
        }
        .mainHeritageImgHolder{
            width:500px;
            margin:auto;
            margin-bottom:50px;
        } 
        .mainHeritageImgHolder img{
            width:500px;
            margin:auto;
        }  
        .mainHeritageImgHolder p{
           font-family: 'Satisfy';
            font-size: 26px;
            margin-left:55px;
            line-height:1.4;
        } 

  

            .tileHolder{
                width:80%;
                margin:auto;
                padding:10px;
                position:relative;
                overflow:hidden;
            }
            .eighty{
                width:80%;
                margin:auto;
            }
            .commitee{
                width:90%;
                margin:auto;
                padding:10px;
                padding-top:0;
                position:relative;
                overflow:hidden;
            }
            #tile_table_desktop{
                width:100%;
                table-layout:fixed;
                border-collapse:collapse;
            }
            #tile_table_desktop td{
                vertical-align:top;
            }
            
            #tile_table_mobile{
                display:none;
            }

            .tile{
                width:250px;
                margin:auto;
                min-height:150px;
                padding:10px;
                border-radius:4px;
                border:1px solid #d4d4d4;
                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                transition: box-shadow 0.3s ease-in-out;
            }
            div.tile:hover{
                cursor:pointer;
                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.4);
                transition: box-shadow 0.3s ease-in-out;
            }
            
            p{
                line-height:24px;
                font-size:16px;
            }
            
            h2{
                margin:40px;
                font-size:34px;
                text-align:center
            }
            .spanRed{
                font-size:18px;
                color:#ff0000;
                font-weight:bold;
                text-align:center;
            }
            
            #comm{
                width:80%;
                margin:auto;
            }
            #comm img{
                width:100%;
            }
            
            #mainTile_desktop{
                display:block;
            }
            
            #mainTile_mobile{
                display:none;
            }
            
            #mainTile_desktop{
                width:80%;
                margin:auto;
                margin-top:30px;
            }

        #tile_tbl_dt{
            width:90%;
            margin:auto;
            table-layout:fixed;
        }
        #tile_tbl_dt td{
            text-align:center;
            padding:10px;
        }
    
         .hpImg{
                width:100%;
                height:100%;
                overflow: hidden;
            }

            
        .mainTile{
            width:220px;
            margin:auto;
            height:250px;
            border-radius:6px;
            overflow:hidden;
            position: relative;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            transition: box-shadow 0.3s ease-in-out;
        }
        .mainTile:hover{
            cursor:pointer;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.4);
            transition: box-shadow 0.3s ease-in-out;
        }

         .tiletext{
          position: absolute;
          bottom: 0;
          background: rgb(0, 0, 0);
          background: rgba(0, 0, 0, 0.7);
          color: #f1f1f1;
          width: 100%;
          padding-top: 10px;
          padding-bottom: 10px;
        } 
            
        #s1{display:block;}
        #s2{display:none;} 
            
        #footer_section{
            width:100%;
            margin-top:100px;
        }
            
        .newsDiv{
            width:80%;
            margin:auto;
            min-height:400px;
            border-radius:4px;
            border:1px solid #ededed;
        }            
            
        .newsDiv h1{
                
            text-align:center;
            margin:5px;
            padding:5px;
        }
          
        .newsIconHldr{
            width:90px;
            margin:auto;
        }  
            
            
            
            
            
            
            
            
            

        @media (min-width: 768px) and (max-width: 979px) {
            .mainWrap {
                width: 768px;
            }

            .menu ul {
                top: 37px;
            }

            .menu li a {
                font-size: 12px;
            }

            a.homer {
                background: #374147;
            }
        }

        @media (max-width: 767px) {
            .mainWrap {
                width: auto;
                padding: 50px 20px;
            }

            .menu {
                display: none;
            }

            .menu {
                margin-left:0;
            }
            .responsive-menu {
                display: block;
            }

            nav {
                margin: 0;
                background: none;
            }

            .menu li {
                display: block;
                margin: 0;
            }

            .menu li a {
                background: #fff;
                color: #797979;
            }

            .menu li a:hover,.menu li:hover>a {
                background: #D8D8D8	;
                color: #fff;
            }

            .menu ul {
                visibility: hidden;
                opacity: 0;
                top: 0;
                left: 0;
                width: 100%;
                transform: initial;
            }

            .menu li:hover>ul {
                visibility: visible;
                opacity: 1;
                position: relative;
                transform: initial;
            }

            .menu ul ul {
                left: 0;
                transform: initial;
            }

            .menu li>ul ul:hover {
                transform: initial;
            }
            
            #main{
                width:98%;
                margin:auto;
                min-height:800px;
                margin-top:30px;
                overflow:hidden;
            }
            #footer_desktop{
            display:none;
          }
          #footer_mobile{
            display:block;
            color:white;
            background-color:grey;
          }
          .eighty{
            width:99%;
            margin:auto;
          }

          .commitee{
                width:98%;
                margin:auto;
                padding:10px;
                padding-top:0;
                position:relative;
                overflow:hidden;
            }
          
            #topdiv{
                margin-top:20px;
            }
            #topdiv h1{
                font-size:28px;
                margin:20px;
                margin-top:0;
                text-align:center;
            }
              
            .hdrImg{width:45px;}
            
            #main_image_holder {
                
                width:100%;
                height:170px;
                position:relative;
                overflow:hidden;
            }
            
            #main_image_div_old1{
                left:0;
                width:100%;
            }

            #main_image_div_new1{
                left:0;
                width:100%;
            }

            #main_image_div_old1:hover {
                opacity: 0.05;
                -webkit-transition: opacity 2s;
                transition: opacity 2s;
            }
            
            h2{
                font-size:24px;
                margin:25px;
                margin-top:0;
            }

            
            #tile_table_desktop{
                display:none;
            }
            #tile_table_mobile{
                margin-top:20px;
                display:block;
            }
            
            .tile{
                width:90%;
                margin:auto;
                margin-bottom:20px;
                padding:10px;
                min-height:100px;
                border-radius:4px;
                border:1px solid #d4d4d4;
                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            }
            
            .tileHolder{
                width:96%;
                margin:auto;
                padding:10px;
                position:relative;
                overflow:hidden;
                margin-top:10px;
            }
            
            #topdiv table td{
            vertical-align:top;
          }
          
          #ftrTbl{
            width:100%;
          }
          #ftrTbl td{
            padding:5px;
            text-align:center;
          }
          
          .mainTile{
            width:150px;
            height:200px;
            }
            
            #mainTile_desktop{
                display:none;
            }
            
            #mainTile_mobile{
                width:100%;
                display:block;
                margin-top:30px;
            }
            #tile_tbl_mb{
                width:98%;
                margin:auto;
                margin-top:30px;
                table-layout:fixed;
            }
            #tile_tbl_mb td{
                text-align:center;
                padding-left:10px;
                padding-right:10px;
            }
            
            .iconHolder{
                width:80%;
                height:150px;
                margin:auto;
                padding:10px;
                border-radius:4px;
                border:1px solid grey;
                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                transition: box-shadow 0.3s ease-in-out;
            }
            .iconHolder:hover{
                border:2px solid grey;
                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.6), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            }
            
            #tile_tbl_mb td img{
                width:80%;
                margin:auto;
            }
            
            #s1{display:none;}
            #s2{display:block;}
            
            .newsDiv{
            
                width:96%;
                margin:auto;
            } 
            
            
            .eightywide{
                width:97%;
                margin:auto;
                padding:10px;
                overflow:hidden;
            }
                
            
        .mainHeritageImgHolder{
            width:100%;
            margin:auto;
            margin-bottom:50px;
        } 
        .mainHeritageImgHolder img{
            width:100%;
            margin:auto;
        } 
            
         
        .mainHeritageImgHolder p{
           font-family: 'Satisfy';
            font-size: 26px;
            margin-left:5px;
            line-height:1.4;
        } 
            
            
            
            
            
        }

        @media (max-width: 480px) {
        }

        @media (max-width: 320px) {
        }