body
        {
            background: #ffffff;
            font-size: 13px;
            font-family: Arial, Leelawadee;
            margin: 0px;
            padding: 0px;
            color: #000000;
            direction: ltr;
            z-index: 0px;
        }
        
        .delete-button
        {
            width: 16px;
            height: 16px;
            display: block;
            position: static;
             margin-bottom:5px;
        }
        
        
        .modalBackground
        {
            background-color: Black;
            filter: alpha(opacity=40);
            opacity: 0.40;
        }
        
        .center
        {
            z-index: 1000;
            padding: 10px;
            width: 100px;
            background-color: White;
            border-radius: 10px;
            filter: alpha(opacity=100);
            opacity: 1;
            -moz-opacity: 1;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -50px;
            margin-top: -50px;
            text-align: center;
        }
        
                .center img
        {
            height: 100px;
            width: 100px;
        }
        
        .MenuBar a
        {
            font-size: 11px;
            color:#4c4c4c;
            text-decoration: none;
        }
        
        .MenuBar a:hover
        {
            font-size: 11px;
            color: #000000;
            text-decoration: none;
        }
        
         .linkBtn
        {
            text-decoration: none;
        }
        
        .linkBtn:hover
        {
            text-decoration:underline;
        }
        
        
        .lineHeight
        {
            line-height: 160%;
        }
        
           
        @media only screen and (min-width: 900px), print
        {
            .print
            {
                                width:950px;
                 color:#a6a4a4;
                  position:absolute;
            border:0px solid black;
            top:0px;
            text-align:right;
            padding: 15px 0px 15px 0px;
            }
            

            .sidenavmenu
            {
                display: none;
            }
        
        
        
            .MenuBar
            {
                border-bottom: 1px dotted #8e8d8d;
                padding: 15px 0px 15px 0px;
                width: 950px;
                position: relative;
                margin: 0 auto;
                
            }
        
            .topic
            {
                font-weight: bold;
                font-size: x-large;
                position: relative;
                margin: 0 auto;
                width: 950px;
                padding: 15px 0px 15px 0px;
                color: #af2415;
            }
        
            .menu-mobile
            {
                display: none;
            }
        
        
            .header-mobile-left
            {
                display: none;
            }
        
            .lang
            {
                width: 950px;
                height: 20px;
                font-size: 12px;
                left: 0px;
                right: 0px;
                margin: 0 auto;
                z-index: 100;
                top: 0px;
                position: fixed;
                color: Black;
                background-color: White;
                padding-top: 5px;
            }
                .lang a
        {
             color: Black;
            text-decoration:none;
        }
        
               .lang a:hover
        {
            text-decoration:underline;
        }
        
            .header-back
            {
                width: 100%;
                height: 100px;
                background-color: #af2415;
                position: fixed;
                top: 25px;
                left: 0px;
                right: 0px;
                margin: 0 auto;
            }
        
            .header
            {
                position: fixed;
                height: 100px;
                width: 950px;
                top: 25px;
                background-image: url(../images/baner.jpg);
                background-repeat: no-repeat;
                left: 0px;
                right: 0px;
                margin: 0 auto;
                z-index: 1000;
            }
        
        
        
            .header-Scroll-back
            {
                width: 100%;
                height: 50px;
                background-color: #af2415;
                position: fixed;
                top: 0px;
                left: 0px;
                right: 0px;
                margin: 0 auto;
            }
        
            .header-Scroll
            {
                position: fixed;
                height: 100px;
                width: 950px;
                top: 0px;
                background-image: url(../images/Scroll-baner.jpg);
                background-repeat: no-repeat;
                left: 0px;
                right: 0px;
                margin: 0 auto;
                z-index: 1000;
            }
        
            .header-mobile
            {
                display: none;
            }
        
        
            .menu
            {
                position: fixed;
                top: 125px;
                width: 950px;
                height: 40px;
                z-index: 1000;
                left: 0px;
                right: 0px;
                margin: 0 auto;
                background-color: #242424;
                border-bottom: 8px solid #af2415;
                margin-top: 1px;
            }
        
        
        
        
            .menu-Scroll
            {
                position: fixed;
                top: 50px;
                width: 950px;
                height: 40px;
                z-index: 1000;
                left: 0px;
                right: 0px;
                margin: 0 auto;
                background-color: #242424;
                border-bottom: 8px solid #af2415;
                margin-top: 1px;
            }
        
        
            .menu-Scroll-back
            {
                width: 100%;
                height: 40px;
                background-color: #242424;
                top: 50px;
                position: fixed;
                left: 0px;
                right: 0px;
                margin: 0 auto;
                z-index: 1000;
                border-bottom: 8px solid #af2415;
                border-top: 1px solid #ffffff;
            }
        
            .menu-back
            {
                width: 100%;
                height: 40.5px;
                background-color: #242424;
                top: 125px;
                position: fixed;
                left: 0px;
                right: 0px;
                margin: 0 auto;
                z-index: 1000;
                border-bottom: 8px solid #af2415;
                border-top: 1px solid #ffffff;
            }
        
        
            .home-text1-head
            {
                position: relative;
                width: 950px;
                left: 0px;
                right: 0px;
                margin: 0 auto;
                top: 25px;
                font-size: 26px;
                font-weight: bold;
                font-family: Arial;
                border-bottom: 1px solid #333333;
                color: #333333;
            }
        
        
            .home-text1
            {
                position: relative;
                width: 950px;
                left: 0px;
                right: 0px;
                margin: 0 auto;
                top: 46px;
                line-height: 160%;
            }
        
            .header-mobile-right
            {
                display: none;
            }
        
        
            .header-mobile-left
            {
                display: none;
            }
        
        
            .top-slideShow
            {
                width: 100%;
                height: 175px;
                position: relative;
                margin: 0 auto;
            }
        
            .slidshow
            {
                position: relative;
                margin: 0 auto;
                left: 0px;
                right: 0px;
                margin: 0 auto;
                padding-left: -30px;
                padding-right: -30px;
                width: 950px;
                height: 400px;
                overflow: hidden;
                visibility: hidden;
            }
        
            .news
            {
                width: 950px;
                height: 80px;
                position: relative;
                background-color: #491047;
                top: 0px;
                left: 0px;
                right: 0px;
                margin: 0 auto;
                border-top: 1px solid #ffffff;
                color: White;
                font-family: Arial;
            }
        
            .news-part1
            {
                width: 60px;
                height: 80px;
                position: absolute;
                float: left;
                font-weight: bold;
            }
            .news-part1-text
            {
                background-color: #30142f;
                padding-top: 34px;
                padding-bottom: 30px;
                padding-left: 10px;
                padding-right: 5px;
            }
        
            .news-part2
            {
                width: 295px;
                height: 80px;
                position: absolute;
                left: 60px;
                border-left: 1px solid #ffffff;
            }
        
            .news-part3
            {
                width: 295px;
                height: 80px;
                position: absolute;
                left: 355px;
                border-left: 1px solid #ffffff;
            }
            .news-part4
            {
                width: 295px;
                height: 80px;
                position: absolute;
                left: 650px;
                border-left: 1px solid #ffffff;
            }
        
            .date
            {
                height: 20px;
                padding-top: 10px;
                padding-left: 15px;
            }
        
            .subject
            {
                height: 60px;
                padding-top: 6px;
                padding-left: 20px;
                font-size: 13px;
            }
        
            .aids-tb-malaria
            {
                width: 950px;
                height: 250px;
                position: relative;
                top: 70px;
                left: 0px;
                right: 0px;
                margin: 0 auto;
            }
        
        
            .aids
            {
                background-image: url(../images/Aids-2.jpg);
                position:absolute;
                height: 145px;
                width: 280px;
                left: 27px;
                text-align: center;
            }
        
        
        
            .aids a
            {
                padding: 100px 50px 30px 50px;
                text-decoration: none;
                font-size: 12px;
                font-family: Tahoma;
                display: block;
                color: #cc2222;
            }
        
        
            .aids a:hover
            {
                padding: 100px 50px 30px 50px;
                text-decoration: none;
                font-size: 12px;
                font-family: Tahoma;
                display: block;
                color: #ffffff;
            }
        
        
        
        
        
        
            .tb
            {
                background-image: url(../images/TB-2.jpg);
                position: absolute;
                height: 145px;
                width: 280px;
                left: 334px;
                text-align: center;
            }
        
        
        
        
            .tb a
            {
                padding: 100px 50px 30px 50px;
                text-decoration: none;
                font-size: 12px;
                font-family: Tahoma;
                display: block;
                color: #0066bb;
            }
        
        
            .tb a:hover
            {
                padding: 100px 50px 30px 50px;
                text-decoration: none;
                font-size: 12px;
                font-family: Tahoma;
                display: block;
                color: #ffffff;
            }
        
            .malaria
            {
                background-image: url(../images/Malaria-2.jpg);
                position: absolute;
                height: 145px;
                width: 280px;
                left: 641px;
                text-align: center;
            }
        
            .malaria a
            {
                padding: 100px 50px 30px 50px;
                text-decoration: none;
                font-size: 12px;
                font-family: Tahoma;
                display: block;
                color: #ffaa23;
            }
        
        
            .malaria a:hover
            {
                padding: 100px 50px 30px 50px;
                text-decoration: none;
                font-size: 12px;
                font-family: Tahoma;
                display: block;
                color: #ffffff;
            }
        
        
            .member
            {
                position: relative;
            }
        
            .memberMobile
            {
                display: none;
            }
        
        
        .imageNews
        {
             height:400px;
              width:650px ;
        }
        
      .widthNews
        {
             width:950px;
        }
        
        .widthOB
        {
         width:450px;   
        }
  
        .widthGridView
        {
         width:400px;   
        }
        
            .top-footer
            {
                display: none;
            }
        
            .footer
            {
                background-color: #242424;
                width: 100%;
                height: 125px;
                margin: 0 auto;
                position: relative;
            }
        
                    .globalLogo
            {
                 background-image: url(../images/GlobalFund.png);
                  background-repeat: no-repeat;
			background-position:right;
                  position:relative;
                  width:950px;
                top: 40px;
                left: 5px;
                right: 0px;
                margin: 0 auto;
                border:0px solid white;
                height:35px;
            }
            
             .globalLogo a
            {
           position: absolute;
            text-decoration: none;
            color: white;
             border: 0px solid #ffffff;
              z-index:100;
            width:203px;
            height:35px;
             right:0;
            }
        
                    
            .footerDate
            {
                width:950px;
                 color:#a6a4a4;
                  position:absolute;
            border:0px solid white;
              left: 0px;
                right: 5px;
                margin: 0 auto;
            top:51px;
            text-align:left;
            font-size:12px;
            }
        }
        
        @media only screen and (max-width:900px)
        {
            
            .print
            {
                 display:none;
            }
            
            
            .sidenavmenu
            {
                display: inline;
            }
        
            .topic
            {
                font-weight: bold;
                font-size:large;
                position: relative;
                margin: 0 auto;
               width: 100%;
                color: #af2415;
                 padding: 15px 0px 15px 0px;
            }
        
            .MenuBar
            {
                border-bottom: 1px dotted #ccc;
                width: 100%;
                position: relative;
                margin: 0 auto;
                 padding: 15px 0px 15px 0px;
            }
        
            .header-mobile
            {
                width: 100%;
                height: 65px;
                background-color: #af2415;
                position: fixed;
                top: 25px;
                left: 0;
                left: 0px;
                color: #ffffff;
                z-index: 50;
            }
            .header-mobile-left
            {
                background-image: url(../images/mobile-baner-left.jpg);
                position: fixed;
                top: 25px;
                left: 45px;
                z-index: 100;
                height: 65px;
                background-repeat: no-repeat;
                width: 50%;
            }
        
            .header-mobile-right
            {
                background-image: url(../images/mobile-baner-right.jpg);
                position: fixed;
                top: 25px;
                right: 5px;
                z-index: 80;
                height: 65px;
                background-repeat: no-repeat;
                width: 50%;
                background-position: center right;
            }
        
            .menu
            {
                display: none;
            }
        
            .menu ul
            {
                display: none;
            }
        
        
            .menu-back
            {
                display: none;
            }
        
            .menu-Scroll
            {
                display: none;
            }
        
            .menu-Scroll-back
            {
                display: none;
            }
        
            .menu-Scroll ul
            {
                display: none;
            }
        
            .lang
            {
                width: 100%;
                height: 20px;
                font-size: 12px;
                top: 0px;
                position: fixed;
                left: 0px;
                right: 5px;
                float: left;
                z-index: 55;
                color: Black;
                background-color: White;
                padding-top: 5px;
            }
            
                        
                    .lang a
        {
             color: Black;
            text-decoration:none;
        }
        
               .lang a:hover
        {
            text-decoration:underline;
        }
        
            .menu-mobile
            {
                position: fixed;
                display: inline;
                color: White;
                z-index: 99;
                left: 10px;
                top: 46px;
            }
        
           .main-page
            {
                padding-left:15px;
                padding-right:15px;
            }
        
            .top-slideShow
            {
                width: 100%;
                height: 91px;
                position: relative;
                margin: 0 auto;
            }
        
        
            .slidshow
            {
                position: relative;
                margin: 0 auto;
                top: 0px;
                left: 0px;
                right: 0px;
                padding-left: -30px;
                padding-right: -30px;
                width: 950px;
                height: 400px;
                overflow: hidden;
                visibility: hidden;
            }
        
        
            .news
            {
                width: 100%;
                position: relative;
                background-color: #491047;
                margin: 0 auto;
                color: White;
                font-family: Arial;
            }
        
        
            .news-part1
            {
                width: 100%;
                height: 80px;
                position: relative;
                font-weight: bold;
                border-top: 1px solid #ffffff;
                background-color: #30142f;
            }
        
            .news-part1-text
            {
                padding-top: 34px;
                padding-bottom: 30px;
                padding-left: 46%;
                font-size: 18px;
            }
        
        
            .news-part2
            {
                width: 100%;
                height: 80px;
                position: relative;
                top: 0px;
                left: 0px;
                border-top: 1px solid #ffffff;
            }
        
            .news-part3
            {
                width: 100%;
                height: 80px;
                position: relative;
                top: 0px;
                left: 0px;
                border-top: 1px solid #ffffff;
            }
            .news-part4
            {
                width: 100%;
                height: 80px;
                position: relative;
                top: 0px;
                left: 0px;
                border-top: 1px solid #ffffff;
            }
        
            .date
            {
                height: 20px;
                padding-top: 10px;
                padding-left: 15px;
            }
        
            .subject
            {
                height: 60px;
                padding-top: 8px;
                padding-left: 20px;
                font-size: 13px;
            }
        
            .home-text1-head
            {
                position: relative;
                width: 100%;
                top: 25px;
                font-size: 26px;
                font-weight: bold;
                font-family: Arial;
                border-bottom: 1px solid #333333;
                color: #333333;
            }
        
        
            .home-text1
            {
                position: relative;
                width: 100%;
                left: 0px;
                right: 0px;
                margin: 0 auto;
                top: 46px;
                line-height: 160%;
            }
        
        
            .aids-tb-malaria
            {
                display: inline;
            }
        
        
            .aids
            {
                background-image: url(../images/Aids-2.jpg);
                position: relative;
                height: 145px;
                width: 280px;
                text-align: center;
                z-index: 0;
                margin: 0 auto;
                 margin-top: 70px;
            }
        
        
        
            .aids a
            {
                padding: 100px 50px 30px 50px;
                text-decoration: none;
                font-size: 12px;
                font-family: Tahoma;
                display: block;
                color: #cc2222;
                z-index: 100;
            }
        
        
            .aids a:hover
            {
                padding: 100px 50px 30px 50px;
                text-decoration: none;
                font-size: 12px;
                font-family: Tahoma;
                display: block;
                color: #ffffff;
            }
        
            .tb
            {
                background-image: url(../images/TB-2.jpg);
                position: relative;
                height: 145px;
                width: 280px;
                text-align: center;
                margin: 0 auto;
                margin-top: 30px;
            }
        
        
        
        
            .tb a
            {
                padding: 100px 50px 30px 50px;
                text-decoration: none;
                font-size: 12px;
                font-family: Tahoma;
                display: block;
                color: #0066bb;
                z-index: 100;
            }
        
        
            .tb a:hover
            {
                padding: 100px 50px 30px 50px;
                text-decoration: none;
                font-size: 12px;
                font-family: Tahoma;
                display: block;
                color: #ffffff;
                z-index: 100;
            }
      
      
                  .malaria
            {
                background-image: url(../images/Malaria-2.jpg);
                position: relative;
                height: 145px;
                width: 280px;
                text-align: center;
                margin: 0 auto;
                 margin-top: 30px;
            }
        
        
        
        
            .malaria a
            {
                padding: 100px 50px 30px 50px;
                text-decoration: none;
                font-size: 12px;
                font-family: Tahoma;
                display: block;
                color: #ffaa23;
                z-index: 100;
                 padding-bottom:24px;
            }
        
        
            .malaria a:hover
            {
                padding: 100px 50px 30px 50px;
                text-decoration: none;
                font-size: 12px;
                font-family: Tahoma;
                display: block;
                color: #ffffff;
                z-index: 100;
            }

        
            .member
            {
                display: none;
            }
        
            .memberMobile
            {
                position: relative;
            }
        
           .imageNews
        {
             height:49%;
              width:80% ;
        }
        
        .widthNews
        {
             width:100%;
        }
          .widthOB
        {
         width:65%;   
        }
  
                .widthGridView
        {
         width:65%;   
        }
            .top-footer
            {
                width: 100%;
                height: 30px;
                position: relative;
                margin: 0 auto;
            }
            .footer
            {
                background-color: #242424;
                position: relative;
                height: 125px;
                width: 100%;
                text-align: center;
                margin: 0 auto;
            }

                    .globalLogo
            {
                background-image: url(../images/Mobile-GlobalFund.png);
                  background-repeat: no-repeat;
                  position:relative;
                  width:174px;
                top: 30px;
                left: 0px;
                right: 0px;
                margin: 0 auto;
                border:0px solid white;
                height:30px;
            }
                     .globalLogo a
            {
           
           position: absolute;
            text-decoration: none;
            color: white;
             border: 0px solid #ffffff;
              z-index:100;
            width:174px;
            height:30px;
            left:0;

            }
                    
            .footerDate
            {
                width:100%;
                 color:#a6a4a4;
                  position:absolute;
            border:0px solid white;
             left: 0px;
                right: 0px;
                margin: 0 auto;
            top:90px;
            font-size:12px;
            }
        }
        
        @media only screen and (max-width:450px)
        {
            .header-mobile-right
            {
                display: none;
            }
            .header-mobile-left
            {
                background-image: url(../images/mobile-baner-left.jpg);
                position: fixed;
                top: 25px;
                left: 45px;
                z-index: 100;
                height: 65px;
                background-repeat: no-repeat;
                width: 100%;
            }
        }