@import url(css1.css);

/**
carbon projects css

primary colors
#bede9e border
#e2f5ce background
#4E5A6A font

**/

/*************** Image and Caption Styles **************/
.projectimg1 {
float:right;
margin: 4px 12px 4px 12px;
width: 150px;
}

.projectimg2 {
float:left;
margin: 4px 12px 4px 12px;
width: 150px;
}

div.projectimg1 p, div.projectimg2 p {
font-size:10px;
text-align:left;
padding:6px 0 10px 0px;
}

/**************** Font - Colour Redefine ****************/
body, #bmenunav a, .divd a, #navlist li a, #navlist li a:link, #navlist li a:hover, a, #bottxt, #copy {
color:#4E5A6A;
}

/**************** Div - Styles Redefine ****************/
div.divd {
background:#e2f5ce;
width:594px;
border:solid 1px #bede9e;
margin:0 0 4px 0;
padding-bottom: 15px; overflow: visible
}

.divd ul li {font-size:80%; margin-bottom:10px;}

.divf ul li {font-size:80%; margin-bottom:10px;}

html>body div.divd {
width:594px;
left:2px;
margin:0 3px 4px 181px;
}

div.navc {
border-bottom:solid 1px #bede9e;
}



/**************** Lists ****************/
ul {
margin:0 0 0 48px;
padding:0;
}

.small2 {font-size:smaller;}


.oblique {font-style:oblique;}

/***************strap line***************/

#strap /* Div container for "Saving Threatened Habitats Worldwide" strapline */
{
    float:left;
	margin:20px 0 0 40px;
	background:#bcdc99; 
}

/***************Calculator box for home page***************/


#calculator dl {
float:left;
width:220px;
margin:20px 10px;
padding:0;
display:inline; /* fixes IE/Win double margin bug */
}
#calculator dt {
float:right;
width:126px;
margin:0;
padding:0;
font-size:70%;
color:#FFFFFF;
}
#calculator dd {
margin:0;
padding:0;
font-size:70%;
line-height:1.5em;
color: #FFFFFF;
}
#calculator dd.img img {
float:left;
margin: 0 4px 0 0;
padding:4px;
border:1px solid #FFFFFF;

}
.redtext {
color:#FF0000;
font-weight:bold;
}

/***************Fixed calculator lists***************/
.fixlist {
position: relative;
}

.fixlistimage {
position: relative;
top: 2px;
left: 12px;
z-index: 1;
}

.fixlisttext {
position: absolute;
top: 2px;
left: 120px;
width: 360px;
z-index: 1;
}

/*################################# Rade Additions for carbon calculator 2008 ############################################*/

#formflightselect {
	font-size: 1em;
	width:430px;
	font-weight:normal;
}

/*################################# Rade Additions for carbon calculator 2008 ############################################*/

#InfoPopUp
{
	position:absolute; 
	width: 200px; 
	top: 0px; 
	left: 0px; 
	z-index:4; 
	background-color:white;
	border:1px solid black;
	padding:5px;
	visibility:hidden;
}

.infoimage {
	cursor: pointer;
}

#infopopup {
	position: absolute;
	width: 200px;
	left: 0px;
	top: 0px;
	padding:2px;
	font-size:11px;
	text-align:left;
	border: 1px solid black;
	background: white;
	visibility: hidden;
}

.info_notes,
.info_notes td
{
	font-size:10px;
	vertical-align:top;
	padding-left:10px
}