

/* CSS Document */


#head
{
min-height : 72px;
padding : 4px 0 4px;
margin : 0;
}

#logo
{
border : 0;
padding : 0;
margin : 0 0 30px 30px;
}

#navigationUpper
{
min-height : 32px ;_height : 32px;
background-color : #A0CE67;
color : #236732;
}

#navigationUpper ul
{
list-style : none;
display : inline;
}

#navigationUpper li, #navtopleft
{
font-size : 70% !important;
font-weight : normal;
display : inline;
margin : 0;
padding : 2px 2px 0 0;
}

#navtopleft
{
font-size : 70%;
margin : 5px 0 0 4px;
font-weight : bold;
float : left;
display : inline;
}

#navtopright
{
float : right;
display : inline;
margin : 0;
padding : 0;
padding-top : 4px;
}

a:link, a:visited
{
text-decoration : none; color:#009900;
}

a:hover, a:active
{
text-decoration : underline; color:#009900;
}

#navigationUpper li a:link, #navigationUpper li a:visited, #navtopleft a:link, #navtopleft a:visited
{
color : #236732;
}

#navigationUpper li a:hover
{
color : #236732;
}

/* ---- Lower Navigation ---- */

#navigationLower
{
background-color : #E9E3DB;
margin-top : 4px;
padding-top : 4px;
min-height : 28px ;_height : 28px;
}

#navigationLower ul
{
list-style : none;
display : inline;
margin : 0;
padding : 0 0 0 4px;
}

#navigationLower ul li
{
font-size : 70% !important;
font-weight : normal;
display : inline;
color : #444;
padding : 0px 2px 0px;
border-right : 1px solid #aaa;
}

#navigationLower ul li.last
{
  border-right : none !important;
}

#navigationLower li a:link, #navigationLower li a:visited
{
color : #444;
margin : 0px;
white-space: nowrap;
}

#navigationLower li a:hover
{
color : #444;
margin : 0px;
}
/* ---- End lower nav ---- */

/* ------------------------------- End Navigation --------------------------------- */


/* ---- Page Styles ---- */

body
{
margin : 10px;
padding : 0;
font-family : Arial, Helvetica, Sans-serif;
font-size : 100%;
background-color : #efefef;
color : #444;
}

#container
{
background-color : #fff;
padding : 0;

  min-width : 800px;
  max-width : 85%;

margin-left : auto;
margin-right : auto;
border : solid 1px #ddd;
}

#colsDiv {
  clear: both;
  width: 100%;
  margin: 0;
  padding: 0;
}

#searchbox
{
font-family : Arial, Helvetica, Sans-serif;
font-size : 8pt;
height : 14px;
border-bottom : #236732;
border-right : #236732;
border-bottom : solid 1px;
border-right : solid 1px;
border-left : none;
border-top : none;
}

#content
{
background-color : #fff;
color : #444;
font-family : Arial, Helvetica, Sans-serif;
padding : 0 4px 0 20px;
border-left : solid 1px #ccc;
min-height: 400px;
margin-left: 132px;
/* ie hack */
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 134px;
}

/* be nice to opera 5 hack */
html>body #content
{
margin-left: 134px;
}

#content h2
{
font-size : 80%;
font-weight : bold;
color : #666;
margin-bottom : 10px;
margin-top : 0;
padding : 0;
}

#content p
{
font-size : 80%;
}

#content ul li ul li
{
font-size : 100%;
margin-bottom : 1em;
}

#content ul li
{
font-size : 80%;
margin-bottom : 1em;
}

.greentext
{
color : #009900;
font-weight : bold;
}

.clearBoth {
  clear : both;
}

#copyright
{
background-color : #fff;
color : #666;
}

#copyrightleft
{
padding : 5px;
float : left;
font-size : 70%;
width : 48%;
}

#copyrightright
{
float : right;
text-align : right;
padding : 5px;
font-size : 70%;
}

#copyrightright a:link, #copyrightright a:visited
{
color : #666;
text-decoration : none;
}

#copyrightright a:hover, #copyrightright a:active
{
color : #666;
text-decoration : underline;
}

.clearfix
{
clear : both;
}
/* ---- End page styles ---- */



/* Corp Page */
#features
{
width : 130px;
float : right;
}

div.feature1
{
margin : 4px;
padding : 0;
}


#features a:link, #features a:visited
{
color : #fff;
text-decoration : none;
font-weight : bold;
}

#features a:hover
{
color : #fff;
text-decoration : underline;
font-weight : bold;
}

#mainText
{
margin-right : 132px;
min-width : 500px;
color:#777;
padding-right : 6px;
}

#mainText ul {
 color:#777;
 list-style-image : url(images/bullet_green.gif);
 }

#mainText p
{
margin : 0px 0px 15px 0px;
line-height : 18px;
}

#mainText h1
{
font-size : 150%;
color : #236732;
padding : 15px 0px 0px 0px;
margin : 0 0 0.5em 0;
}

#mainText h2
{
font-size : 130%;
color : #ccc;
padding : 0;
margin : 0 0 0.5em 0;
}

#mainText h3
{
/*font-size : 0.9em;*/
font-size : 0.8em;
color : #B55A58;
font-weight : bold;
line-height : 1.2em;
/*margin : 25px 0px 15px 0px;*/
margin : 25px 0px 0px 0px;
}

#mainText h5
{
font-size : 130%;
color : #236732;
padding : 0;
margin : 0 0 0.5em 0;
}

#mainText .highlightHead {
  padding: 5px 0 0 0;
  margin: 0 0 12px 0;
  color: #236732;
  font-size: 0.9em;
  font-weight: bold;
}

#bodyImage
{
background-image : no-repeat;
height : 220px;
}

#bodyImage h1
{
font-size : 150%;
color : #fff;
padding : 15px 0px 5px 15px;
margin : 0px;
line-height : 18px;
}

#bodyImage h2
{
font-size : 130%;
color : #fff;
padding : 0px 0px 0px 15px;
margin : 0px;
line-height : 18px;
}

div.rightBoxGreen
{
margin : 0 0 4px 0;
background-color : #A0CE67;
clear : both;
}

div.rightBoxBlue
{
margin : 0 0 4px 0;
background-color : #00CCFF;
clear : both;
}

div.rightBoxSCIENCE {
  margin: 0 0 4px 0;
  background-color: #CFDFEF;
  clear: both;
}

div.rightBoxCORPORATE {
  margin: 0 0 4px 0;
  background-color: #A0CE67;
  clear: both;
}

div.rightBoxSERVICES {
  margin: 0 0 4px 0;
  background-color: #FFDE77;
  clear: both;
}

div.rightBoxEXTERNAL {
  margin: 0 0 4px 0;
  background-color: #B55A58;
  clear: both;
}

div.rightBoxBlue h1, div.rightBoxGreen h1, div.rightBoxSCIENCE h1, div.rightBoxCORPORATE h1, div.rightBoxSERVICES h1, div.rightBoxEXTERNAL h1
{
font-size : 75%;
font-weight : bolder;
color : #fff;
padding : 5px;
margin : 0;
}

div.rightBoxBlue p, div.rightBoxGreen p, div.rightBoxSCIENCE p, div.rightBoxCORPORATE p, div.rightBoxSERVICES p, div.rightBoxEXTERNAL p
{
font-size : 70% !important;
font-weight : normal;
color : #000;
padding : 5px;
margin : 0;
}

/* link */
a.link:link, a.link:visited
{
color : #444;
text-decoration : none;
}

a.link:hover
{
color : #444;
text-decoration : underline;
}

#navigationLeft
{
width : 130px;
float : left;
margin : 0px 5px 0px 0px;
padding : 0px 0px 20px 0px;
border-bottom : 1px solid #ccc;
padding-top : 2em;
}

#navigationLeft ul
{
list-style : none;
margin : 0;
padding : 0 0 0 4px;
font-weight : normal;
color : #444;
line-height : 1em;
}

#navigationLeft ul li ul li
{
  margin-bottom : 0.3em;
  margin-top : 0.3em;
  line-height : 0.8em;
}

#navigationLeft a:link, #navigationLeft a:visited
{
font-size : 0.7em;
color : #444;
}

/* level 1 */
#navigationLeft ul li ul li a:link, #navigationLeft ul li ul li a:visited
{
color : #008000;
}

#navigationLeft ul li ul li a:hover, #navigationLeft ul li ul li a:active
{
color : #008000;
}

/* level 2 */
#navigationLeft ul li ul li ul li a:link, #navigationLeft ul li ul li ul li a:visited
{
color : #32aa2f;
text-decoration : underline;
}

#navigationLeft ul li ul li ul li a:hover, #navigationLeft ul li ul li ul li a:active
{
color : #32aa2f;
}

/* level 3 */
#navigationLeft ul li ul li ul li ul li a:link, #navigationLeft ul li ul li ul li ul li a:visited
{
color : #32aa2f;
text-decoration : none;
}

#navigationLeft ul li ul li ul li ul li a:hover, #navigationLeft ul li ul li ul li ul li a:active
{
color : #32aa2f;
text-decoration : underline;
}

.on
{
text-decoration : underline;
}

#breadcrumbs
{
margin-bottom : 4px;
margin-top : 6px;
padding : 2px 4px 2px 4px;
font-size : 70%;
font-weight : normal;
color : #FFF;
background-color : #236732;
}

#breadcrumbs a:link, #breadcrumbs a:visited
{
color : #fff;
text-decoration : none;
}

#breadcrumbs a:hover, #breadcrumbs a:active
{
color : #fff;
text-decoration : underline;
}


#lightGreen
{
color : #A0CE67;
}

#white
{
color : #fff;
}

#picture
{
width : 500px;
height : 230px;
background-image : url('../website2006/bannerImages/sky.jpg');
background-repeat : no-repeat;
background-position : top left;
}


/* RB Style's */

.docImage { border:1px solid #cccccc; }

td { font-size : 80%; }
dt { font-size:80%; }

.float_left { float:left; margin-right:10px; font-size : 80%; }
.float_right { float:right; margin-left:10px; font-size : 80%; }
.clearer { clear:both; float:none; }

.dotted_break { border-top:1px dashed #666666; margin-top:20px; margin-bottom:20px; font-size : 80%; }

.news_title { font-size:14px; font-weight:bold; }
.news_date { font-size:12px; color:#999; margin-bottom:10px; }

.textbox { border:1px solid #cccccc; }
.button { background:url(images/button_bck.gif) repeat-x; padding-top:3px; padding-bottom:3px; border:1px solid #cccccc; }

.adobe { color:#FF0600; font-size:12px; font-weight:bold; }

.list_wrapper { width:500px; margin-bottom:20px; }
.list { font-size:12px; margin: 0px; }
.list { background-color:#F8F1E8; color:#999999; }
.list a:active, .list a:visited, .list a:link { text-decoration:none; padding:6px; width:100%; display:block; color:#999999; }
.list a:hover { background-color:#E9E3DB; color:#999999; text-decoration:none; }
.list > a:active, .list > a:visited, .list > a:link { width:auto; }
.list_title{ background-color:#E9E3DB; font-weight:bold; padding:6px; font-size:12px; }
.list_title a {color: #666666; text-decoration: underline;}
.list_doc { background-color:#F8F1E8; padding:6px; font-size:12px; line-height: 20px; }
.list_doc a:active, .list_doc a:link, .list_doc a:visited { color:#999999; }
.list h4 { padding:0px; font-weight:normal; font-size:12px; color:#666666; display: inline; }

.listFont {
  color: #999999;
}

.list_doc h4 {
  font-size:12px;
  color:#666666;
  font-weight: normal;
  margin: 0 0 -4px 0;
}

.list_docTraining {
  color: #999999;
  text-decoration: underline;
  background-color: #F8F1E8;
  padding: 6px;
  font-size: 12px;
  line-height: 20px;
}

.list_docTraining a:active, .list_docTraining a:link, .list_docTraining a:visited {
  color: #999999;
}

/*D98E1A        8A2F1D*/
.intro { padding-top:13px; font-size:14px; margin-bottom:10px; font-weight:bold; color:#666;  }

/* JY Style's */

.bodyImgR {
  float: right;
  padding-left: 5px;
}

.bodyImgL {
  float: left;
  padding-right: 5px;
}

#mainText p.bodyImgC
{
  text-align: center;
}

#mainText ul.arrowBullet {
list-style-image: url('images/bulletBody.jpg');
line-height: 10px;
}

#mainText ul.bulletBodySml {
list-style-image: url('images/bulletSml.gif');
line-height: 18px;
}

#mainText p.training {
  color: #777;
  background-color: #fff;
  padding: 12px 3px 12px 3px;
  margin: 0;
  font-size: 0.7em;
  font-weight: none;
  border-bottom: dashed 1px grey;
}

#mainText p.training img{
  padding: 0 7px 0 7px;
}

#mainText ol.terms {
  list-style-type: lower-roman;
  font-size: 0.8em;
  line-height: 1.5em;
}

#mainText ol.letters {
  list-style-type: lower-alpha;
}

#mainText ul.conditions {
  list-style-image: none;
  list-style-type: none;
}

#button1 {
  background-image: url('images/button_bck.gif');
  background-repeat: repeat-x;
  padding: 5px 7px 5px 7px;
  border: solid 1px #ccc;
}

#button2 {
  padding: 2px;
  border: solid 1px #ccc;
  background-image: url('images/button_bck.gif');
  background-repeat: repeat-x;
  color: #999;
}

a#button1 {
  color: black;
}

a:hover#button1, #button2 {
  text-decoration: none;
}

#highlight {
  background-color: #F8F1E8;
  padding: 1px 10px 1px 10px;
  border: dotted 1px #ddd
}

#highlight h1 {
font-size : 110%;
color : #236732;
padding : 20px 0px 0px 0px;
margin : -5px 0 -10px 0;
}

#highlight a {
color : #236732;
text-decoration: underline;
}

#highlight ul {
  list-style-image: url('images/bullet_green2.gif');
}

#popUPStyle {
  background-color: #fff;
  padding: 5px 5px 5px 5px;
  margin: 0 0 0 0;
  border: solid 1px #ddd;
}

#popUPStyle p {
  color: #777;
  font-size: 0.8em; 
  line-height : 18px;
  padding: 5px 5px 0 3px;
}

#popUPStyle h1 {
  background-color: #A0CE67;
  color: #236732;
  font-size: 0.8em;
  padding: 7px 5px 7px 5px;
  margin: 0 0 0 0;
}

#mainText .standOut {
  font-family: arial;
  font-size: 18px;
  color: #777;
  background-color: #E9E3DB;
  padding: 4px 4px 4px 4px;
}

td#normalText ul {
  padding: 0 0 0 0;
  margin: 0 0 0 40px;
}

td#normalText ul li {
  list-style-type: none;
  list-style-image:  url('images/bulletSml.gif');
  font-family: arial;
  font-size: 13px;
}

/* food services styles */

td#foodTables {
  border: solid 1px #fff;
}

#determination, #matrices {
  background-color: #c8c8c8;
  text-align: center;
  padding: 3px 6px 3px 6px;
  font-weight: bold;
  width: 25%;
  font-size: 11px;
}

#target, #units {
  background-color: #c8c8c8;
  text-align: center;
  padding: 3px 6px 3px 6px;
  font-weight: bold;
  width: 10%;
  font-size: 11px;
}

#description {
  background-color: #c8c8c8;
  text-align: center;
  padding: 3px 6px 3px 6px;
  font-weight: bold;
  width: 30%;
  font-size: 11px;
}

#foodBody {
  background-color: #E9E3DB;
  text-align: center;
  padding: 5px;
  font-size: 11px;
}

#foodBodyTitle {
  background-color: #E9E3DB;
  text-align: left;
  padding: 5px;
  font-size: 11px;
}

.footnote {
  font-size: 11px;
}

/* Enquiry form style */

table.emailForm {
  line-height: 175%;
  width: 600px;
}

/* green and grey boxes */

div.greybox, div.greenbox
{
padding : 10px;
margin-left : 0;
margin-right : 5px;
margin-bottom : 12px;
background-color : #E9E3DB;
float : right;
color : #000;
font-family : Arial, Helvetica, Sans-serif;
font-size : 80%;
line-height : 18px;
}

div.greenbox {
background-color : #A0CE67 !important;
}

.greybox h3, .greenbox h3 {
font-size : 100%;
font-weight : bold;
color : #444;
margin-bottom : 5px;
margin-top : 0;
padding : 0;
}

.greenbox h4, .greybox h4 {
font-size : 100%;
font-weight : bold;
color : #444;
margin-bottom : 9px;
margin-top : 0;
padding : 0;
}

.greybox a:link, .greybox a:visited, .greenbox a:link, .greenbox a:visited {
font-weight : bold;
}

.greybox a:hover, .greybox a:active, .greenbox a:hover, .greenbox a:active {
font-weight : bold;
text-decoration : underline;
}

.greenbox ul li a:link, .greenbox ul li a:visited {
color : #000;
text-decoration : none;
font-weight : normal;
}

.greenbox ul li a:hover, .greenbox ul li a:active {
color : #000;
text-decoration : underline;
font-weight : normal;
}

div.greenbox ul {
  margin : 0;
  padding : 0;
}

div.greenbox ul li {
  margin-left : 20px;
  list-style-image: url('images/bulletHome.jpg');
}

/* antispam */

.words {
  display: none;
  visibility: hidden;
}