/* base
----------------------------------------------- */
body {
margin:0 auto; padding:0;
font-family: "lucida grande", "lucida sans unicode", "lucida sans", arial, sans; 
font-size: 62.5%; /* for IE */
background-color:#ddd;
color:#646464;
text-align:center;
}

p {
margin:1em 0;
padding:0;
}

blockquote {
margin-right: 0;
margin-left: 20px;
}

h1,h2,h3,h4,h5,h6 {
margin:0;
font-weight: normal;
}

h1 {
margin:15px 0 15px 0;
font-size: 3em;
line-height:145%;
color: #b74319;
}

h2 {
font-size: 2em;
color:#000;
}

h3 {
margin:5px 0;
font-size: 1.7em;
line-height: 110%;
color:#9f6c4b;
font-family:georgia, times, "times new roman", serif;
}

.vision h3 {
font-size:2em;
border-bottom:1px dotted #9f6c4b;
}

.about h2 {
margin:5px 0;
font-size: 2em;
line-height: 110%;
color:#9f6c4b;
}

h4 {
margin:2px 0;
font-size: 1.4em;
text-transform:uppercase;
line-height: 110%;
color:#6b7991;
}

h5 {

}

.bio h4 {
margin:2px 0;
font-size: 1.2em;
text-transform:uppercase;
line-height: 110%;
color:#6b7991;
}
.bio h5 {
font-size: 1.1em;
/*font-style:italic;*/
line-height: 110%;
color:#6b7991;
/*
font-family:georgia, times, "times new roman", serif;
*/
}


small, .small {
font-size: 0.9em;
}

/* links
----------------------------------------------- */
a:link, a:active, a:visited { text-decoration:underline; color:#000; }
a:hover { text-decoration:none; }

a img, a:link img, a:hover img, a:visited img, a:active img {
text-decoration:none;
border-style:none;
}

/* tables
----------------------------------------------- */
table {
width:100%;
}

table tr td {
}

table tr.odd td { 
padding:8px 10px;
background:#e7e6e2;
}

table tr.even td { 
padding:8px 10px;
background:#ecebe7;
}

table .contact-email { text-align:right; }


/* overrides
----------------------------------------------- */

/* global layout
----------------------------------------------- */
#wrap {
width:100%;
background: #ddd url(/cssimages/bg-page.gif) repeat-x top left;
}

.front #wrap {
width:100%;
background: #ddd url(/cssimages/bg.gif) repeat-x top left;
}

#banner-full {
margin:0 auto; padding:0;
width:100%;
min-width:960px;
height:500px;
background: url(/cssimages/bgtop.gif) repeat-y top center;
text-align:center;
}
.thinbanner #banner-full {
height:250px;
}

#bannerimagecontainer {
margin:0 auto; padding:0;
width:960px;
height:500px;
position:relative;
}
.thinbanner #bannerimagecontainer {
height:250px;
}

.front #bannerimage {
margin:0 auto; padding:0;
width:960px;
height:500px;
background:#eee url(/album/images/banner1.jpg) no-repeat top center !important;
background: #eee url(/cssimages/banner-default.jpg) no-repeat top center;
text-align:right;
z-index:0;
}
.thinbanner #bannerimage {
height:250px;
background:#eee url(/banner-rotate/rotate.php) no-repeat top center;
}

#container {
margin:0 auto; padding:0;
width:960px;
text-align:left;
position:relative;
}

#logobar {
margin:0 auto; padding:0;
height:235px;
width:920px;
}

#logo {
margin:0; padding:0;
position:absolute;
top:0; right:0;
width:565px;
height:170px;
background: url(/cssimages/biolinkingaustralia.png) 
no-repeat top right !important;
background: transparent;
z-index:100;
}

#content {
margin:0; padding:0;
width:100%;
background:#fff;
font-size:1.2em;
line-height:150%;
}

#content-pad {
padding:20px 40px 50px 20px;
}

.column1, .column2, .column3, .column4 {
float:left;
width:205px;
margin:0 0 0 40px;
}

.column1 {
margin:50px 0 0 10px;
width:150px;
font-size:2em;
line-height:120%;
color:#cbaf9e;
font-family:helvetica, arial, sans;
}

.front .column1 {
margin:0 0 0 10px;
}

.column1-subnav {
margin:0; padding:0;
width:150px;
float:left;
font-family:helvetica, arial, sans;
}

.column234 {
float:right;
width:700px;
}

.columnVideo {
margin:0;
float:right;
width:410px;
}

.column-bio {
float:left;
width:200px;
margin:0 0 0 25px;
}

.row-bio {
margin:0; width:100%;
}

.column1-bio, .column2-bio, .column3-bio {
float:left;
width:232px;
margin:0 0 0 50px;
}

.Article {
float:right;
width:675px;	
line-height:125%;
column-count: 3;
column-gap: 20px;
}

#footer {
clear:both;
position:relative;
text-align:center;
width:100%;
margin:30px auto 10px 0;
}

#copyright {
clear:both;
margin:0px auto 20px auto;
text-align:center;
/*border-top:5px solid #d4d4d4;*/
width:960px;
}

.vision-article {
margin:0 0 40px 0;
/*border:4px solid #e7e6e2;*/
}

.book-image {
margin:10px 0 10px 0;
float:left;
width:190px;
}
.book-image img {
border:3px solid #e7e6e2;
padding:1px;
}
.book-right {
margin-bottom:20px;
float:right;
width:500px;
}

.book-body {
margin:12px 0;
padding:10px 20px;
background:#e7e6e2;
color:#222;
}
.book-excerpt {
font-style:italic;
}

.books-divider {
margin:0;
width:100%;
height:20px;
border-top:1px dotted #bcb694;
}


/* images
----------------------------------------------- */
.main-image {
margin:0;
padding:1px;
border:2px solid #9a826d;
}

.img-title {
margin:0; padding:0;
display:block;
}

.bio-image {
margin:5px 20px 5px 0;
border:3px solid #d5d1bb;
padding:1px;
}

.bio-divider {
margin:0 0 20px 0;
clear:left;
width:100%;
height:10px;
border-bottom:1px dotted #bcb694;
}

.foot-img-middle {
margin:0 124px;
}

.image-right {
margin:5px 0 5px 10px;
border:3px solid #d5d1bb;
padding:1px;
}
.image-left {
margin:5px 10px 5px 0px;
border:3px solid #d5d1bb;
padding:1px;
}

.img-700 {
margin:20px 0;
}

/* main navigation
----------------------------------------------- */
#navigation-container {
width: 960px; height: 40px;
margin: 0 auto; padding: 0;
background: #f39535 url(/cssimages/navbarbg.gif) top left no-repeat;
position: relative;
}

#navigation-container ul {
width: 960px; height: 40px;
margin: 0 auto; padding: 0;
}

#navigation li {
margin: 0; padding: 0; list-style: none;
position: absolute; top: 0;}

#navigation li, #navigation a {
height: 40px; display: block; border:0; 
}

#home {left: 220px; width: 148px;}
#about {left: 368px; width: 148px;}
#vision {left: 516px; width: 148px;}
#contact {left: 664px; width: 148px;}
#partner {left: 812px; width: 148px;}

#home a { background: transparent url(/cssimages/navbar.gif) -220px 0px no-repeat; }
#about a { background: transparent url(/cssimages/navbar.gif) -368px 0px no-repeat; }
#vision a { background: transparent url(/cssimages/navbar.gif) -516px 0px no-repeat; }
#contact a { background: transparent url(/cssimages/navbar.gif) -664px 0px no-repeat; }
#partner a { background: transparent url(/cssimages/navbar.gif) -812px 0px no-repeat; }


#home a:hover {
background: transparent url(/cssimages/navbar.gif) -220px -40px no-repeat; }

.front #home a {
background: transparent url(/cssimages/navbar.gif) -220px -80px no-repeat; }

#about a:hover {
background: transparent url(/cssimages/navbar.gif) -368px -40px no-repeat; }

.about #about a {
background: transparent url(/cssimages/navbar.gif)
-368px -80px no-repeat; }


#vision a:hover {
    background: transparent url(/cssimages/navbar.gif)
    -516px -40px no-repeat;
    border:0; }
.vision #vision a,
.vision-reserve-system #vision a,
.vision-fragmentation #vision a,
.vision-plan #vision a,
.vision-linkages #vision a,
.vision-adaptation-mitigation #vision a,
.vision-carbon-sequestration #vision a,
.vision-carbon-fix-standard #vision a {
    background: transparent url(/cssimages/navbar.gif)
    -516px -80px no-repeat;
    border:0; }

#contact a:hover {
    background: transparent url(/cssimages/navbar.gif)
    -664px -40px no-repeat;
    border:0; }
.contact #contact a {
    background: transparent url(/cssimages/navbar.gif)
    -664px -80px no-repeat;
    border:0; }

#partner a:hover {
    background: transparent url(/cssimages/navbar.gif)
    -812px -40px no-repeat;
    border:0; }
.partner #partner a {
    background: transparent url(/cssimages/navbar.gif)
    -812px -80px no-repeat;
    border:0; }


/* sub-navigation
----------------------------------------------- */
#subnavigation {
margin:0; padding:0;
}

#subnavigation li {
/*margin: 5px 0; padding:5px; */width:140px; display:block; 
font-size:12px; line-height:110%;
border-bottom:1px dotted #6b7991;
}

#subnavigation a:link, #subnavigation a:active, #subnavigation a:visited { display:block; text-decoration:none; color:#6b7991; padding:10px 0; }
#subnavigation a:hover { text-decoration:none; background-color:#e1e2ff; }


/*
#subnavigation li, #subnavigation a {
height: 30px; display: inline; border:0; 
color:#fff; margin-right:20px;
font-size:1em; text-transform:uppercase;
font-family:helvetica, arial, sans;
font-weight:bolder;
}
*/

/* contact form plugin "Zem Contct Reborn"
----------------------------------------------- */

#zemContactForm {
margin:0 auto;
margin-top:-20px;
padding:0;
font-size:0.9em;
line-height:1.6em;
text-align:left;
/*text-transform:uppercase;*/
}

#zemContactForm p {
margin:0 auto;
padding:0;
}

fieldset {
border:0;
}

label {
border:0;
}

fieldset legend { display:none ;}

#yourname, #youremailaddress, #subject, #message {
margin:0 auto;padding:0;
width:400px;
height:1.6em;
/*background-color:#f7f6f2;*/
}

#message {
width:400px;
height:20em;
/*background-color:#f7f6f2;*/
}

#zenSubmit {
}



/* general classes
---------------------------------------------- */
.four-columns {
column-count: 4;
column-gap: 20px;
}

/* transparent png fix for IE
----------------------------------------------- */
img, div { behavior: url(/iepngfix.htc) }


/* clear floats
----------------------------------------------- */
.clear { clear:both; }

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* fix in IE/Mac */
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */