/* CSS Document */

html, body{ 
margin: 0; 
padding: 0; 
text-align: center; 
height: 100%;
} 

body {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: .7em;
color: #000;
background: #FFFFFF;
background-image: url(../images/page-background.gif);
}


/* default html styles */


h1 {
/*font-family: "Times New Roman", Times, serif;*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
}

h2, h3, h4, h5, h6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
}

h4 {
margin-bottom: 0;
}

h5 {
font-weight: bold;
margin-bottom: 0;
}

h6 {
font-weight: normal;
margin-bottom: 0;
margin-top: 1em;
}

img {
border: 0;
}

form {
margin: 0;
padding: 0;
}

p, ul, ol, dl {
margin-top: 0;
margin-bottom: .5em;
}

a:hover {
text-decoration:none;
}
/* layout styles */


.hide, h1.hide, h2.hide, h3.hide, h4.hide, #globalnavbar li.rss span {
left: -2000px;
width: 900px;
font-size: 1px;
line-height: 1px;
position:absolute;
}

.nostyle {
list-style: none;
margin: 0;
padding: 0;
}

.nomargin {
margin: 0;
}

.paddingtop {
padding-top: 1em;
}

.more {
margin-top: 0;
text-align: right;
}

/* page layout */


#pagewidth { 
width: 994px; 
margin-left: auto; 
margin-right: auto; 
background: #FFFFFF;
text-align: left;  
} 

#pagewrapper {
position: relative;
width: 994px;
float: left;
background: red;
height: 300px;
}

.threecolumn {
background: #FFFFFF url(../images/threecolumn-background.gif);
}

.twocolumn {
background: #FFFFFF url(../images/twocolumn-background.gif);
}

.onecolumn {
background: #FFFFFF url(../images/onecolumn-background.gif);
}


/* head layout */


/*
#header{
position: relative; 
height: 202px; 
background-color:#FFFFFF; 
width:100%;
border-top: 1px solid #CCCCCC; 
border-bottom: 1px solid #CCCCCC; 
} 
#acri-logo {
position: relative; 
height: 40px;
width: 100%;
background: url(../images/acri-top-logo-background.jpg) repeat-x;
text-align: center;
}
#toolbox {
position: relative;
float: left;
width: 128px;
height: 138px;
border-right: 1px dotted #CCCCCC;
background: url(../images/header-fade.jpg) repeat-x;
padding-left: 12px;
}
*/

#sitelinks {
width: 115px;
padding: 8px 0 0 0;
border-bottom: 1px dotted #CCCCCC;
}

#sitelinks li {
padding-bottom: 4px;
}

/*
#rssfeed {
width: 115px;
padding: 4px 0;
border-bottom: 1px dotted #CCCCCC;
}

#searchbox {
width: 115px;
height: 65px;
padding: 8px 0;
}

#searchbox p {
margin: 8px 0 0 0;
}

#searchbox input {
font-size: .8em;
}
*/
/*
#sciencenz-logo {
position: relative; 
float: left;
width: 630px;
height: 138px;
text-align: center;
background: url(../images/header-fade.jpg) repeat-x;
}

#sciencenz-logo img {
padding-top: 21px;
}
*/


/* home page link and date layout */

/*
#date-strip {
position: relative; 
float: left;
width: 771px;
height: 22px;
border-top: 1px solid #CCCCCC;
background: #FFFFFF url(../images/strip-background.jpg) repeat-x; 
}

#homepage, #date {
position: relative;
float: left;
text-align: center;
}

#homepage p, #date p{
margin-top: 5px;
}

#homepage {
width: 160px;
padding-left: 8px;
}

#date {
width: 500px;

}

*/

/* main navigatin - date - site search */

#globalnavbar {
background: #CADFEB url(../images/top-navigation-bg.gif) repeat-x bottom;
height: 3.7em;
width: 964px;
position: relative;
padding: 0 15px;
}

#globalnavbar ul {
padding: 0;
margin: 0;
list-style-type: none;
}

#globalnavbar li {
float: left;
padding: 10px 1.6em 10px 0;
margin: 0;
}

#globalnavbar li.rss a {
display: block;
width: 28px;
height: 14px;
background: url(../images/rss.gif) no-repeat;
}

#globalnavbar li a {
text-decoration: none;
}

#globalnavbar li a:hover {
text-decoration: underline;
}

#globalnavbar a, #globalnavbar label, .current-date {
color: #FFFFFF;
font-weight: bold;
font-size: 1em;
}

.current-date {
margin-left: auto;
margin-right: auto;
width: 20em;
text-align: center;
padding-top: 10px;
}

#globalnavbar form {
float: right;
padding-top: 8px;
}

#searchtext {
width: 125px;
border: none;
padding: 1px 3px;
}

#searchbutton {
padding: 0;
border: none;
background: #FFFFFF;
cursor: pointer;
}

/* main column layout */


#maincol{
float: left; 
/*display:inline; 
*/position: relative; 
width:554px;
padding: 0 15px 10px;
background: url(../images/main-content-bg.gif) repeat-y;
}

.onecolumn #maincol {
background: none;
}

.twocolumn #maincol {
background: url(../images/twocolumn-content-bg.gif) repeat-y;
}

#maincol h1 {
font-size: 2.8em;
color: #505050;
background: #FFFFFF;
padding-top: 0;
padding-bottom: .5em;
border-bottom: 1px solid #CCCCCC;
margin: 0;
}


/* home page content layout */

#about-blurb .inner {
padding: 0 10px 10px 15px;
}

#about-blurb h3 a {
color: #FFFFFF;
text-decoration: none;
}

#featured, .content-column, .content-column-center {
/*padding: 0 8px 8px 8px;
*/position: relative;
}

#featured {
float: left;
width: 360px;
background: #FFFFFF;
border-bottom: 1px solid #CCCCCC;
padding: 0 8px 8px 0;
}

.mac-clear {
clear: left;
height: 1px;
}

.featured-image {
float: left;
margin: 0 8px 8px 0;
}

.content-column { 
width: 176px;
float: left;
padding-right: 8px;
background: url(../images/strip-background.jpg) repeat-x; 
}

.content-column-center { 
width: 168px;
float: left;
padding: 0 8px 0 8px;
margin-left: 1px;
background: url(../images/strip-background.jpg) repeat-x; 
}

.content-column-right { 
float: right;
width: 176px;
padding-left: 8px;
}

#featured h2, .content-column h2, .content-column-center h2, .content-column-right h2 {
position: relative; 
color: #BF2C1E;
text-align: center;
text-transform: uppercase;
margin: 8px 0;
background: url(../images/heading-background-red.gif) repeat-x 0 7px;
font-size: 1.1em;
}

#featured h2 span, .content-column h2 span, .content-column-center h2 span, .content-column-right h2 span {
position: relative; 
background: #FFFFFF;
margin: 0;
padding: 0 8px;
}

#featured h3, .content-column h3, .content-column-center h3, .content-column-right h3 {
font-size: 1.2em;
margin: 0;
}

#featured h4, .content-column h4, .content-column-center h4, .content-column-right h4 {
font-size: 1.1em;
}

#featured h5, .content-column h5, .content-column-center h5, .content-column-right h5 {
font-size: 1em;
}

#featured h6, .content-column h6, .content-column-center h6, .content-column-right h6 {
font-size: .9em;
}

#featured h3 a, .content-column h3 a, .content-column-center h3 a, .content-column-right h3 a {
text-decoration: none;
color: #000000;
}

/* content full layout */

#content-full {
width: 554px;
padding: 15px 0 0 0;
background: #FFFFFF url(../images/strip-background.jpg) repeat-x; 
}


/* content topic full layout */


h1.topic {
/*padding-left: 65px;*/
text-align: center;
padding: .22em 0 !important;
margin: 0;	
background: #F0F0F0 !important;
}

#content-topic-full {
position: relative;
/*width:630px;*/
}

#content-topic-full .content-column, #content-topic-full .content-column-center, , #content-topic-full .content-column-right {
background: #FFFFFF url(../images/strip-background.jpg) repeat-x; 
} 

#content-topic-navigation {
position: relative;
clear: both;
/*width: 561px;*/
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
background: #FFFFFF url(../images/strip-background.jpg) repeat-x; 
text-align: right;
padding-right: 8px;
} 

#content-story-full, #content-misc-full {
padding:  0;
width:554px;
}

#content-story-full h1 {
position: relative; 
color: #BF2C1E;
text-align: center;
text-transform: uppercase;
margin: 8px;
padding: 0;
background: url(../images/heading-background-red.gif) repeat-x 0 7px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight: bold;
border-bottom: none;
}

#content-story-full h1 span {
position: relative; 
background: #FFFFFF;
margin: 0;
padding: 0 8px;
}

#content-story-full h3 span {
color: #FF0000;
font-style: italic;
}

#content-story-full .image-space {
width: 290px;
margin-right: 8px;
}

#content-story-full .story-text, #content-story-full .story-images {
float: left;
}

#content-misc-full h1 {
position: relative; 
font-family: Verdana, Arial, Helvetica, sans-serif;
border-bottom: none;
color: #505050;
background: #FFFFFF;
padding-left: 0;
padding-top: 0;
padding-bottom: .5em;
margin: 0;
}


/* rss page content layout */


#rss-information {
position: relative;
float: left;
width: 350px;
padding:  14px 14px 14px 0;
background: url(../images/strip-background.jpg) repeat-x; 
}

#rss-select {
position: relative;
float: left;
margin-left: 1px;
width: 168px;
padding: 14px 0 14px 14px;
background: url(../images/strip-background.jpg) repeat-x; 
}

#content-full h2, #rss-select h2, #rss-information h2 {
font-size: 1.2em;
}

#content-full h3, #rss-select h3, #rss-information h3 {
font-size: 1.1em;
margin-bottom: 0;
}

#content-full h4, #rss-select h4, #rss-information h4 {
font-size: 1em;
}

#content-full h5, #rss-select h5, #rss-information h5 {
font-size: .9em;
}

#content-full h6, #rss-select h6, #rss-information h6 {
font-size: .8em;
}


/* Advanced Search layout */


.searchwrap {
width: 70%;
}

.searchlabel {
width: 40%;
position: relative;
float: left;
padding-top: 4px;
}

.searchinput {
width: 55%;
position: relative;
float: left;
padding-bottom: 16px;
}

.searchinput input, .searchinput select {
width: 100%;
}

.searchdivider {
position: relative;
clear: both;
width: 100%;
height: 1px;
border-top: 1px solid #CCCCCC;
margin: 16px;
}


/* breadcrumb */

#breadcrumb {
background: #FFFFFF;
width: 100%;
padding: 10px 0;
}

#breadcrumb ul {
margin: 0;
padding: 0;
}

#breadcrumb ul li {
display: inline;


}

/* left column layout */


#leftcol {
width: 205px; 
float: left; 
position: relative; 
padding-top: 15px;
padding-bottom: 15px;
}

#leftcol h3 {
position: relative;
color: #FFFFFF;
font-weight: bold;
font-size: 1em;
margin: 0;
width: 185px;
clear: both;
padding: 10px 5px 15px 15px;
background: #CADFEB url(../images/heading-bg.gif) repeat-x bottom;
}


#leftcol h3 span {
display: block;
position: absolute;
bottom: 0;
right: 0;
background: url(../images/heading-shadow.gif) no-repeat;
width: 9px;
height: 7px;
}

#leftcol-section {
/*padding-left: 8px;
*/}

#leftcol-section ul {
margin: 0 0 0 13px;
padding: 5px 10px 5px 15px;
}

#leftcol-section li {
margin-bottom: 5px;
}

#leftcol-section ul.section-nav, #leftcol-section ul.section-nav li ul {
list-style: none;
margin: 10px 0 0 0;
padding: 0;
border-top: 1px dotted #CCCCCC;
}

#leftcol-section ul.search {
margin-bottom: 10px;
}

#leftcol-section ul.section-nav li ul {
margin: 0;
}

#leftcol-section ul.section-nav li ul {
border-top: none;
}

#leftcol-section ul.section-nav li, #leftcol-section ul.section-nav li ul li {
margin: 0;
padding: 0;
}

#leftcol-section ul.section-nav li a {
display: block;
width: 180px;
padding: 6px 10px 6px 15px;
margin: 0;
color: #000000;
text-decoration: none;
background: url(../images/section-nav-shadow-off.gif) repeat-y right;
border-bottom: 1px dotted #CCCCCC;
}

#leftcol-section ul.section-nav li ul li a {
padding-left: 25px;
width: 170px;
border-bottom: 1px dotted #CCCCCC;
}

#leftcol-section ul.section-nav li a:hover {
text-decoration: underline;
background: #E3E3E3 url(../images/section-nav-shadow-off.gif) repeat-y right;
}

#leftcol-section ul.section-nav li a.current {
background: #E3E3E3 url(../images/section-nav-shadow-off.gif) repeat-y right;
}

#leftcol-section ul.section-nav li ul li a:hover, #leftcol-section ul.section-nav li ul li a:hover.current {
background: #F4F4F4 url(../images/section-nav-shadow-off.gif) repeat-y right;
}

#leftcol-section ul.section-nav li ul li a.current {
background: #FFFFFF url(../images/section-nav-shadow-off.gif) repeat-y right;
}

#sponsors {
padding: 0;
} 

#sponsors li {
text-align: center;
padding-bottom: 12px;
}

#sponsors li.last {
padding-bottom: 0;
}

#sponsors li div {
width: 169px; /* was 112px */
margin: 0 auto;
}

#sponsors li div img {
display: block;
float: left;
clear: none;
}

#sponsors li div img.logo-right {
float: right;
}

/*#sponsors li div .agresearch {
margin: 6px 2px 0 6px;
}
#sponsors li div .crop-food {
margin: 0 0 0 8px;
}
#sponsors li div .esr {
margin: 16px 2px 0 0;
}
#sponsors li div .gns {
margin: 4px 0 0 12px;
}

*/

.hortresearch, .irl, .landcarem, .niwa, .scion {
margin-top: 3px;
}


/* right column */

#wrapper {
position: relative;
background: url(../images/content-shadow-full.png) repeat-y;
width: 994px;
}


.shadow-left {
position: absolute;
width: 9px;
height: 8px;
top: -8px;
left: 196px;
background: url(../images/shadow-corner-left.gif) no-repeat;
}

.shadow-right {
position: absolute;
width: 9px;
height: 8px;
top: -8px;
left: 789px;
background: url(../images/shadow-corner-right.png) no-repeat;
}

#rightcol {
position: relative;
float: right;
width: 205px;
padding-bottom: 15px;
padding-top: 15px;
}

#rightcol h3 {
color: #FFFFFF;
font-weight: bold;
font-size: 1em;
margin: 0;
width: 185px;
clear: both;
position: relative;
padding: 10px 5px 15px 15px;
background: #CADFEB url(../images/heading-bg.gif) repeat-x bottom;
}

#rightcol h3 span {
display: block;
position: absolute;
bottom: 0;
left: 0;
background: url(../images/heading-shadow-right.gif) no-repeat;
width: 9px;
height: 7px;
}

#rightcol .section {
margin: 5px 0;
}

#rightcol .section img.space {
padding-bottom: 8px;
}

#home-featurette h4 {
margin: 0;
font-size: 1em;
}

#home-featurette .inner {
padding: 0 5px 0 15px;
}

/* footer layout */ 


#footer {
float: left;
width: 994px;
height:99px; 
border-top: 1px solid #CCCCCC;
background: #FFFFFF url(../images/strip-background.jpg) repeat-x; 
} 

#footer p {
text-align: center;
}


/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
}
.clearfix {
min-height: 1%;
}
table.data {
margin: 1.2em 0 1em;
border-collapse: collapse;
}
table.data th, table.data td {
vertical-align: top;
text-align: left;
padding: 0.4em;
margin: 0;
border-top: 1px solid #666;
}
table.data th {
font-weight: bold;
}
#banner img, #banner div {
display: block;
float: left;
clear: none;
}