body
{
  font-family: arial, verdana, sans-serif;
  font-size:11px;
  color: #503228;
  background-color: #fff;
  background-image: url(/images/bgTitle.jpg);
  background-repeat: repeat-x;
  padding:0;
  margin: 0 auto;
}


/*For WYSIWIG*/

.greenText
{
  color:#B4BE28 !important;
}

.blueText
{
  color:#366585 !important;
}

.brownText
{
  color:#503228 !important;
}


/*Thanks*/





#wrapper

{
  margin: auto;
  width: 939px;
  text-align: justify;
}


    a
    {
      color: #b4be28;
      font-weight: normal;
      text-decoration: none;
      font-style: normal; 
    }

    a:hover
    {
      color: #b4be28;
      text-decoration: underline;
    }


  .whiteLinks a
  {
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
  }

  .whiteLinks a:hover
  {
    color: #fff;
    text-decoration: underline;
  }

#header
{
  float: left;
  width: 939px;
  height: 25px;
  background-image: url(/images/titleBgGradient939.jpg);
  background-repeat: no-repeat;
  margin: 15px 0 0 0;
  color: #fff;
}


  #headerLeft
  {
    float: left;
    width: 500px;
  }
  
  #headerRight
  {
    float: right;
    width: 300px;
  }
  
  #header p
  {
    margin: 0;
    padding: 5px;
  }
  
  .headerTriangle
  {
  float: left;
  margin: 0 0 45px 0;
  }


.searchbox
{
  float: right;
  margin: 4px 2px 0px 0;
  padding: 0;
}

        html>body .searchbox { margin: 4px 4px -18px 0; }


    .label
    {
      float: left;
      display: none;
    }
    

  #searchsubmit
  {
    float: left;
    font-size: 10px;
    width: 15px;
    color: #fff;
    background-color: #fff;
    margin:0;
    padding:0 0 1px 0;
    border: 0;
    background-image: url(/images/searchGlass.gif);
  }

  #searchfield
  {
    float: left;
    border: 0;
    background-color: #fff;
    font-size: 10px;
    margin: 0;
    padding: 1px 0px 2px 2px;
  }
  
  #search form
  {
    margin: 0 0 5px 0;
  }


#visuals
{
  float: left;
  width: 939px;
}

  #logoArea
  {
    float: left;
    width: 162px;
  }

  .storngyLogo
  {
    clear: left;
    border: none;
  }
  
  #flashArea
  {
  float: right;
  width: 776px;
  height: 144px;
  background-image: url(/images/loading.gif);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  }
   


#breadcrum
{
  clear: left;
  width: 939px;
  margin: 0;
  padding: 7px 7px 7px 0;
  color: #b4be28;
}

    #breadcrum span
    {
      color: silver;
    }
    

  #breadcrum a
  {
    color: silver;
  }
  
  #breadcrum a:hover
  {
    color: #b4be28;
  }


#main
{
  float: left;
  width: 939px;
}

  #main p
  {
    margin: 0;
    padding: 7px;
  }

  #menu
  {
    float: left;
    width: 173px;
  }
  
#menu ul
{
  margin:0px;
  padding:0px;
  list-style:none;
}

#menu ul a
{
  display: block;
  width: 166px;
  background: #fff;
  border-bottom: 1px solid white;
  padding-left: 7px;
  color: #503228;
  text-decoration: none;
  padding-top: 1px;
  padding-bottom: 2px;
}

#menu ul a:hover, #menu li.selected a
{
  background-image: url(/images/butHover.jpg);
  background-repeat: no-repeat;
  color: #fff;
}

#menu ul ul li a 
{
  padding-left:25px;
  width:148px;
  background-image: url(/images/butHoverArrow.jpg)!important;
  background-repeat: no-repeat;
  background-position:15px 3px;
  color: #503228 !important;
}

#menu ul ul li.selected a, #menu ul ul li a:hover
{
  background-image: url(/images/butHoverArrowOv.jpg) !important;
  background-repeat: no-repeat;
  background-color:#fff !important;
  color: #503228;
}


#navSpacer
{
  background-color: #fff;
  width: 100%;
  height: 1px;
  margin: 7px 0 7px 0;
  border-bottom: 1px #b4be28 dotted;
}


.arrow
{
clear: both;
height: 6px;
background-image: url(/images/titleBgGreenArrow.jpg);
background-repeat: no-repeat;
}
    
  
  #content
  {
    float: right;
    width: 755px;
    font-size: 12px;
  }
  
    
  #contentImageBlocks
  {
    float: right;
    width: 755px;
    height: 400px;
    overflow: auto;
    background-position:0px 25px;
    font-size: 12px;
  }
  
    #contentImageBlocks a
    {
    color: #503228;
    }

    #contentImageBlocks a:hover
    {
    color: #503228;
    }

  
      .careersImageBlock
      {
        background-image: url(/images/imageBlockCareers.jpg);
        background-repeat: no-repeat;
      }
  
      .organisationImageBlock
      {
        background-image: url(/images/imageBlockOrganisation.jpg);
        background-repeat: no-repeat;
      }

      .complianceImageBlock
      {
        background-image: url(/images/imageBlockCompliance.jpg);
        background-repeat: no-repeat;
      }

      .commercialImageBlock
      {
        background-image: url(/images/imageBlockCommercial.jpg);
        background-repeat: no-repeat;
      }      
      
   
  
      .ImageBlocksContent
      {
        float: left;
        margin: 15px 0 0 5px;
        width: 550px;
      }


                html>body .ImageBlocksContent { margin: 12px 0 0 10px; }
      

      
        #content p, #contentImageBlocks p
        {
          line-height: 1.4em;
        }

     
   
    .contentTitle
    {
      background-image: url(/images/titleBgGreen755.jpg);
      background-repeat: no-repeat;
    }

    .menuTitle
    {
      background-image: url(/images/titleBgGreen173.jpg);
      background-repeat: no-repeat;
      margin: 0 0 7px 0;
    }

   
    .contentFeature
    {
      background-image: url(/images/titleBgBlue370.jpg);
      background-repeat: no-repeat;
      /*
      height: 178px;
      overflow: auto;
      */
    }
    

    
      .contentTitle h1, .menuTitle h1
      {
        color: #fff;
        margin: 0;
        padding: 5px 5px 5px 7px;
        font-size: 12px;
        text-transform: uppercase;
      }
      
      .contentFeature h1
      {
        color: #fff;
        margin: 0;
        padding: 5px 5px 5px 7px;
        font-size: 12px;
        text-transform: uppercase;
      }      
      

      #content h2, #contentImageBlocks h2
      {
        color: #366585;
        margin: 0;
        padding: 5px 5px 5px 7px;
        font-size: 16px;
        /*text-transform: uppercase;*/
      }
      
      
        .forTables table
        {
          border-top: 1px #70a7bb solid;
          border-left: 1px #70a7bb solid;
          margin: 10px 0 0 7px;
          width: 740px;
        }
 
        .forTables table td
        {
          border-bottom: #70a7bb solid 1px;
          border-right: #70a7bb solid 1px;
          
        }
 
        .forTables table th
        {
          background-color: #70a7bb;
          color: #fff;
         
        }
        

  #features
  {
    float: left;
    width: 100%;
    margin: 20px 0 15px 0;
  }
  
    #featureLeft
    {
      float: left;
      width: 370px;
      height: 178px;
      background-image: url(/images/newsBg.jpg);
      background-repeat: repeat;
      background-position: bottom;
    }
    
            html>body #featureLeft {height: auto !important; min-height: 178px;}
  
  
  .arrowFix
  {
    width: 100%;
    height: 8px;
    background-image: url(/images/newsArrowFix.jpg);

  }
  
  
    #featureRight
    {
      float: right;
      width: 370px;
    }  

#footer
{
  float: left;
  margin: 14px 0 0 0;
  width: 100%;
  background-image: url(/images/titleBgBrown939.jpg);
  background-repeat: no-repeat;
  color: #fff;
}

  #footer p
  {
    margin: 0;
    padding: 5px;
  }
  
  #footer ul
  {
    margin: 0;
    padding: 5px 0 5px 0;
    list-style: none;
  }
  
  #footer li
  {
    display: inline;
    margin: 0 0 0 7px;
  }
  
    .upperFooterLeft
    {
      float: left;
      width: 725px;
      padding: 5px 0px 15px 7px;
    }
    
    .upperFooterRight
    {
      float: right;
      width: 200px;
    }
      
      .upperFooterRight p
      {
        text-align: right;
        padding: 5px 0px 15px 7px;
        margin: 0;
      }
    

    .underFooterLeft
    {
      float: left;
      margin: 5px 0 0 0;
      color: silver;
      width: 725px;
    }
    
    .underFooterLeft img, .underFooterRight img
    {
      border: none;
    }
    
    .underFooterRight
    {
      float: right;
      margin: 5px 0 0 0;
      color: #503228;
      width: 200px;
    }
    
    .underFooterLeft a, .underFooterRight a
    {
      color: silver;
    }
    
    .underFooterLeft a:hover, .underFooterRight a:hover
    {
      color: silver;
      text-decoration: underline;
    }

.clearFix
{
  clear: both;
}


.testimg
{
margin: 500px 0 0 0;
vertical-align: text-top;
}

#content table
{
text-align: left;
}



/*Forms*/

#contactform
{
border: 0;
}

#contactform th
{
padding: 0 0 0 7px;
background-color: white;
color: #503228;
border: 0;
width: 100px;
}

#contactform td
{
border: 0;
}


.inputBoxes
{
width: 200px;
margin: 0 0 0 20px;
}


#contactform input
{
  border:1px solid #b4be29;
}

#contactform textarea
{
  border:1px solid #b4be29;
  width:400px;
  margin: 0 0 0 20px;
}

#contactsubmit, #contactreset, #unsubno, #unsubyes
{
  border: 1px solid #b4be29;
  background-color: #b4be29;
  margin-top:5px;
  margin-left:7px;
  color:white;
  font-size: 12px;
  padding: 0 0 2px 0;
  width: 70px;
}

.captcha
{
  border:1px solid #A8D40F;
  top:4px;
}