body { overflow:hidden; font-family:arial; background-color:#ffffff;}

    /* background/border layers */
    #back_tl, #back_tr, #back_bl, #back_br
    {  z-index: 1; top:0; left:0; position:absolute; }
    div#back_tr {
      background: transparent url('../res/flat/border_tr.gif') no-repeat top left;
      color: #6F1DE3;
      font-size: 13px;
      font-weight: bold;
      padding: 0px 0px 0 0px;

      }
    div#back_tr a:hover {color: #0F4FB2; }
    div#back_tr_inner {text-align:right; margin: 3px 65px 0 0px;}

    #back_t, #back_l, #back_r, #back_b
    {
      z-index: 0;
      top:0;
      left:0;
      position:absolute;
    }

    #back_t { background-image:url('../res/flat/border_t.png'); background-repeat:repeat-x; }
    #back_b { background-image:url('../res/flat/border_b.png'); background-repeat:repeat-x; }
    #back_l { background-image:url('../res/flat/border_l.png'); background-repeat:repeat-y; }
    #back_r { background-image:url('../res/flat/border_r.png'); background-repeat:repeat-y; }

    #back_tl { z-index:4; }
    #back_bl { z-index:2; }

    #col_logo { z-index:3; left:128px; top:0; position: absolute; }
    img {border:0;}

    #menuLayer
    {
      position:absolute;
      top:512px;
      left:40px;
      z-index:100;
      width:800px;
      height: 28px;

    }

    /* top level menu layers */
    #menuHome,
    #menuAboutUs,
    #menuProducts,
    #menuServices,
    #menuSupport,
    #menuDownloads,
    #menuSiteMap,
	 #menuTerms
    {
      position:absolute;
      top:0;
      left:0;
      z-index:100;
      width:80px;
      height:32px;
      background-image:url('../res/flat/button_main_u.png');
      font-size:105%;
    }

    #menuAboutUs { left:80px; }
    #menuProducts { left:160px; }
    #menuServices { left:240px; }
    #menuSupport { left:320px; }
    #menuDownloads { left:400px; }
    #menuSiteMap { left:480px; }
    #menuTerms { left:560px; }

    /* sub menu layers */
    #menuAboutUsAboutUs,
    #menuAboutUsContact,
    #menuAboutUsPeople,
    #menuAboutUsWhere,
    #menuAboutUsRolling,
    #menuAboutUsOverseas,
    #menuProductsAll,
    #menuProductsAge,
    #menuProductsSubject,
    #menuProductsPlatform,
    #menuProductsHowToOrder,
    #menuProductsDeals,
    /* #menuProductsLicences, */
    #menuServicesExhibitions,
    #menuServicesPressReleases,
    #menuServicesApprovals,
    #menuServicesRegister,
    /* #menuServicesForms,
    #menuServicesOrder */
    #menuServicesAdvisors,
    #menuServicesLicences,
    #menuServicesITT,
    #menuSupportList,
    #menuSupportForm,
    #menuDownloadsDemos,
    #menuDownloadsResources,
    #menuDownloadsUpdates,
    #menuDownloadsCatalogue,
    #menuDownloadsLinks
    {
      position:absolute;
      top:-32px;
      left:40px;
      z-index:110;
      width:80px;
      height:32px;
      font-size:105%;
      visibility:hidden;
    }

    #menuProductsAgeFoundation,
    #menuProductsAgeKS1,
    #menuProductsAgeKS2,
    #menuProductsAgeKS3,
    #menuProductsAgeABE,
    #menuProductsAgeSEN,
    #menuProductsAgeTop
    {
      position:absolute;
      top:-64px;
      left:120px;
      z-index:120;
      width:80px;
      height:32px;
      font-size:90%;
      visibility:hidden;
    }

    #menuProductsAgeKS1{ top:-96px; }
    #menuProductsAgeKS2{ top:-128px; }
    #menuProductsAgeKS3{ top:-160px; }
    #menuProductsAgeABE{ top:-192px; }
    #menuProductsAgeSEN{ top:-224px; }
    #menuProductsAgeTop{ top:-240px; height:16px; }

    #menuProductsSubjectEnglish,
    #menuProductsSubjectMaths,
    #menuProductsSubjectScience,
    #menuProductsSubjectMusic,
    #menuProductsSubjectICT,
    #menuProductsSubjectEarlyLearning,
    #menuProductsSubjectProblemSolving,
    #menuProductsSubjectMFL,
    #menuProductsSubjectPerSoc,
    #menuProductsSubjectCooking,
    #menuProductsSubjectDesignTechnology,
    #menuProductsSubjectTop
    {
      position:absolute;
      top:-64px;
      left:200px;
      z-index:120;
      width:80px;
      height:30px;
      font-size:90%;
      visibility:hidden;
    }

    #menuProductsSubjectTop { top: -346px; height:16px;  }


    #menuProductsSubjectCooking { top:-330px; }
    #menuProductsSubjectDesignTechnology { top:-300px; }
    #menuProductsSubjectEarlyLearning { top:-270px; }
    #menuProductsSubjectEnglish { top:-240px; }
    #menuProductsSubjectICT { top: -210px; }
    #menuProductsSubjectMaths { top: -180px; }
    #menuProductsSubjectMFL { top: -150px; }
    #menuProductsSubjectMusic { top: -120px; }
    #menuProductsSubjectProblemSolving{ top:-90px; }
    /*#menuProductsSubjectPerSoc { top:-85px; }*/
    #menuProductsSubjectScience { top: -60px; }


    #menuProductsPlatformWin,
    #menuProductsPlatformMac,
    #menuProductsPlatformAcorn,
    #menuProductsPlatformTop
    {
      position:absolute;
      top:-64px;
      left:280px;
      z-index:120;
      width:80px;
      height:32px;
      font-size:90%;
      visibility:hidden;
    }
    #menuProductsPlatformWin {top:-64px;}
    #menuProductsPlatformMac {top:-96px;}
    #menuProductsPlatformAcorn {top:-128px; }
    #menuProductsPlatformTop {top:-144px; height:16px; }



    #menuProductsAge,#menuAboutUsContact,#menuServicesLicences,#menuSupportForm,#menuDownloadsResources
    { left:120px; }
    #menuProductsSubject,#menuAboutUsPeople,#menuServicesAdvisors,#menuDownloadsUpdates
    { left:200px; }
    #menuProductsPlatform,#menuAboutUsWhere, #menuServicesITT,#menuDownloadsCatalogue
    { left:280px; }
    #menuProductsHowToOrder,#menuAboutUsOverseas, #menuServicesExhibitions,#menuDownloadsLinks
    { left:360px; }
    #menuProductsDeals,#menuServicesPressReleases
    { left:440px; }
    /*#menuServicesPress
    { left:520px; }*/

    #pageFrame
    {
      position:absolute;
      left: 30px; top:88px;
      z-index:20;
      margin: 0; padding: 0; border:0;
      overflow: auto;

    }

    #topologikaLogo, #topologikaStrapline, #colLogo, #topologikaSmallLogo
    {
      position:absolute;
      z-index:15;
    }

    #topologikaLogo
    {
      left:24px;
      top:0;
      z-index:16;
    }



    .submenuButtonU
    {
      background-image:url('../res/flat/button_sub_u.png');
      background-color:rgb(192,198,239);
    }
    .submenuButtonD
    {


      background-image:url('../res/flat/button_sub_d.png');
      background-color:rgb(240,240,255);
    }

    .menuButtonU, .menuButtonD
    {
      color:rgb(128,128,128);
      visibility:visible;
    }

    .menuButtonD
    {
      background-image:url('../res/flat/button_main_d.png');
      background-color:rgb(192,198,239);
    }

    .menuButtonU
    {
      background-image:url('../res/flat/button_main_u.png');
      background-color:rgb(106,15,221);
      color:rgb(255,255,255);
    }

    .dropmenuButton
    {
      background-image:url('../res/flat/button_drop.png');
    }

    a.menuButtonULink { color:rgb(255,255,255); text-decoration:none; font-family:arial; font-size: 80%; }
    a.menuButtonULink:hover { text-decoration: underline;  }
    a.menuButtonULink:visited {   }
    a.menuButtonULink:active {   }

    a.menuButtonDLink { font-weight:bold; color:rgb(0,0,0); text-decoration:underline; font-family:arial; font-size: 80%; }
    a.menuButtonDLink:hover { text-decoration: underline;  }
    a.menuButtonDLink:visited {   }
    a.menuButtonDLink:active {   }

    a.submenuButtonULink { color:rgb(0,0,0); text-decoration:none; font-family:arial; font-size: 80%; }
    a.submenuButtonULink:hover { text-decoration: underline;  }
    a.submenuButtonULink:visited {   }
    a.submenuButtonULink:active {   }

    a.submenuButtonDLink { font-weight:bold; color:rgb(0,0,0); text-decoration:underline; font-family:arial; font-size: 80%; }
    a.submenuButtonDLink:hover { text-decoration: underline;  }
    a.submenuButtonDLink:visited {   }
    a.submenuButtonDLink:active {   }