<?xml version="1.0" encoding="utf-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>

.BorderOn  { width:90px;
             margin-left:10px;
             border:1px solid #456789 }
.BorderOff { width:90px;
             margin-left:0px;
             border:1px solid #444444 }
A.mBlue:link      {color:#FF941D; text-decoration:none;}
A.mBlue:visited   {color:#ff9933; text-decoration:none;}
A.mBlue:active    {color:#FF9933; text-decoration:none;}
A.mBlue:hover     {color:#ff9933; text-decoration:underline;}        
A.mGreen:link     {color:#ff9933; text-decoration:none;}
A.mGreen:visited  {color:#ff9933; text-decoration:none;}
A.mGreen:active   {color:#ff9933; text-decoration:none;}
A.mGreen:hover    {color:#ff9933; text-decoration:underline;} 
A.mYellow:link    {color:#ff9933; text-decoration:none;}
A.mYellow:visited {color:#ff9933; text-decoration:none;}
A.mYellow:active  {color:#ff9933; text-decoration:none;}
A.mYellow:hover   {color:#ff9933; text-decoration:underline;}       
//-->             
</style>
<script language="JavaScript1.2">

offMessage = "Here you will find brief description the websites main topics"
function boxOn(which,message) {
if (document.all||document.getElementById) {
which.className = 'BorderOn';
if (document.getElementById) {
document.getElementById("Message").innerHTML = message
}
else {
Message.innerHTML = message;
      }
   }
}
function boxOff(which) {
if (document.all||document.getElementById) {
which.className = 'BorderOff';
if (document.getElementById) {
document.getElementById("Message").innerHTML = offMessage
}
else {
Message.innerHTML = offMessage;
      }
   }
}
//  End -->
</script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Home</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<style type="text/css">


body {
	margin: 0;
	padding: 0;
	background: #0D0D0D url(images/img1.gif) repeat-y center top;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #707070;
}

h1, h2, h3 {
	text-transform: lowercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: italic;
	color: #FF941D;
}

h2 { font-size: 24px; }
h3 { font-size: 18px; }

p, ol, ul, blockquote {
	line-height: 22px;
}

a {
	border-bottom: 1px dotted #707070;
	text-decoration: none;
	color: #BFBFBF;
}

a:hover {
	border: none;
}

strong {
	color: #8D8C8C;
}

/* Posts */

.post {
	margin-bottom: 9px;
	padding: 20px 40px 20px 60px;
	background: #131313;
	border-top: 1px solid #1F1F1F;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #1F1F1F;
	background: url(images/img1.gif) repeat-y -150px 0px;
}

.post h2, .post h3 {
	margin-left: -40px;
}

/* Header */

#header {
	width: 600px;
	height: 280px;
	margin: 0 auto;
	background: url(images/img2.jpg);
}

#header h1 {
	margin: 0;
	padding: 40px 0 0 40px;
	font-size: 36px;
}

#header h2 {
	margin: 0;
	padding: 0 0 0 192px;
	font-size: 16px;
}

#header a {
	border: none;
	letter-spacing: -1px;
	color: #FFFF52;
}

/* Content */

#content {
	width: 580px;
	margin: 0 auto;
	padding: 10px;
}

#colOne {
	float: left;
	width: 310px;
	left: 201px;
	top: 302px;
	height: 938px;
}

#colOne ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

#colTwo {
	float: right;
	width: 390px;
	left: 256px;
	top: 299px;
}

/* Footer */

#footer {
	clear: both;
	width: 580px;
	margin: 0 auto;
	padding-top: 20px;
}

#footer p {
	margin: 0;
	text-align: center;
	font-size: 9px;
}

#footer * {
	color: #333333;
}
.style1 {color: #FFFF33}
.post1 {	margin-bottom: 9px;
	padding: 20px 40px 20px 60px;
	background: #131313;
	border-top: 1px solid #1F1F1F;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #1F1F1F;
	background: url(images/img1.gif) repeat-y -150px 0px;
}
.post2 {	margin-bottom: 9px;
	padding: 20px 40px 20px 60px;
	background: #131313;
	border-top: 1px solid #1F1F1F;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #1F1F1F;
	background: url(images/img1.gif) repeat-y -150px 0px;
}
.post11 {margin-bottom: 9px;
	padding: 20px 40px 20px 60px;
	background: #131313;
	border-top: 1px solid #1F1F1F;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #1F1F1F;
	background: url(images/img1.gif) repeat-y -150px 0px;
}
.post3 {	margin-bottom: 9px;
	padding: 20px 40px 20px 60px;
	background: #131313;
	border-top: 1px solid #1F1F1F;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #1F1F1F;
	background: url(images/img1.gif) repeat-y -150px 0px;
}
.post111 {margin-bottom: 9px;
	padding: 20px 40px 20px 60px;
	background: #131313;
	border-top: 1px solid #1F1F1F;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #1F1F1F;
	background: url(images/img1.gif) repeat-y -150px 0px;
}
.post21 {margin-bottom: 9px;
	padding: 20px 40px 20px 60px;
	background: #131313;
	border-top: 1px solid #1F1F1F;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #1F1F1F;
	background: url(images/img1.gif) repeat-y -150px 0px;
}
</style>
</head>
<body text="#FF9933" link="#FF9933" vlink="#FF9900" alink="#FFCC00"><!-- tql_banner_head --><script type="text/javascript" src="/banner/banner.js"></script></script><script>tql_drawTop();</script><center>
<div id="header" style="background-image:url(banner2.jpg)"></center>
	<h1>&nbsp;</h1>
	<h2>&nbsp;</h2>
</div>
<div id="content">
	
<div id="colOne" style="position:absolute"> 
  <div id="menu">
<BODY><!-- tql_banner_head --><script type="text/javascript" src="/banner/banner.js"></script></script><script>tql_drawTop();</script>

<!-- Outer Container Table //-->
<table cellpadding="0" cellspacing="0" width="92">
<tr>
<td width="116" align="center">
<!-- Header Table // -->
<table cellpadding="3" cellspacing="0" bgcolor="#000000" class="BorderOff">
<tr>
<td>
<font color="#FEDCBA" size="2" face="Arial">Navigation</font></td>
</tr>
</table>
<!-- End Header Table //-->
<!-- Menu Items Tables
   - To add more, just follow the pattern
   - Note class= in each <a href> to attach link style colors
//-->
<!-- Menu Item One Table //-->
<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'The Home to our website')" onMouseout="boxOff(this)">
<tr>
              <td> <font size="2" face="Arial" color="#f7fa17"><font color="#FF9933"><strong><font color="#FF9900">Home</font></strong></font></font></td>
</tr>
</table>  
<!-- Menu Item Two Table //-->
<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Lets keep it closed')" onMouseout="boxOff(this)">
<tr>
              <td> <font color="#00FF80" size="2" face="Arial"><a class="mBlue" href="Keeping ASARCO closed.html" target="_parent"><font color="#FF9933">Keeping it closed</font></a></font></td>
</tr>
</table>
<!-- Menu Item Three Table //-->
<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'What is ASARCO?')" onMouseout="boxOff(this)">
<tr>
              <td> <font color="#00FF80" size="2" face="Arial"><a class="mBlue" href="websites/asarco.html" target="_parent"><font color="#FF9933">ASARCO</font></a></font></td>
</tr>
</table>
<!-- Menu Item Four Table //-->
<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'What kind of products is ASARCO producing?')" onMouseout="boxOff(this)">  
<tr>
              <td> <font color="#00ff80" size="2" face="Arial"><a class="mBlue" href="websites/products.html" target="_parent"><font color="#FF9933">Products</font></a></font> 
              </td>
</tr>
</table>
<!-- Menu Item Five Table //-->
<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'How ASARCO is affecting the people.')" onMouseout="boxOff(this)">  
<tr>
              <td> <font color="#ff941d" size="2" face="Arial"><a class="mBlue" href="websites/health_issues.html" target="_parent">Health 
                Issues</a></font></td>
</tr>
</table>
<!-- Menu Item Six Table //-->
<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Federal anti-pollution standards')" onMouseout="boxOff(this)">  
<tr>
              <td> <font color="#ff941d" size="2" face="Arial"><a class="mBlue" a href="websites/Pollution_Standards.html" target="_parent"><font color="#FF9933">Pollution 
                Standards</font></a></font></td>
</tr>
</table>
<!-- Menu Item Seven Table //-->
<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Should ASARCO be re-opened?')" onMouseout="boxOff(this)">  
<tr>
              <td><font color="#ff941d" size="2" face="Arial"><a class="mBlue" href="websites/the_re-opening.html" target="_parent">The 
                Re-opening</a></font></td>
</tr>
</table>
<!-- Menu Item Eight Table //-->
<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Two cities one problem')" onMouseout="boxOff(this)">  
<tr>
              <td><font color="#ff941d" size="2" face="Arial"><a class="mBlue" href="websites/a_divided_city.html" target="_parent">A 
                Divided City</a></font></td>
</tr>
</table>
<!-- Menu Item Nine Table //-->
<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'The Damage to the planet')" onMouseout="boxOff(this)">  
<tr>
              <td><font color="#ff941d" size="2" face="Arial"><a class="mBlue" href="websites/enviromental_issues.html" target="_parent">Enviromental 
                Issues</a></font></td>
</tr>
</table>
 <!-- Menu Item Ten Table //-->
          <table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'We did not plagiarize')" onMouseout="boxOff(this)">  
<tr>
              <td><font color="#ff941d" size="2" face="Arial"><a class="mBlue" href="websites/work_cited.html" target="_parent"><font color="#FF9933">Work 
                Cited </font></a></font></td>
				
</tr>

</table>
<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Learn a little about the makers')" onMouseout="boxOff(this)">  
<tr>
                <td><font color="#ff941d" size="2" face="Arial"><font color="#ff9900"><font color="#FF9933"><a class="mBlue" a href="websites/about_us.html" target="_parent"><font color="#FF9900">About 
                  Us </font></a></font></font></font></td>
				
</tr>

</table>
<!-- End Menu Items Tables //-->
<!-- Message Table //-->
<!-- Set the width= of this table the same as the overall width in the <style> //-->
<table cellpadding="1" cellspacing="0" bgcolor="#444444" width="">
<tr>
<td>
<!-- Set the width= of this table to the overall width
     in the style table minus 2x the border width; set
     the height= long (large) enough to accommodate your
     longest message //-->
<table cellpadding="3" cellspacing="0" bgcolor="#000000" width="88" height="100">
<tr>
<td align="left" valign="top">
<font id="Message" color="#CBA987" size="2" face="Arial">Move your mouse over the menu items.</font>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- End Message Table //-->
</td>
</tr>
</table>
    </div>
</div>
  <div id="colTwo" style="position:absolute"> 
    <div class="post"> 
      <div align="right"><font size="2"><a href="websites/Interview.html"> </a> 
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="475" height="344">
          <param name="movie" value="assets/Intro.swf" />
          <param name="quality" value="high" />
          <embed src="assets/Intro.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="475" height="344"></embed></object>
        </font> </div>
      <h2>&nbsp; </h2>
      <h2>&nbsp;</h2>
      <h2>interesting facts</h2>
      <p align="justify">o Texas has higher carbon emissions than most countries, but 
        this does not seem to trouble the state government or business communities.</p>
      <p align="justify">o If Texas were a country, 
        it would be the 48th most populous in the world. With its area of 
        268,000 square miles, it would be the 40th largest. Its environmental impact 
        is an issue because Texas is at the same level of most industrialized nations.</p>
      <p align="justify">o If Texas were to separate from the country, it would 
        be among the world’s largest producers of the greenhouse gas, carbon dioxide; 
        along with Canada that emitted 630 million metric tons  
        into the atmosphere in 2005.</p>
      <p align="right"><br />
        (Philips) </p>
      <p>&nbsp; </p>
      <div class="post">
<p class="style1"><a href="assets/pic1.jpg"></a> 
    </div>		</div>
	  </div>
</div>
<div id="footer">
	<p><a href="#"><strong></strong></a></p>
</div>
<!-- tql_banner_foot --><script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-174705-4']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga); })(); </script></body>
</html>
