@import url('layout.css');

body 
{
    margin-top: 5px;
	font: 85% Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	}	
tabhd{
    font: bold 90% Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;    
    }

h2{
    font: 100% Arial, Helvetica, sans-serif;
    color: #1E1E1E
    }

h3{
    font: 85% Arial, Helvetica, sans-serif;
    color: #0e4a86
    }

h4{
    font: 80% Arial, Helvetica, sans-serif;
    color: #0e4a86;
    margin-top: 0px;
    margin-bottom:0px;
    }

h5{
    font: 80% Geneva, Arial, Helvetica, sans-serif;
    color: #0e4a86
    }

#container {
    width: 1005px;
    margin: 0 auto;	
    background-color: #0e4a86;
    _background-color: #ffffff; /* IE 6 and below */
    height: auto;    
}
#masthead {	
	text-align: left;	
	width: 100%;
	height: 175px;
    }
#imgheader{
    width: 740px;
    height: 175px;
    margin: 0;
    background: #2d87e0;
    background-image:url(../images/web6_02.jpg);
    float:left;
    }

#clock{
    width: 265px;
    height: 175px;
    text-align: center;
    margin: 0;
    background-image:url(../images/web6_03.jpg);
    float: right;
    }    

#topnavigationleft 
{
    float: left;	
	text-align: left;
	margin: 0 auto;	
	padding: 0;
	width: 70%; /* 703.5*/
	height: 35px;	
	color: #ffffff;
	background-color: #033a71;
	font: 100% Arial, Helvetica, sans-serif;	
	z-index: 600;
}

#menu1
    {
    height: 35px;
    background-color: #033a71;
    float:left;    
    }

#topnavigationright 
{
    float: right;   
	text-align: right;
	margin: 0 auto;
	padding: 2px 20px 0 0;	
	width: 28%; /* 281.4px */
	height: 33px;
	line-height:33px;
	position: relative;	
	color: #ffffff;
	background-color: #033a71;	
	vertical-align:top;	
}

#content {	
	width: 100%; /* 982px */	
	text-align: left;	
	height: auto;
	background-color: #0e4a86;
	clear: both;	
	padding-bottom: 10px;
    }
/* Left Content Divisions */
#contentLeft {    
	float: left;
	text-align: left;
	width: 70%; /* 982px */
	margin:5px 0 0 10px;
	padding: 0;	
	height: auto;
	vertical-align:top;
	background-color: #0e4a86;	
    }
    
#introtab
{
    width: 163px;
    height: 18px;
    background: url(../images/Tabs/Intro.png) no-repeat; 
    filter:progid_DXImageTransform.Microsoft.Alpha(opacity=0);
    margin-top: 10px;
    padding-left: 10px;
    border: 0;
    display:inline-block;
}
	
#intro {
    	text-align: left;
    	float: left;
	width: 95%;		
	height: 195px;	
	vertical-align:top;
	background-color:#ffffff;	
	padding: 10px;
	margin-bottom: 5px;
	border: #59a9f8 3px solid;
	}
#Whatsnewtab
{
    width: 163px;
    height: 18px;
    background: url(../images/Tabs/WhatsNew.png) no-repeat;
    margin-top: 10px;
    padding-left: 10px;
}
	
#Whatsnew {
    text-align: left;
    float: left;
	width: 95%;	
	padding: 10px;		
	vertical-align:top;
	background-color:#ffffff;
	margin-bottom: 5px;
	border: #59a9f8 3px solid;
	}
#Newstab
{
    width: 95%;
    height: 18px;
    background: url(../images/Tabs/News.png) no-repeat;
    margin-top: 10px;
    padding-left: 10px;
}
	
#News {
    text-align: left;
    float: left;
	width: 95%;	
	padding: 10px;	
	vertical-align:top;
	background-color:#ffffff;
	margin-bottom: 5px;
	border: #59a9f8 3px solid;
	}

#Impacttab
{
    width: 163px;
    height: 18px;
    background: url(../images/Tabs/Impact.png) no-repeat;
    margin-top: 10px;
    padding-left: 10px;
}
	
#Impact {
   text-align: left;
    float: left;
	width: 95%;	
	padding: 10px;	
	vertical-align:top;
	background-color:#ffffff;
	margin-bottom: 5px;
	border: #59a9f8 3px solid;
	}
#GreenMaterialtab
{
    width: 163px;
    height: 18px;
    background: url(../images/Tabs/Greenmaterial.png) no-repeat;
    margin-top: 10px;
    padding-left: 10px;
}
	
#GreenMaterial {
    text-align: left;
    float: left;
	width: 95%;	
	padding: 10px;	
	height: auto;	
	vertical-align:top;
	background-color:#ffffff;
	margin-bottom: 5px;
	border: #59a9f8 3px solid;
	}


	
/* Right Content Divisions */	
#contentRight {
	float: right;
	width: 27%;
	margin: 5px 0 0 5px;
	padding: 0;	
	height: auto;
	vertical-align: top;
	background-color: #0e4a86;		
}
#pricestab
{
    width: 163px;
    height: 18px;
    background: url(../images/Tabs/RubberPrices.png) no-repeat;    
    margin: 15px 0 0 0;
    border: 0;
}
 
 #prices 
{
    text-align: left; 
    padding: 0 5px 0 10px;
    width: 88%;
    background:#ffffff;    
    border:#b351e0 3px solid;
    margin: 0 10px 0 0;
 }
 
 #smsprices 
{
    text-align: center; 
    padding: 0 5px 0 10px;
    width: 88%;
    background:#ffffff;    
    border:#b351e0 3px solid;
    margin: 0 10px 15px 0;
    vertical-align:middle;
 }
#businesstab
{
    width: 163px;
    height: 18px;
    background: url(../images/Tabs/BusinessActivities.png) no-repeat;    
}
#business 
{    
   text-align: left; 
    padding: 0 5px 0 10px;    
    width: 88%;
    height: auto;
    margin: 0 10px 15px 0;
    background-color: #59a9f8;
    border: #59a9f8 3px solid; 
     
 }
 #onlinetab
{
    width: 163px;
    height: 18px;
    background: url(../images/Tabs/OnlineServices.png) no-repeat;    
}
#online 
{    
    text-align: left; 
    padding: 0 5px 0 10px;    
    width: 88%;
    height: auto;
    margin: 0 10px 15px 0;
    background-color: #59a9f8;
    border: #59a9f8 3px solid;    
 }
 #formtab
{
    width: 163px;
    height: 18px;
    background: url(../images/Tabs/Forms.png) no-repeat;    
}
#form 
{    
    text-align: left; 
    padding: 0 5px 0 10px;    
    width: 88%;
    height: auto;
    margin: 0 10px 15px 0;
    background-color: #59a9f8;
    border: #59a9f8 3px solid;    
 }
 #Linkstab
{
    width: 163px;
    height: 18px;
    background: url(../images/Tabs/Links.png) no-repeat;
    margin-top: 10px;    
}
	
#Links {
    text-align: left; 
    padding: 0 5px 0 10px;    
    width: 88%;
    height: auto;
    margin: 0 10px 15px 0;
    background-color: #59a9f8;
    border: #59a9f8 3px solid;
	}
 #enquiriestab
{
    width: 163px;
    height: 18px;
    background: url(../images/Tabs/Enquiries.png) no-repeat;
    padding-left: 10px;
}
#enquiries 
{    
    text-align: left; 
    padding: 0 5px 0 10px;    
    width: 88%;
    height: auto;
    margin: 0 10px 15px 0;
    background-color: #59a9f8;
    border: #59a9f8 3px solid;    
 }
 #polltab
{
    width: 163px;
    height: 18px;
    background: url(../images/Tabs/Poll.png) no-repeat;    
}
#poll 
{    
    text-align: left; 
    padding: 0 5px 0 10px;    
    width: 88%;
    height: 180px;
    margin: 0 10px 20px 0;
    background-color:#ffffff;	
	border: #59a9f8 3px solid;   
 } 

#footer
{
    text-align: left;
    clear: both;
    width: 100%;
    height: 30px;
    margin: 0 auto;
    background-image: url('../images/bottom_bar.jpg' );
    background-repeat: no-repeat;
    vertical-align: middle;    
    color: #ffffff;
    font: 100% Arial, Helvetica, sans-serif;
    text-decoration: none;
    line-height: 30px;
    padding: 0 10px 0 30px;
}
#copyright {	 
	clear: both;
	width: 100%;	
	margin: 0 auto;
	padding: 0 10px 0 30px;
	text-align: left;
	color: #0e4a86;	
	height: auto;
	background-color: #ffffff;	
	border: solid 1px #ffffff;
}
/* head Styles */

#head a {
	color: #333333;
	text-decoration: none; 		
}
#head a:hover {
	color: #0e4a86;	
	text-decoration:underline;
}
#head a:visited {
	color: #333333;
	text-decoration: none;	
}

/* Masthead Styles */
#masthead tabhd {
	color: #b71;
}
#masthead h3 {
	color: #542;
}
#masthead a 
{    text-decoration: none;
	 color: #ffffff;	
}
#masthead a a:visited
{
    text-decoration: none;
	color: #ffffff;	
}
#masthead a:hover {
	 color: #ffffff;
	 text-decoration:underline;	
}

#Newstab a:hover
{color: #ffffff;
	 text-decoration:underline;	}
#Newstab a:linked
{color: #ffffff;
	 text-decoration:none;	} 
 #Newstab a:visited
{color: #ffffff;
	 text-decoration:none;	} 
#Newstab a
{color: #ffffff;
	 text-decoration:none;	} 
#Newstab a:visited
{color: #ffffff;
	 text-decoration:none;	}

/* Footer Styles */
#footer a {
	color: #ffffff;
	text-decoration: none;	
}
#footer a:active {
	color: #ffffff;
	text-decoration: none;	
}
#footer a:visited {
	color: #ffffff;
	text-decoration: none;	
}
#footer a:hover {
	color: #D5EAFF;
	text-decoration: underline;	
}
#business a a:linked a:visited a:active
{
    color: #0e4a86; 
    text-decoration: none;}
    
#business a a:link a:visited a:active
{
    color: #0e4a86; 
    text-decoration: underline;}

/*normal links in the text*/
a:link {
  color: #0e4a86; 
  text-decoration: none; } 
a:active {
  color: #0e4a86; 
  text-decoration: none; }
a:visited {
  color: #0e4a86; 
  text-decoration: none; }
a:hover { /*this effect is not shown in NN4.xx*/
  color: #0e4a86; 
  text-decoration: underline; 
  }
  
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}
.vertline {
	  background-image:url('../images/rl_vdots.gif');
	  background-repeat:no-repeat;
	  text-align:center;	    
    }

.webbullet {
	 font: 80% "Wingdings 2";	 
	 color: black;
	 }

 /* Bodytext Styles */
 
.bodytext
{
   font: 90% Verdana, Arial, Helvetica, sans-serif;
   color:#333333;
   text-align: left;
   line-height: 1.3em;   
}
     
.textalignright
{
   text-align: right;
}

.bodytext a
{
      color: #0e4a86;
      text-decoration: none;   
}
.bodytext a:visited
{
      color: #0e4a86;
      text-decoration: none;   
}
.bodytext a:active
{
      color: #0e4a86;
      text-decoration: none;   
}
.bodytext a:linked
{
      color: #0e4a86;
      text-decoration: none;   
}
.bodytext a:hover
{
      color: #033a71;
      text-decoration: none;   
}

/* White text Styles */
.bodytextwhite
{
   font: 90% Arial, Helvetica, sans-serif;
   color: #ffffff;
   text-align: left;
   line-height: 12px;
   vertical-align:middle;
}

.bodytextwhite a
{   color:#ffffff; 
    text-decoration:none; } 
    
.bodytextwhite a:link
{   color:#ffffff; 
    text-decoration:none; } 
    
.bodytextwhite a:active
{   color:#ffffff; 
    text-decoration:none; 
}
.bodytextwhite a:visited
{   color:#ffffff; 
    text-decoration:none;   
}
.bodytextwhite a:hover
{   color:#ffffff;  
    text-decoration:underline; 
}  
.bodytextwhiteright
{
   font-size: 90%;
   color:#ffffff;
   text-align: right;
   padding: 5px 20px 0 0:   
}
.bodytextwhitecentre
{
   font-size: 90%;
   color: #ffffff;
   text-align: center;
   padding: 15px 0 15px 0;   
}

.bodytextwhitecentre a:link
{   color:#ffffff; 
    text-decoration:none; } 
    
.bodytextwhitecentre a:active
{   color:#ffffff; 
    text-decoration:none; 
}
.bodytextwhitecentre a:visited
{   color:#ffffff; 
    text-decoration:none;   
}
.bodytextwhitecentre a:hover
{   color:#ffffff;  
    text-decoration:underline; 
}  
.bodytextwhitecentre a:link
{  color:#ffffff; 
    text-decoration:none; } 
    
.bodytextwhitecentre a:active
{   color:#ffffff; 
    text-decoration:none; 
}
.bodytextwhitecentre a:visited
{   color:#ffffff; 
    text-decoration:none;   
}
.bodytextwhitecentre a:hover
{   color:#ffffff;  
    text-decoration:underline; 
}  
.bodygreen
{
   font: bold 90% Arial, Helvetica, sans-serif;
   color: #333333;
   text-align: center;
   background-color: #98fb98;
   border: solid 1px #57F957;
    
}
.bodytextgreen
{
   font: 90% Arial, Helvetica, sans-serif;
   color: #000000;
   text-align: center;
   background-color: #98fb98;     
}


/* Note Styles */
.note 
{
    font-size: 70%;
    text-align:left;
    color:#333333;
 }
 
 .notewhite 
{
    font-size: 70%;
    text-align: left;
    color: #ffffff;
 }
 
 .notewhiteright
{
    font-size: 70%;
    text-align: right;
    color: #ffffff;
    padding-right: 10px;
 }
.graphhd 
{
    font: 80% Arial, Helvetica, Sans-serif;
    text-align: center;
    color: #333333;
    line-height: 12px;
 }

/* copyright Styles */
#copyright p{
	font: 75% Arial, sans-serif;
	color: #0e4a86;
	line-height:normal;    
	text-align: left;	
}
#copyright a {
	color: #0e4a86;
	text-decoration: none;
}
#copyright a:hover {
	color: #033a71;
	text-decoration: underline;
    }
#copyright a:active {
	color: #0e4a86;
	text-decoration: none;
}
#copyright a:visited {
	color: #0e4a86;
	text-decoration: none;
}
/* Clear div */
.clearer 
    {
    clear: left; line-height: 0; height: 0;
    }
.clearerboth 
    {
    clear: both; line-height: 0; height: 0;
    }
    
.newsimage
    {Width: 80px;
     height: 60px;
     Border: Solid 1px #59a9f8;
     }

         
#topnavigationleft a 
    {
    font: 100% Arial, Helvetica, sans-serif;
    color: #ffffff;
    text-decoration: none;    
	}
#topnavigationleft a:link 
    {
    font: 100% Arial, Helvetica, sans-serif;
    color: #ffffff;
    text-decoration: none;
}

#contentRight a:link a:active a:visited
    {color: #0e4a86;
    text-decoration: none;}  

 /* Menu Control Styles */
.toolbar
        {
         font: 110% "Myriad Web Pro", Arial, Sans-Serif; 
         padding: 8px 5px 0 8px;  
         vertical-align: middle;
         text-indent: 10px;               
        }
        
.toolbar a:
        {
         font: 110% "Myriad Web Pro", Arial, Sans-Serif;
         text-decoration:none;
        }
.toolbar a:visited
        {
         font: 110% "Myriad Web Pro", Arial, Sans-Serif;
         text-decoration: none;
        }
.toolbar a:active
        {
         font: 110% "Myriad Web Pro", Arial, Sans-Serif;
         text-decoration: none;
        }
.toolbar a:hover
        {
         font: 110% "Myriad Web Pro", Arial, Sans-Serif;
         color: Aqua;
         text-decoration: none;
        }
	 
.level1
    {
    color: #ffffff;
    background-color: #033a71;
    font: 100% Arial, Helvetica, sans-serif;
    padding-left: 5px;
    }
    
.level1 a:hover{
   
    background-color: #fa5900;    
    }

.level2
    {
    color: #ffffff;
    font: 95% Arial, Helvetica, sans-serif;
    background-color: #033a71;    
    border-top: solid 1px #CCCCCC; 
    width: 180px;      
    }

.level3
    {
    color: #ffffff;
    font: 95% Arial, Helvetica, sans-serif;
    background-color: #033a71;
     border-top: solid 1px #CCCCCC;   
    width: 200px;    
    }
.level4
    {
    color: #ffffff;
    font: 95% Arial, Helvetica, sans-serif;
    background-color: #033a71;
    border-top: solid 1px #CCCCCC;  
    width: 220px;    
    }

.sublevel1
    {
    background-color: transparent !important;
    color: #ffffff !important;    
    } 
.hoverstyle
{   
    background-color: #fa5900;}
       


/* Tab Styles */

#Whatsnew a a:link a:visited a:active
    {color: #0e4a86;
    text-decoration: none;
    }

#Whatsnew a:hover
{
      color: #59a9f8;
      text-decoration: none;   
}
#News a a:link a:visited a:active
    {color: #0e4a86;
    text-decoration: none;
    }

#News a:hover
{
      color: #59a9f8;
      text-decoration: none;   
}

#Links a {color: #ffffff;}
#Links a:visited {color: #ffffff;}
#Links a:active {color: #ffffff;}
#Links a:linked {color: #ffffff;}
#Links a:hover {color: #ffffff;}

#GreenMaterial a:hover 
    {
    color:#59a9f8;
    text-decoration:none;
    }
#Impact a:hover 
    {
    color:#59a9f8;
    text-decoration:none;
    }
    
/* Right Content Tab Styles */    
 .tabhd 
    {
    font: bold 90% Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
    padding-top: 2px;}
       
.tabtext
{
   font: 85% Arial, Helvetica, sans-serif;
   line-height: 1.3em;
   color: #0e4a86;
   text-align: left;
   font-weight:bold;
}
a.tabtext
{
   color: #0e4a86;
   text-decoration:none;
}
a.tabtext:link
{
   color: #0e4a86;
   text-decoration:none;
}
a.tabtext:active
{
   color: #0e4a86;
   text-decoration:none;
}
a.tabtext:visited
{
   color: #0e4a86;
   text-decoration:none;
}

.tabtext a:hover
{
   color: #ffffff; 
   text-decoration:none;  
}

tabhd, h2, h3, h4, h5, h6, p {
  position: relative;
}

    
/*Publication/Journal Popups  */


.modalBackground 
{
    background-color:Gray;
    filter: alpha(opacity=70);
    opacity:0.7;
}

.modalPopup
{
    background-color: White;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 80%;
}

.pollbutton
{
    background-color: #ffd700;
    border: #ffd700 0 solid;
    color: #ffffff;  
}
.pollbutton a:link
{
    background-color: #ffd700;
    border: #ffd700 0 solid; 
    color: #ffffff;
    text-decoration: none;	   
}
.pollbutton a:visited
{
    background-color: #ffd700;
    border: #ffd700 0 solid; 
    text-decoration: none;
    color: #ffffff;	   
}

.pollbutton a:hover
{
    background-color: #daa520;
    border: #ffd700 0 solid;
    text-decoration: none;
    color: #ffffff;
}