/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 05 February 2012 11:12:34
*/


body { 
    margin: 0;
    padding: 0;
    color: #fff;
    background: #eee;
    font-size : 69%;
    text-align: center;
}
#container {
    margin: 0 auto;
    border: 1px solid #fff;
    padding: 0;
    color: #000;
    background: #fff;
    font: 1em/1.2 arial, helvetica, sans-serif; 
    text-align: left;
    width: 90em;
} 

#bodyContent { 
    margin: 2em;
    border: 0;
    padding: 0;
    font: 1em/1.2 arial, helvetica, sans-serif;
}
#bodyContent a, a:visited, a:active { 
    color: #66bd2a;
    background: transparent;
    text-decoration: none;
}
#bodyContent a:hover { 
    color: #66bd2a;
    background: transparent;
    text-decoration: underline;
}

#bodyContent img {
    padding:10px;
}

form { margin: 0; border: 0; padding: 0; }


#headerNav { 
    margin: 0;
    padding: 0;
    color: #fff;
    background: #66bd29;
    font: 1em/2em arial, helvetica, sans-serif;
    height: 2.5em;
}
#headerNav ul {
    list-style: none;
    padding: 0;
    border: 0;
    margin: 0;
    float: right;
}
#headerNav ul li {
    margin: 0;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    padding: 0;
    color: #fff;
    background: #66bd29;
    float: left;
}
#headerNav ul li a {
    margin: 0;
    padding: 0.5em 1em;
    color: #fff;
    background: #66bd29;
    text-decoration: none;    
    display: block;
}
#headerNav ul li a:hover {
    margin: 0;
    padding: 0.5em 1em;
    color: #fff;
    background: #8cce5f;
    text-decoration: none;
}
#headerNav ul li ul {
    position: absolute;
    left: -999em;
    color: #000;
    background: #8cce5f;
    border: 1px solid #fff;
}
#headerNav ul li:hover ul, #headerNav ul li.sfhover ul {
    margin: 0 0 0 -1px;
    left: auto;
}
#headerNav ul li ul li {
    margin: 0;
    border: 0;
    padding: 0;
    color: #fff;
    background: #8cce5f;
    float: none;
}
#headerNav ul li ul li a {
    margin: 0;
    padding: 0.25em 1em;
    color: #fff;
    background: #8cce5f;
    text-decoration: none;    
    display: block;
}
#headerNav ul li ul li a:hover {
    margin: 0;
    padding: 0.25em 1em;
    color: #fff;
    background: #a3d87f;
    text-decoration: none;
}

#header { 
    margin: 0 0 0 0;
    border: 0;
    border-bottom: 2px solid #fff;
    padding: 1px 0 0 0;
    color: #fff;
    background: #66bd29;
    clear: both;
}
#header img { 
    margin: 1em 0 0 0;
    border: 0;
    padding: 0;
}
#search { 
    margin: 6em 1em 0 0;
    border: 0;
    padding: 0;
    float: right;
}
#search input {
    margin: 0;
    border: 1px solid #fff;
    padding: 0 .5em;
    font: 1em/1em arial, helvetica, sans-serif;
    color: #66bd29;
    background: #fff;
}
#search input.textbox {
    border: 2px solid #fff;
}
#search input.submit-button {
    margin: 0 0 0 5px;
    background: #d9eec9;
}
#flashNav { 
    margin: 0;
    border: 0;
    border-bottom: 1px solid #fff;
    padding: 0;
    color: #fff;
    background: #ccc;
    height: 350px;
    clear: both;
}

#topNav { 
    margin: 0;
    border-bottom: 1px solid #fff;
    color: #fff;
    background: #747679;
    font: 1em/2em arial, helvetica, sans-serif;
    height: 2.4em;
}
#topNav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#topNav ul li {
    margin: 0;
    border-right: 1px solid #fff;
    padding: 0;
    color: #fff;
    background: #747679;
    float: left;
}
#topNav ul li a {
    margin: 0;
    padding: 0.5em 1em;
    color: #fff;
    background: #747679;
    text-decoration: none;    
    display: block;
}
#topNav ul li a:hover {
    margin: 0;
    padding: 0.5em 1em;
    color: #fff;
    background: #97989b;
    text-decoration: none;
}
#topNav ul li ul {
    position: absolute;
    left: -999px;
    color: #fff;
    background: #747679;
    border: 1px solid #fff;
}
#topNav ul li:hover ul, #topNav ul li.sfhover ul {
    margin: 0 0 0 -1px;
    left: auto;
}
#topNav ul li ul li {
    margin: 0;
    border: 0;
    padding: 0;
    color: #fff;
    background: #747679;
    float: none;
}
#topNav ul li ul li a {
    margin: 0;
    padding: 0.25em 1em;
    color: #fff;
    background: #747679;
    text-decoration: none;    
    display: block;
}
#topNav ul li ul li a:hover {
    margin: 0;
    padding: 0.25em 1em;
    color: #fff;
    background: #97989b;
    text-decoration: none;
}

#topNav ul li#topNav_104625 a:hover, #topNav ul li#topNav_104625 ul li, #topNav ul li#topNav_104625  ul li a { color: #fff; background: #6E0A78; }
#topNav ul li#topNav_104629 a:hover, #topNav ul li#topNav_104629 ul li, #topNav ul li#topNav_104629 ul li a { color: #fff; background: #426BBA; }
#topNav ul li#topNav_104633 a:hover, #topNav ul li#topNav_104633 ul li, #topNav ul li#topNav_104633 ul li a { color: #fff; background: #D42E12; }
#topNav ul li#topNav_104637 a:hover, #topNav ul li#topNav_104637 ul li, #topNav ul li#topNav_104637 ul li a { color: #fff; background: #DE7008; }
#topNav ul li#topNav_104641 a:hover, #topNav ul li#topNav_104641 ul li, #topNav ul li#topNav_104641 ul li a { color: #fff; background: #006338; }
#topNav ul li#topNav_104645 a:hover, #topNav ul li#topNav_104645 ul li, #topNav ul li#topNav_104645 ul li a { color: #fff; background: #F7A30A; }
#topNav ul li#topNav_104649 a:hover, #topNav ul li#topNav_104649 ul li, #topNav ul li#topNav_104649 ul li a { color: #fff; background: #36A391; }    

#topNav ul li#topNav_104625 ul li a:hover { color: #fff; background: #8d529d; }
#topNav ul li#topNav_104629 ul li a:hover { color: #fff; background: #96b0e3; }
#topNav ul li#topNav_104633 ul li a:hover { color: #fff; background: #e4544b; }
#topNav ul li#topNav_104637 ul li a:hover { color: #fff; background: #e9a86b; }
#topNav ul li#topNav_104641 ul li a:hover { color: #fff; background: #45af81; }
#topNav ul li#topNav_104645 ul li a:hover { color: #fff; background: #ffb533; }
#topNav ul li#topNav_104649 ul li a:hover { color: #fff; background: #83bdb3; }    





.layoutLeft {
    float: left;
    width: 20em;
}
.layoutMiddle {
    float: left;
    width: 45em;
}

.layoutMiddleLong {
    float: left;
    width: 70em;
}
.layoutRight {
    float: right;
    width: 25em;
}

.welcomeHeight {
    font: 1em/1.2 arial, helvetica, sans-serif;
    height: 8em; 
    overflow: hidden; 
}
.faceHeight {
    font: 1em/1.2 arial, helvetica, sans-serif;
    height: 12em; 
    overflow: hidden; 
}

#welcomeNav {
    margin: 0;
    border: 0;
    border-top: 1px solid #fff;
    padding: 0;
    clear: both;    
}
#subWelcomeNav {
    margin: 0;
    border: 0;
    border-top: 1px solid #fff;
    padding: 0;
    clear: both;    
}
#faceNav {
    margin: 0;
    border: 0;
    border-top: 1px solid #fff;
    padding: 0;
    clear: both;    
}

.box5 a {
    color: #0000c0;
    background: transparent;
}

.box6 a {
    color: #0000c0;
    background: transparent;
}

#contentNav {
    margin: 0;
    border: 0;
    border-top: 1px solid #fff;
    padding: 0;
    clear: both;    
}
#rightNav {
    margin: 0;
    border: 0;
    border-top: 1px solid #fff;
    padding: 0;
}
.box1 {
    margin: 0;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    padding: 2em;
    font: 1em/1.2 arial, helvetica, sans-serif;
    color: #fff;
    background: #63bd29;
}
.box2 {
    margin: 0;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    padding: 2em;
    font: 1em/1.2 arial, helvetica, sans-serif;
    color: #fff;
    background: #73737b;
}
.box3 {
    margin: 0;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    padding: 2em;
    font: 1em/1.2 arial, helvetica, sans-serif;
    color: #fff;
    background: #97999b;
}
.box4 {
    margin: 0;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    padding: 2em;
    font: 1em/1.2 arial, helvetica, sans-serif;
    color: #fff;
    background: #8cce5f;
}
.box5 {
    margin: 0;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    padding: 2em;
    font: 1em/1.2 arial, helvetica, sans-serif;
    color: #000;
    background: #c2e5a9;
}
.box6 {
    margin: 0;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    padding: 2em;
    font: 1em/1.2 arial, helvetica, sans-serif;
    color: #000;
    background: #daefcb;
}
.box7 {
    margin: 0 1px 1px 0;
    border: 1px solid #747679;
    padding: 2em;
    font: 1em/1.2 arial, helvetica, sans-serif;
    color: #000;
    background: #f1f1f1;
}

#newsFloat {
    margin: 0 2em 2em 0;
    float: left;
    width: 19em;
}
#eventsFloat {
    margin: 0 0 2em 0;
    float: left;
    width: 19em;
}

#newsFloat ul, #eventsFloat ul {
    margin: 0 0 0 5px;
    padding: 0;
}

#newsFloat ul li, #eventsFloat div ul li a {
    margin: 0 0 0 5px;
    padding: 0;
    list-style-image: url(http://www.safoodcentre.com.au/__data/assets/image/0009/110124/safood_li3.gif);
}

.box1 h2, .box2 h2, .box3 h2, .box4 h2, .box5 h2, .box6 h2, .box7 h2, #newsFloat h2, #eventsFloat h2 {
    margin: 0 0 .5em 0;
    padding: 0;
    font: bold 1.3em arial, helvetica, sans-serif;
    text-decoration: none;
    clear: both;
}
.box1 ul, .box2 ul, .box3 ul, .box4 ul, .box5 ul, .box6 ul, .box7 ul {
    margin: 0 0 0 1.5em;
    padding: 0;
}

.box1 ul li, .box2 ul li, .box3 ul li, .box4 ul li {
    margin: 0;
    padding: 0;
    list-style-image: url(http://www.safoodcentre.com.au/__data/assets/image/0007/110122/safood_li.gif);
}
.box5 ul li, .box5 ul li, .box6 ul li, .box6 ul li, #newsFloat ul li, #eventsFloat ul li {
    margin: 0;
    padding: 0;
    list-style-image: url(http://www.safoodcentre.com.au/__data/assets/image/0009/110124/safood_li3.gif);
}
.box7 ul li, .box7 ul li, .box7 ul li, .box7 ul li {
    margin: 0;
    padding: 0;
    list-style-image: url(http://www.safoodcentre.com.au/__data/assets/image/0008/110123/safood_li2.gif);
}

.box1 h1, .box1 p, .box1 h2, .box1 ul, .box1 li, .box1 a, .box1 a:active, .box1 a:visited, .box1 a:hover  {
    color: #fff;
    background: transparent;
}
.box1 h1 {
    margin: 0 0 .5em 0;
}



#welcomeNav .pageSum {
    padding: 0 1em 0 2em;
    color: #fff;
    background: transparent;
    font: bold 1em/1.2 arial, helvetica, sans-serif; 
}
#subWelcomeNav .pageSum {
    padding: 0 1em 0 2em;
    color: #fff;
    background: transparent;
    font: bold 1em/1.2 arial, helvetica, sans-serif; 
    width: 40em;
}
.box2 h2, .box2 p, .box2 ul, .box2 li, .box2 a, .box2 a:active, .box2 a:visited, .box2 a:hover {
    color: #fff;
    background: transparent;
}
.box3 h2, .box3 ul, .box3 li, .box3 a, .box3 a:active, .box3 a:visited, .box3 a:hover {
    color: #fff;
    background: transparent;
}
.box4 h2, .box4 ul, .box4 li, .box4 a, .box4 a:active, .box4 a:visited, .box4 a:hover {
    color: #fff;
    background: transparent;
}
.box5 ul, .box5 li, .box5 a:visited {
    color: #000;
    background: transparent;
}
.box6 ul, .box6 li, .box6 a:visited {
    color: #000;
    background: transparent;
}
.box7 h2, .box7 ul, .box7 li, .box7 a, .box7 a:active, .box7 a:visited {
    color: #747679;
    background: transparent;
}

.box5 a:hover, .box6 a:hover, .box7 a:hover {
    color: #0000C0;
    background: transparent;
    text-decoration: underline;
}

#welcomeImg (
    margin: 0;
    padding: 0;
    clear: both;
)

#contentArea { 
    margin: 0;
    border: 0;
    border-top: 1px solid #fff;
    padding: 0;

}




.clear { clear: both; }

form { 
    margin: 0;
    padding: 0;
}

h1 {
    margin: .5em 0 1em 0;
    font: bold 1.6em arial, helvetica, sans-serif;
    text-decoration: none;
    clear: both;

}
h1, h1 a, h1 a:visited, h1 a:active {
    color: #58a322;
    background: transparent;
}
h1 a:hover {
    color: #58a322;
    background: transparent;
    text-decoration: underline;
}
h2 {
    margin: 1em 0 1em 0;
    font: bold 1.3em arial, helvetica, sans-serif;
    text-decoration: none;
    clear: both;
}
h2, h2 a, h2 a:visited, h2 a:active {
    color: #58a322;
    background: transparent;
}
h2 a:hover {
    color: #58a322;
    background: transparent;
    text-decoration: underline;
}
h3 {
    margin: 0 0 1em 0;
    font: bold 1.2em arial, helvetica, sans-serif;
    text-decoration: none;

}
h3, h3 a, h3 a:visited, h3 a:active {
    color: #000;
    background: transparent;
}
h3 a:hover {
    color: #000;
    background: transparent;
    text-decoration: underline;
}
h4 {
    margin: 0 0 1em 0;
    font: bold 1.1em arial, helvetica, sans-serif;
    text-decoration: none;
}
h4, h4 a, h4 a:visited, h4 a:active {
    color: #747678;
    background: transparent;
}
h4 a:hover {
    color: #747678;
    background: transparent;
    text-decoration: underline;
}
h5 {
    margin: 0 0 1em 0;
    font: 1em arial, helvetica, sans-serif;
    text-decoration: none;
}
h5, h5 a, h5 a:visited, h5 a:active {
    color: #747678;
    background: transparent;
}
h5 a:hover {
    color: #747678;
    background: transparent;
    text-decoration: underline;
}
p {
    margin: 0 0 1em 0;
    padding: 0;
    font: 1em/1.2 arial, helvetica, sans-serif; 
}
.pageSum {
    padding: 0 4em 1em 2em;
    color: #58a322;
    background: transparent;
    font: bold 1em/1.2 arial, helvetica, sans-serif; 
}
    .highlight {
        padding: 0 0 1em 2em;
        color: #58a322;
        background: transparent;
        font: 1em/1.2 arial, helvetica, sans-serif; 
    }
.highlight1 {
    padding: 0;
    color: #58a322;
    background: transparent;
    font: 1em/1.2 arial, helvetica, sans-serif; 
}
blockquote {
    margin: 0 0 1em 0;
    font: normal 1em/1.2 arial, helvetica, sans-serif;
}
blockquote.quote {
    margin: 0 0 1.5em 0;
}
blockquote.quote1 {
    margin: 0 0 1.5em 0;
}
blockquote p, blockquote.quote p, blockquote.quote1 p {
    margin: 0;
    font: 1.3em/1.3 arial, helvetica, sans-serif;
    font-style: italic;
}
cite {
    margin: 5px 40px 0 40px;
    color: #333;
    background: transparent;
    font: normal 10px/1.2 arial, helvetica, sans-serif;
    position: relative;
    top: -1.5em;
}
p cite {
    color: #333;
    background: transparent;
    margin: 0;
    font: normal 10px/1.2 arial, helvetica, sans-serif;
    position: relative;
    top: 0;
}
.quote, .quote a, .quote a:visited {
    color: #747678;
    background: transparent;
    font: bold 1em/1.2 arial, helvetica, sans-serif; 
}
.quote a:active, .quote a:hover {
    color: #747678;
    background: transparent;
    font: bold 1em/1.2 arial, helvetica, sans-serif; 
}
.quote1, .quote1 a, .quote1 a:visited {
    color: #747678;
    background: transparent;
}
.quote1 a:active, .quote1 a:hover {
    color: #747678;
    background: transparent;
}
q { 
    color: #747678;
    background: transparent;
}
q:before, blockquote p:before, blockquote.quote p:before, blockquote.quote1 p:before { content: open-quote; 
}
q:after, blockquote p:after, blockquote.quote p:after, blockquote.quote1 p:after { content: close-quote; 
}
#contentArea img { 
    margin: .2em 0 .5em 0;
    border: 1px solid #ccc;
    display: block;
}
#contentArea img.borderZero { 
    border: 0;
}
#contentArea img.floatLeft { 
    margin: .2em 1.5em 1em 0;
    float: left;
    display: inline;
}
#contentArea img.floatLeftFooter { 
    margin: .2em 1em .25em 0;
    border: 0;
    float: left;
    display: inline;
}
#contentArea img.floatRight { 
    margin: .2em 0 1em 1.5em;
    float: right;
    display: inline;
}
ul, ol { 
    margin: 0 0 1em 0;
    padding: 0;
    font: 1em/1.4 arial, helvetica, sans-serif; 
}
li { 
    margin: 0 0 0 20px;
    padding: 0;
    font: 1em/1.4 arial, helvetica, sans-serif; 
}

#contentArea ul.picThumbnails { 
    margin: 0;
    padding: 0;
}
#contentArea ul.picThumbnails li {
    margin: 0 1em 1em 0;
    padding: 0;
    font: 1em/1.2 arial, helvetica, sans-serif; 
    float: left;
    list-style: none;
}
#contentArea ul.picThumbnails img {
    margin: 0;
    padding: 0;
    color: #000;
    background: #e5e5e5;
}

/* li.star { list-style-image: url(); } */
li.disc { list-style-type: disc; }
li.circle { list-style-type: circle; }
li.square { list-style-type: square; }
li.lowerRoman { list-style-type: lower-roman; }
li.upperRoman { list-style-type: upper-roman; }
li.lowerAlpha { list-style-type: lower-alpha; }
li.upperAlpha { list-style-type: upper-alpha; }
li.decimal { list-style-type: decimal; }
li.decimalZero { list-style-type: decimal-leading-zero; }



table { 
    margin: 0 0 2em 0;
    border: 1px solid #fff;
    border-left: none; 
    padding: 0;
    color: #000;
    background: transparent;
}
.col1 { width: 200px; }
.col2 { width: 300px; }
.col3 { width: 120px; }
caption {
    margin: 0;
    padding: 0 0 1em 0;
    color: #000;
    background: transparent;
    font-style: italic;
    text-align: left;
}
thead tr th { 
    padding: .4em .5em;
    color: #333;
    background: #eee;
    text-align: left;
    display: none;
}
thead tr th.subhead {
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff; 
    padding: 0 .5em .2em .5em;
    color: #666;
    background: #eee;
    font-weight: normal;
    text-align: left;
}
tfoot tr td { 
    border-top: 1px solid #fff;
    padding: 0;
    color: #666;
    background: #eee;
}
table tr td  { 
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff; 
    padding: 0;
    color: #000;
    background: transparent;
    text-align: left;
}
table tr td.hide  { 
    color: #fff;
    background: transparent;
}
table tr td.spacer{ 
    margin: 0;
    padding: 0;
    height: 0.5em;
}
table tr td a, table tr td a:visited, table tr td a:active, table tr td a:hover {
    text-decoration: none;
}
tbody tr td a, tbody tr td a:visited, tbody tr td a:active {
    color: #66bd2a;
    background: transparent;
}
table tr td a:hover {
    color: #66bd2a;
    background: transparent;
    text-decoration: underline;
}

#pageFooter { 
    margin: 6em 0;
    color: #747678;
    background: transparent;
    clear: both;
}
#pageFooter h3, #pageFooter h4 { 
    margin: 0 0 .3em 0;
    color: #747678;
    background: transparent;
    font: bold 0.9em arial, helvetica, sans-serif;
}
#pageFooter div { 
    margin: 0 2em 0 0;
    padding: 0;
    width: 140px;
    float: left;
}
#pageFooter div img { 
    margin: 0 0 6em 0;
    padding: 0;
    border: 0;
    float: left;
}
#pageFooter ul { 
    margin: 0 0 0 2em;
    padding: 0;
}
#pageFooter div { 
    margin: 0;
    padding: 0;
}
#pageFooter ul li { 
    margin: 0;
    border-left: 1px solid #747678;
    padding: 0 .3em;
    font: .9em arial, helvetica, sans-serif;
    list-style: none;
    display: inline;
}
#pageFooter ul li.first { 
    border-left: 0;
    padding: 0 .3em 0 0;
}
#pageFooter ul li a, #pageFooter ul li a:visited, #pageFooter ul li a:active, #pageFooter ul li a:hover {
    text-decoration: none;
}
#pageFooter ul li a, #pageFooter ul li a:visited, #pageFooter ul li a:active {
    color: #747678;
    background: transparent;
}
#pageFooter ul li a:hover {
    color: #747678;
    background: transparent;
    text-decoration: underline;
}



#footer { 
    margin: 0;
    border: 0;
    border-top: 1px solid #fff;
    padding: 1em 2em 1em 22em;
    color: #fff;
    background: #747679;
    font: bold 1em/1.2 arial, helvetica, sans-serif;
    clear: both;
}