/* css RJ March 2009 */
/* must be xml to read comments */
/* collapsible menu cross browser style sheet */
/* KookaExpand & nKookaExpand_ie.css refers to dropdown menus only */
/* KookaHomeStyle.css refers to homepage only */
/* Site colours hexadecimal greys - #CBCAB6 */
/* Site colours hexadecimal greens - #33999, #cccc99, #cfc, #2f4f2f and #b4eeb4 \*/
/* Site colours hexadecimal purples - #8B0A50, #FFE1FF \*/

body {
height:100%;
max-height:100%;
overflow: auto;
padding:0;
margin:1px;
border:0;
text-align: center;
font-size:76%; 
font-family:verdana, arial, sans-serif;
/* centers whole page including text \*/
background: #989898 url(../img/KookaBgndBgnd.jpg) repeat-x fixed;
}


#wrapper {
width:576px;
background:transparent url(../img/2009Homepage1.jpg);
background-position:top center;
background-repeat:no-repeat;
overflow: hidden;
height:902px;
margin:12px auto 25px auto;
padding:0px;
}


content {
text-align: center;
/* centers whole page including text \*/
font-size:76%; 
font-family:verdana, arial, sans-serif;
}

  a:link {
    color: #2F4F2F;
    text-decoration: none;
  }

  a:visited {
    color: #4A766E;
  }

  a:focus {
    color: #CC1100;
  }

  a:hover {
    color: #FFE1FF;
    background: #2F4F2F;
    text-decoration: none;
  }

  a:active {
    color: #2F4F2F;
  }


/* HACCP links */

.class1 A:link {
		text-decoration: none;
		text-align:right;
		top:76px;
		font-family:verdana, arial, sans-serif;
		font-size: 9px;
		line-height:9px;
		color: #1B3F8B;
		position:absolute;
		}
.class1 A:visited {text-decoration: none;
		text-align:right;
		top:76px;
		font-family:verdana, arial, sans-serif;
		font-size: 9px;
		line-height:9px;
		position:absolute;
		}
.class1 A:active {text-decoration: none;
		text-align:right;
		top:76px;
		font-family:verdana, arial, sans-serif;
		font-size: 9px;
		line-height:9px;
		position:absolute;
		}
.class1 A:hover {text-decoration: underline; background:transparent; color:#000000;
		text-align:right;
		top:76px;
		font-family:verdana, arial, sans-serif;
		font-size: 9px;
		line-height:9px;
		position:absolute;
		}



p {
line-height: 1.35em;
letter-spacing: 0.04em; 
text-align: left;
}

#onlineBrochure A
{
font-weight: normal;
font-size:.9em;
line-height:12px;
z-index:8;
background: none transparent scroll repeat 0% 0%;
color: #4A766E;
text-decoration: none;
}
#onlineBrochure A:hover
{
fontweight: normal;
font-size:.9em;
line-height:12px;
color: #CBCAB6;
background:#2F4F2F;
text-decoration: none;
}
#onlineBrochure
{
z-index:8;
position:absolute;
top:300px;
left:10px;
letter-spacing:0.5px;
word-spacing:2px;
margin:0 auto;
}


#cap {
font-size:35px; 
color:#2F4F2F;
font-family:verdana, arial;
font-weight:bold; 
float:left; 
height:32px; 
line-height:32px;
padding-top:.25em
margin-top:2px; 
margin-right:1px;
}




/* ------------------------------------------------------------- */
/* RJ top navigation and header style begins                     */
/* ------------------------------------------------------------- */

#navBox {
z-index:2;
position:absolute;
left: 130px;
background-color:#339999;
display:block;
margin-left:0;
margin-right:0;
top:115px;
height:23px;
width:1004px;
}

td.logo {
z-index:6;
background-color:transparent; 
display:block;
height:116px;
position:absolute;
top:0;
padding-left:120px;
left:120px;
width:800px;
}

td.special {
z-index:5;
background-color:transparent; 
display:block;
height:22px;
position:absolute;
top:65px; 
left:156px;
width:800px;
}

/* ------------------------------------------------------------- */
/* top navigation and header style ends here                     */
/* ------------------------------------------------------------- */

#topBox {
top: 20px;
left: 78%;
width: 20%;
padding-right:10px;
height: 500px;
border: solid 2px #00ff00;
}


#opaqueBox {
z-index: 35;
background-color: #CBCAB6;
position: absolute;
top:138px;
left:130px;
width:184px;
padding-left:12px;
padding-right:12px;
height:732px;
border-top-width:2px;
border-right-width:3px;
border-bottom-width:6px;
border-left-width:1px;
border-color:#cccc99;
border-style:solid;
color:#2E8B57;
margin:0px 0px 5px 0px;
}


#centreBox {
position: absolute;
z-index:2;
background-color:transparent;
text-align:center; 
top: 132px;
bottom:1px;
left: 130px;
width: 504px;
height:760px;
padding-left:2px;
padding-right:2px;
border:0;
}


#rightTopBox {
z-index:25;
background-color: transparent;
position: absolute;
top:132px;
right:10px;
width:249px;
padding-left:16px;
padding-right:16px;
height:230px;
border-top-width:2px;
border-right-width:1px;
border-bottom-width:6px;
border-left-width:3px;
border-color:#cccc99;
border-style:solid;
color:#000000;
margin:0px 0px 5px 0px;
}



#rightBox {
z-index:7;
background-color: #CBCAB6;
position: absolute;
top:138px;
right:130px;
width:178px;
padding-left:18px;
padding-right:18px;
height:732px;
border-top-width:2px;
border-right-width:1px;
border-bottom-width:6px;
border-left-width:3px;
border-color:#cccc99;
border-style:solid;
color:#4A766E;
margin:0px 0px 5px 0px;
}


#footBox {
z-index:3;
background-color:transparent;
text-align:center; 
font-family:verdana, arial, sans-serif; font-size:7pt; color: #4A766E;
display:block;
top:756px;
left:120px;
position:absolute;
padding-left:120px;
padding-right:0;
bottom:1px; 
height:50px;
width:520px;
}

#haccpBox{
z-index;27;
background-color: transparent;
position: absolute;
top: 340px;
bottom:10px;
left:10px;
width:160px;
padding-left:0px;
padding-right:10px;
height:176px;
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-color:#cccc99;
border-style:solid;
color:#000000;
margin:0px 0px 0px 0px;
}