/* GENERAL */
* { margin:0px; padding:0px;}
body {margin-top: 0cm;font-size: 14px;font-family: "Arial","Helvetica",sans-serif;background-image: url('images/background3.jpg');background-repeat: no-repeat;background-position: top center;background-color: #FFFFFF;}



      table.newsletter td {padding: 10px;}           
      table.extraheight td {padding-top: 4px;padding-bottom: 3px;}

a {color: #000066;font-family: Arial,Helvetica,sans-serif;text-decoration: none;}
a:visited {color: #000066;text-decoration: none;}
a:hover {color: #49A620;text-decoration: none;}
a:active {color: #000066;text-decoration: none;}

.style1 {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #000033;}
.style2 {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;}
.style3 {font-family: Arial, Helvetica, sans-serif;font-size: 11px; color: #666666;}
.style4 {font-size: 13px;color: #000066;}
.style5 {color: #000066;}
.style6 {font-size: 12px;}

.yourfds {background-color: #93A3D2;padding: 5px;} 
.coloured {background-color: #E8F2F1;}


.form_field_name {text-align: left;width:200px;}

/*  stop divs from flowing out of boxes
can use class="clearfix NEEDED_NAME" to use multiple classes on one object */
/*  obtained from http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display:inline-block;}


/* ensure checkboxes align */
.checkbox{float:left;margin-right:2px;}
.checkbox_container{margin-top:2px;}

/* specifically for the MFD forms */
#container_mfd_forms{background-color:#F0F0F0;padding:5px;color:black;width:450px;float:right;}
#container_mfd_forms div.form_field_name{text-align:left}
#container_file_upload{background-color:#F0F0F0;padding:10px;color:black;width:450px;float:left;margin-left:20px;}
#container_file_upload div.form_field_name{text-align:left;padding-left:10px;font-weight:bold;}
#fdopportinuties{float:right;width:284px;}
#quotation{float:left;width:250px;}
#request{;}


form {margin: 0px;padding:0px; } /* removes annoying line breaks before and after forms */
input{font-family:verdana,helvetica,arial,sans-serif;font-size:10px;padding:2px;}
textarea{font-family:verdana,helvetica,arial,sans-serif;font-size:10px;}
select{font-family:verdana,helvetica,arial,sans-serif;font-size:10px;}
.form_field_name{float:left;margin-bottom:5px;width:150px;}
.form_field{float:left;margin-left:2px;margin-bottom:5px;}




/* freshSPRING colours; should be left alone */
.fresh {color:#3366FF;}
.fresh_bgcolour{background-color:#3366FF;}
.fresh_logo{color:#3366FF;;}
.spring {color:#FF9900;}
.spring_bgcolour{background-color:#FF9900;}
.spring_logo{color:#FF9900;}
.serving{color:#808080;font-size:11px;}



      #footer a:link {
        
           color: #006649;
           text-decoration: none;
           font-size: 10pt;
           text-indent:10px;
           }

      #footer a:visited {
          color: #808153;
          /*color: #F4A460; */;
          text-decoration: none;
          font-size: 10pt;
          }

      /* hover Link style */

      #footer a:hover        {
         color: olive; /*color: #B88898; */
         text-decoration: none;
         font-size: 10pt;
         }

      H1  {
        color: #F7E1AB; 
        background-color: transparent;
        font-size: 20pt;
        font-family: Arial, sans-serif;
        font-weight: bold;
        letter-spacing: 0.3em;
        line-height: 16pt;
        }

      H2  {color: #78AEB8;background-color: transparent;font-size: 16pt;font-family: Arial, sans-serif;font-weight: bold;text-align: left;padding-top: 0px;}
      H3  {color: #A1B1D5;background-color: transparent;font-size: larger;font-family: Arial, sans-serif;margin-bottom: 1%;text-align: left;}
      H3.noline {color:#A1B1D5;background-color: transparent;font-size: larger;font-family: Arial, sans-serif;text-align: left;margin-bottom: 3%;border-bottom: none;}
      H4  {color: #E0A088;background-color: transparent;font-size: 10pt;font-family: "Trebuchet MS", "Myriad Web", Georgia, sans-serif;text-align: left;}
      H5  {color: #000000;background-color: transparent;font-size: 8pt;font-family: Arial, sans-serif;}

      P {font-size: 13px;font-family: "Arial","Helvetica",sans-serif;color: #000066;background-color: transparent;text-align: left;margin-bottom: 2%;}
      P.bold  {font-size: 12pt;font-family: "Arial","Helvetica",sans-serif;color: #6B7B84;background-color: transparent;text-align: justify;margin-bottom: 2%;font-weight: bolder;}

      /* First letter of paragraph style */

      P.dropcap:first-letter {font-family: Arial,helvetica,sans-serif;color: silver;font-size: 150%;vertical-align: text-bottom;}
      blockquote {font-size: 12pt;font-family: Arial,helvetica,sans-serif;color: #88A498;padding-bottom: 5pt;padding-top: 0pt;margin-bottom: 0pt;margin-top: 0pt;}
         
         
img{border:0px;}

/* MENUS */
.menu_lvl1{margin-left:0px;margin-right:0px;font-size:11px;padding-left:2px;padding-right:6px;padding-top:2px;padding-bottom:0px;float: left;font-weight: bold;}
.menu_lvl1 a{color: #FFFFFF;font-size:11px;display:inline;}
.menu_lvl1 a:visited{color: #E1E1E1;font-size:11px;text-decoration: none;}

.menu_lvl1_on{margin-left:0px;margin-right: 0px;font-weight: bold;font-size:11px;padding-left:2px;padding-right:6px;padding-top:2px;padding-bottom:0px;float: left;color: #EDF1F9;}
.menu_lvl1_on a{display:inline;font-size:11px;color: #EDF1F9;}
.menu_lvl1_on a:visited{display:inline;font-size:11px;color: #EDF1F9;}

#botmenu span.menu_lvl1 {color:#000000;font-size:11px;font-weight:normal;padding-left:0px;}
#botmenu span.menu_lvl1 a{color:#000000;font-size:11px;font-weight:normal;}

#botmenu span.menu_lvl1_on {color:#000000;font-size:11px;font-weight:normal;padding-left:0px;}
#botmenu span.menu_lvl1_on a{color:#000000;font-size:11px;font-weight:normal;}

            
.menu_lvl2{  margin-left:15px;background-color:#E7F2F1;font-size:20px;padding-left:2px;padding-top:4px;padding-bottom:4px;}
.menu_lvl2 a{color:white;display:inline;}
.menu_lvl2_on{margin-left:15px;background-color:#FFBB44;font-size:12px;padding-left:2px;padding-top:4px;padding-bottom:4px;font-weight:bold;}
.menu_lvl2_on a{color:white;display:inline;}
.menu_lvl3{   margin-left:20px;background-color:#AAFFAA;font-size:12px;padding-left:2px;padding-top:4px;padding-bottom:4px;}
.menu_lvl3 a{color:white;display:inline;}
.menu_lvl3_on{margin-left:20px;background-color:#AAAAAA;font-size:12px;padding-left:2px;padding-top:4px;padding-bottom:4px;font-weight:bold;}
.menu_lvl3_on a{color:white;display:inline;}
.menu_lvl4{   margin-left:30px;background-color:#DDDD00;font-size:11px;padding-left:2px;padding-top:4px;padding-bottom:4px;}
.menu_lvl4 a{color:white;display:inline;}
.menu_lvl4_on{margin-left:30px;background-color:#AAAAAA;font-size:11px;padding-left:2px;padding-top:4px;padding-bottom:4px;font-weight:bold;}
.menu_lvl4_on a{color:white;display:inline;}
.menu_lvl5{   margin-left:40px;background-color:#AA00DD;font-size:10px;padding-left:2px;padding-top:4px;padding-bottom:4px;}
.menu_lvl5 a{color:white;display:inline;}
.menu_lvl5_on{margin-left:40px;background-color:#AAAAAA;font-size:10px;padding-left:2px;padding-top:4px;padding-bottom:4px;font-weight:bold;}
/* definition for a specific menu id */
/* #menu_12{background-color:red;} */

/* page indendation definitions; based on the *level* of a menu (vertical style page listing) */
div.page_lvl1{
          margin-left:5px;
          padding-right: 10px;
          padding-left: 5px;
          text-align: right;
}
div.page_lvl1 a{display:block;}
div.page_lvl1_on{
          margin-left:20px;
          border-left: 0px rgb(255,204,102) groove;
          padding-right: 0px;
          padding-left: 5px;
          text-align: right;
          border-bottom: 0px rgb(255,204,102) groove;
          font-weight: bold;
          
          
}
div.page_lvl1_on a{
          font-weight: bold;
          padding-right: 10px;
          padding-left: 5px;
          text-align: right;
          
          font-size:12pt;}
div.page_lvl2{margin-left:20px;}
div.page_lvl2 a{display:block;}
div.page_lvl2_on{margin-left:15px;}
div.page_lvl2_on a{display:block;}
div.page_lvl3{   margin-left:25px;}
div.page_lvl3 a{display:block;}
div.page_lvl3_on{margin-left:25px;}
div.page_lvl3_on a{display:block;}
div.page_lvl4{   margin-left:35px;}
div.page_lvl4 a{display:block;}
div.page_lvl4_on{margin-left:35px;}
div.page_lvl4_on a{display:block;}
div.page_lvl5{   margin-left:45px;}
div.page_lvl5 a{display:block;}
div.page_lvl5_on{margin-left:45px;}
div.page_lvl5_on a{display:block;}

/* page indendation definitions; based on the *level* of a menu (horizontal style page listing) */
span.page_lvl1{}
span.page_lvl1 a{padding:0px 5px 0px 5px; font-size:18pt;}
span.page_lvl1_on{}
span.page_lvl1_on a{}
span.page_lvl2{}
span.page_lvl2 a{}
span.page_lvl2_on{}
span.page_lvl2_on a{;}
span.page_lvl3{   ;}
span.page_lvl3 a{;}
span.page_lvl3_on{;}
span.page_lvl3_on a{;}
span.page_lvl4{   ;}
span.page_lvl4 a{;}
span.page_lvl4_on{;}
span.page_lvl4_on a{;}
span.page_lvl5{   ;}
span.page_lvl5 a{;}
span.page_lvl5_on{;}
span.page_lvl5_on a{;}

.menucolour {height: 20px;background-image: url(images/menu_background.jpg);background-repeat: repeat-x;background-position: top;}

.hilited {background-color: fuchsia;}

.cellbg {background: #F5FFFA;border: none;}

.formtextarea        {
        background-image: none ;
        background-color: transparent; 
        border-width: 0 0 0 0;
        color: #808000;                   /*olive */
        font-size: 10pt;
        font-family: Arial, sans-serif;
        border: none;
        border-right-style: none;
        border-collapse: separate;
}        

.underline        {
        border-bottom-style: groove;        
        }
        
        
      pre {
          font-size: 12pt;
          font-family: "Trebuchet MS", "Myriad Web", Georgia, sans-serif;
          color: #A1B1D5;
          background-color: transparent;
          text-align: left;
          margin-bottom: 2%;
          }      


      /* Horizontal rule */

      hr.thin {
        width:90%;
        text-align: center;
        margin: auto;
        color: #C2C2C2;
        background-color: #C2C2C2;
        height: 1px;
        border: 0;
        border-collapse:0px
        
      }
      
      hr.full{
          width: 100%;
          color: #008488; 
          height: 1px;
          }

.stategic {background-color: #C9D3F0;}
.operational {background-color: #ADBCE5;}