body    {
      margin-top: 1px ;
      margin-left: 1px ;
         xbackground: #e8e8e8 ;
      }

         a:link  {
            text-decoration: none ;
            color: #707070 ;
         }
         
         a:visited   {
            text-decoration: none ;
            color: #707070 ;
         }

         a:hover   {
            color: #d96528 ;
         }

        #mainContainer { /* the main page container with outline */
           background-color: #ffffff ;
           width: 870px ;
           height: 780px ;
           background-color: white ;
           padding-bottom: 1px ;
              margin-left: auto ;  /* these two parameters control page center alignment */
              margin-right: auto ;
              margin-top: 1px ;
              margin-bottom: 1px ;
           }

        #headContainer { /* the head image container with top outline */
           background-color: #fff;
           background-image: url(/homeimages/HomeHd.jpg) ;
           background-repeat: no-repeat ;
           width: 870px ;
           height: 72px ;
        }

       #menuContainer   { /* the box holding the menu bar */
            margin-top: 0px ;
            width: 850px ;
            height: auto ;
            padding: 1px 0px 0px 20px ;
        }
        
    #animateBox   {  /* the box that holds both the searchBox and the bannerBox */
       margin-top: 0px ;
          xwidth: 870px ;
       xwidth:100% ;
       height: 145px ;
       border-bottom: 3px solid #d96528 ;
       }

      #searchBox  {
      float: left ;
      xwidth: 198px ;
      width: 206px ;
      height: 130px ;
      padding: 5px 0px 0px 7px ;
        xmargin : 6px 0px 0px 8px ;
      margin : 6px 0px 0px 2px ;
      background-color: #ffffff ;
      background-image: url("/images/searchBox_1.gif") ;
      background-repeat:no-repeat ;
      xbackground-color: #f4f4f5 ;
      xborder: 1px solid #e1e2e3 ;
      font-family: Arial ;
      font-size: 9pt ;
      }

         form   {
            top-margin: 0px ;
            }

    #bannerBox   {
       float: right ;
       height: 132px ;
       width: 639px ;
       margin : 3px 4px 0px 0px ;
       background-color: #ffffff ;
         xborder: 1px solid #e1e2e3 ;
       }

   /* the subject box is the area below the animation section */
   
   #subjectBox   {
      font-family: Arial ;
      font-size: 9pt ;
      width: 870px ;
      height: auto ;
      xborder: 1px solid green ;
      }

        #subjectBox ul   {
           margin: 0px ;
           padding: 5px ;
           list-style-type: none ;
           }
   
        #subjectBox li   {
           background-image: url(/homeimages/obull-1.gif) ;
           background-repeat: no-repeat ;
           background-position: left center ;
           padding-left: 20px   ;
           padding-bottom: 3px ;
           }
           
   .titleBox   {
      text-align: left ;
      font-family:'Century Gothic', sans-serif;
      font-size: 12pt ;
      font-weight: bold ;
      /* title text colors */
        xcolor: #0073C6 ;  /* CML Blue */
        xcolor: #000000 ; /* Black */
        color: #000066 ;  /* Dark blue */
      margin: 4px 0px 5px 5px ;
   }
   
   /* end of subject box div area */

     /* horizontal box sections start */
     
     #topBox   {
        margin-top: 3px ;
        margin-bottom: 0px ;
        width: 120% ;
        height: 165px ;
        xborder: 1px solid green ;
        background: #ffffff ;
        padding: 0px 0px 0px 0px ;
        }

     #midBox   {
        margin-top: -10px ;
        margin-bottom: -10px ;
        xmargin-left: auto ;
        xmargin-right: auto ;
           xwidth: 858px ;
        width: 120% ;
        height: 165px ;
        xborder: 1px solid green ;
        background: #ffffff ;
        padding: 0px 0px 0px 0px ;
        }

     /* horizontal box sections end */
     
     /* sectional boxes start */
     
     #top1   {  /* Two-way Radio */
        float: left ;
        margin: 3px 2px 1px 3px ;
        width: 208px ;
        height: 150px ;
        border: 1px solid #e1e2e3 ;
        background-image: url("/homeimages/TWRBox.gif") ;
        background-repeat:no-repeat ;
        padding: 0px 0px 0px 0px ;
        }
        
    #top2   {  /* Digital Voice */
        float: left ;
        margin: 3px 4px 1px 3px ;
        width: 208px ;
        height: 150px ;
        border: 1px solid #e1e2e3 ;
           xbackground-image: url("/homeimages/DigVBox.gif") ;
        background-image: url("/homeimages/DuraTALK.gif") ;
        background-repeat:no-repeat ;
        padding: 0px 0px 0px 0px ;
        }

     #top3   {   /* Wireless Data */
        float: left ;
        margin: 3px 3px 1px 3px ;
        width: 208px ;
        height: 150px ;
        border: 1px solid #e1e2e3 ;
        background-image: url("/homeimages/WDBox.gif") ;
        background-repeat: no-repeat ;
        padding: 0px 0px 0px 0px ;
        }

     #top4   {   /* Wireline Telecom */
        float: left ;
        margin: 3px 2px 1px 0px ;
        width: 208px ;
        height: 150px ;
        border: 1px solid #e1e2e3 ;
        background-image: url("/homeimages/WTBox.gif") ;
        background-repeat:no-repeat ;
        padding: 0px 0px 0px 0px ;
        }

     #mid1   {   /* RF Solutions */
        float: left ;
        margin: 2px 2px 1px 3px ;
        width: 208px ;
        height: 150px ;
        border: 1px solid #e1e2e3 ;
        background-image: url("/homeimages/RFBox.gif") ;
        background-repeat:no-repeat ;
        xbackground-position: center bottom ;
        xbackground-color: #f4f4f5 ;
        padding: 0px 0px 0px 0px ;
        }

     #mid2   {   /* Embedded Products */
        float: left ;
        margin: 2px 4px 1px 3px ;
        width: 208px ;
        height: 150px ;
        border: 1px solid #e1e2e3 ;
        background-image: url("/homeimages/EmbBox.gif") ;
        background-repeat:no-repeat ;
        xbackground-position: center bottom ;
        background-color: #f4f4f5 ;
        padding: 0px 0px 0px 0px ;
        }

     #mid3   {   /* Marine AIS/VHF */
        float: left ;
        margin: 2px 3px 1px 0px ;
           xmargin: 2px 2px 1px 0px ;
        width: 208px ;
        height: 150px ;
        border: 1px solid #e1e2e3 ;
        background-image: url("/homeimages/MarineBox.gif") ;
        background-repeat: no-repeat ;
           xbackground-position: center bottom ;
           xbackground-color: #f4f4f5 ;
        padding: 0px 0px 0px 0px ;
        }
        
     #mid4   {   /* Custom Solutions */
        float: left ;
        margin: 2px 2px 1px 2px ;
        width: 208px ;
        height: 150px ;
        border: 1px solid #e1e2e3 ;
        background-image: url("/homeimages/FirmAsicBox.gif") ;
        background-repeat: no-repeat ;
        background-position: center bottom ;
        background-color: #f4f4f5 ;
        padding: 0px 0px 0px 0px ;
        }

    #botLeft   {   /* Advert Box */
        float: left ;
        color: #707070 ;
        font-size: 8pt ;
        font-style: normal ;
        margin: 3px 0px 3px 2px ;
        width: 420px ;
        height: 150px ;
        border: 1px solid #e1e2e3 ;
        padding: 0px 0px 0px 2px ;
        background: #ffffff ;
        }
        
        #addBox   {
           float: right ;
           width:160px ;
              height: 140px ;
            xheight: 50px ;
              margin: 5px 3px 0px 0px ;
           xmargin: 17px 3px 0px 5px ;
              xpadding-left: 10px ;
             xbackground-image: url("/homeimages/7163Ad.gif") ;
           }

           .newsText   {
              margin: 0px 2px 4px 2px ;
                 padding: 0px 5px 0px 5px ;
              }

        .clearboth  {
            clear: both ;
        }

   #orangeBar   {  /* the orange bar at the bottom of the page */
      xwidth: auto ;
      border-top: 3px solid #d96528 ;
      margin: 0px 0px 2px 0px ;
      }

   #botBar          {  /* the coloured bar at the bottom of the page */
      font-family: Arial ;
      font-size: 10pt ;
      width: auto ;
      height: 30px ;
      background: #000066 ;  /* dark blue */
      padding: 5px 0px 0px 5px ;
      text-align: center ;
      margin: 0px 0px -1px 0px ;
   }
   
   /* Start of resource coding for links at in the botBar at the foot of the page */

/*

      #botBar li   {
         list-style-type: none ;
         float: left ;
         width: auto ;
         xline-height: 15px ;
         padding: 0px 50px 0px 40px ;
         margin: -5px 0px 0px 0px ;
         color: white ;
         }

      #botBar li a:link   {
         font-style: normal ;
         font-size: 9pt ;
         text-decoration: none ;
         color: white ;
         display: block ;
         padding-bottom: 0px ;
         }
         
      #botBar li a:visited   {
         text-decoration: none ;
         color: #33ffff ;
         }

      #botBar li a:hover   {
         color: #d96528 ;
         text-decoration: none ;
         }
         
    */
    
    #botBar li   {
         list-style-type: none ;
         float: left ;
         width: auto ;
         padding: 0px 50px 0px 40px ;
         margin: -5px 0px 0px 0px ;
         color: white ;
         }

      #botBar a:link   {
         font-style: normal ;
         font-size: 9pt ;
         text-decoration: none ;
         color: white ;
         display: block ;
         padding-bottom: 0px ;
         }
         
      #botBar a:visited   {
         text-decoration: none ;
         color: #33ffff ;
         }

      #botBar a:hover   {
         color: #d96528 ;
         text-decoration: none ;
         }


   /* end of resource coding for links at in the botBar at the foot of the page */


   /* the subject box is the area below the animation section */
   
   #subjectBox   {
      font-family: Arial ;
      font-size: 9pt ;
      }

        /* these following codes commented out as an experiment to speed page loading
        
        x#subjectBox ul   {
           margin: 0px ;
           padding: 5px ;
           list-style-type: none ;
           }
   
        x#subjectBox li   {
           background-image: url(/homeimages/obull-1.gif) ;
           background-repeat: no-repeat ;
           background-position: left center ;
           padding-left: 20px   ;
           padding-bottom: 5px ;
           }
    */

   /*
      .titleBox   {
      text-align: left ;
      font-family:'Century Gothic', sans-serif;
      font-size: 12pt ;
      font-weight: bold ;
      color: #000000 ;
      margin: 4px 0px 10px 5px ;
   }
   */
   
   h1, h3, h4   {
      margin: 0px 0px 0px 0px ;
      text-align: center ;
      color: #ffffff ;
      background-color: black ;
      padding: 2px 0px 2px 0px ;
      }

    /* start of menu at the bottom of page to try to get Google to set SiteLinks */
    /* end of menu at the bottom of page to try to get Google to set SiteLinks */
    
    /*  odd bits below for the home page presentation */
    
    .white   {
       color: #ffffff ;
       }

   /* # # # # # # # new test bits # # # # # # # */

   #botbotBox   { /* bottom wide horizontal box */
        margin-top: 0px ;
        margin-bottom: 5px ;
        width: 870px ;
        xwidth: 100% ;
        height: 165px ;
          xborder: 1px solid green ;
        background: #ffffff ;
        padding: 0px 0px 0px 0px ;
        }

   #botbot1   {   /* left hand bottom box "Advert Box" */
        float: left ;
        margin: 2px 4px 1px 3px ;
        max-width: 420px ;
        height: 150px ;
        border: 1px solid #e1e2e3 ;
        padding: 0px 1px 0px 1px ;
        }

     #botbot3   {  /* right hand bottom news area */
        float: left ;
        font-size: 8pt ;
        margin: 2px 0px 1px 2px ;
        width: 422px ;
        height: 150px ;
        border: 1px solid #e1e2e3 ;
        padding: 0px 0px 0px 0px ;
        }

            botbot3 b   {
            color: #545454 ;
           }

           #botbot3 a:link   {
              xcolor: white ;
           }
           
     .red   {
        color: red ;
     }
     
     #copyright   {
       margin-top: 10px ;
       color: #989898 ;
       font-family: Arial ;
       font-size: x-small ;
     }