<STYLE type="text/css" rel="stylesheet"> 
BODY
{   FONT: 75%/150%;
 }

TD
{
    FONT-FAMILY: Ms Sans-serif,arial, verdana, helvetica ;
    FONT-SIZE: 12px;
}
TH
{
    FONT-FAMILY:  Ms Sans-serif,arial, verdana, helvetica ;
    FONT-SIZE: 12px;
}
TR
{
    FONT-FAMILY:  Ms Sans-serif,arial, verdana, helvetica;
    FONT-SIZE: 12px;
}
INPUT
{
	 
    COLOR: navy;
    border-style:groove;
	border: 1px solid #A4BCEA; 
    FONT-FAMILY: arial, verdana, helvetica;
    font-size: 12px;
   
}
TEXTAREA
{   COLOR: navy;
    border-style:groove;
    border: 1px solid #A4BCEA;
    FONT-FAMILY: arial, verdana, helvetica;
    font-size: 11px;
}
SELECT
{
    
    border-style:groove;
	border: 1px solid #A4BCEA; 
 	COLOR: navy;
    font-family: arial, verdana, helvetica;
    font-size: 11px;
    font-weight: normal;

}
.SELTYPE
{
    
    border-style: groove;
    BORDER-BOTTOM-STYLE:  groove;
    BORDER-LEFT-STYLE: groove;
    BORDER-RIGHT-STYLE: groove;
    BORDER-TOP-STYLE: groove;
	font-size: 11px;
	COLOR: navy;
    font-family: arial, verdana, helvetica;
    font-weight: normal;

}

.BUTTON
{
 
    border-style: groove;
    BORDER-BOTTOM-STYLE:  groove;
    BORDER-LEFT-STYLE: groove;
    BORDER-RIGHT-STYLE: groove;
    BORDER-TOP-STYLE: groove;
     font-size: 12px;
    COLOR: navy;
    FONT-FAMILY: arial, verdana, helvetica;
    FONT-WEIGHT: normal;
}
.normal
{    BACKGROUND-COLOR: white;
     border-style: none;
     COLOR: #000000;
     FONT-FAMILY:  arial, verdana, helvetica
   
}

 
.submits	
{        background-color:#6699cc ;
         color: white ;
         font-size: 12px;	
         FONT-FAMILY: arial, verdana, helvetica, arial;
         font-weight: normal;}

.joinus	
{        font-size: 12px;	
         FONT-FAMILY: Trebuchet MS, Ms Sans-serif,arial, verdana, helvetica ;
         font-weight: normal;}
		 
#headlinks
{
    FONT-SIZE: 11px;
    font-family=Arial, Helvetica, sans-serif;
}		 		 		 

A:link
{
    COLOR: blue;
    FONT-SIZE: 12px;
    TEXT-DECORATION: none;
}
A:active
{
    COLOR: red;
    FONT-SIZE: 12px;
}
A:visited
{
    COLOR: navy;
    FONT-SIZE: 12px;
    TEXT-DECORATION: none;
}
A:hover
{
    COLOR: red;
    FONT-SIZE: 12px;
    TEXT-DECORATION: underline;
}






/* Change width to modify the width of the box */
.bottombox, .topbox, .middlebox {
	width:160px;
}

/* Change .topbox to modify the color coding of the top box. Do not change the background color. */
.topbox {
	background-color: #ffffff;
	border: solid 1px #bdcbde;
	}
	
/* Do not change .topimage */
.topimage {
	background: url(wbcsd-small.gif);
	background-color: #ffffff;
	width: 40px;
	height: 40px;
	float: left;
	margin-bottom: -5px
	}
	
/* Change .TopBoxText to modify the title of your box */
.topbox .TopBoxText {
	color: #000000;
	margin: 5px 5px 5px 5px;
	text-align: right;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}

/* Change .middlebox to modify background and border colors of the middle box */
.middlebox {
  background-color: #f7f7ff;
  border: solid 1px #bdcbde;
}

/* Do not change .middlebox .MiddleBoxText */
.middlebox .MiddleBoxText {
	color: #000000;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	padding-bottom: 5px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 0px;
	}	

/* Change .middlebox A to change the headlines */	
.middlebox A {
	color: #006699;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;	
	}

.middlebox A:HOVER {
text-decoration:underline;
font-size: 10px;
}

/* Change .middlebox .MiddleBoxSmall to change the item description (if available) */	
.middlebox .MiddleBoxSmall {
	color: #000000;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 1px;
	padding-top: 0px;
	}

	/* Change .bottombox to modify background and border colors of the bottom box */
.bottombox {
	background-color: #bdcbde;
	border: solid 1px #bdcbde;
}

/* Change .bottombox .BottomBoxText to modify the look of "Search WBCSD news" */
.bottombox .BottomBoxText {
	color: #000000;
	margin-left:5px;
	margin-right:0px;
	margin-top:2px;
	margin-bottom:-1px;
	font-family:Arial;
	font-weight:normal;
	font-size:11px;
	text-align: left;
}

/* Change .bottombox .go to modify the look of the "Go" button */
.bottombox .go
{
	height:15px;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	background:#000000;
	border:solid 1px;
	border-color:#000000;
	color:#ffffff;
	text-decoration: none;
	text-align: center;

}

/* Change .bottombox input to modify the look of the input field */
.bottombox input
{
	width:126px;
	height:15px;
	border:solid 1px;
	border-color:#444444;
	margin-bottom: 2px;
	margin-left:5px;
	font-family: Arial, Verdana, Geneva,  Helvetica, sans-serif;
	font-size: 10px;
	color: #006699;
}

/* Change .bottombox .tinytext to modify the look of the WBCSD disclaimer */
.bottombox .tinytext
{
	font-family:Arial;
	font-size:9px;
	font-weight:normal;
	text-align: center;
	color: #000000;
}

/* Change .bottombox .wbcsd to modify the look of link to the WBCSD homepage */
.bottombox  .wbcsd {
   color: #006699;
   font-family:Arial;
	font-size:9px;
	font-weight:bold;
	text-align: center;
	letter-spacing: 1px;
	text-decoration: none;
}

.spacer {
   background:url(spacer.gif);
   font-size:0px;
   background-color: #ffffff;
   height: 2px;
}

	





</style>
