* External Style Sheet for ecology.htm */

/*Universal definitions*/
*{
   /*Block all browser default margins and padding */
   margin:0;
   padding:0;

   /*Temporary borders*/
   /*border:dashed 1px #f00;*/
   background-color: white;
 }
/*Element definitions*/

body {
    /* Required to center wrapper in old browsers */
    text-align: center; 
    /* Style to taste */
    background-color: gray;
    font-family: Arial,"Arial Black",Charcoal, Impact, Sans-serif;
}

#wrapper {
    /* Sets the width of fixed or elastic layout */
    width: 48em; 
    /* Centers the layout (newer browsers) */
    margin: auto; 
    /* Wrapper must have a border */
    border: solid 3px #ffffff; 
    /* Required so absolute measurements are in wrapper */
    position: relative; 
    /* Style to taste */
    background-color: #E2E6E0;
    margin-top: 40px;
    /*Color wrapper to see how long it is*/
    background-color: white;
}

/* ---------------------- Start layout division styles ---------------------- */
#branding {
    /* Style to taste */
    height: 2em; 
    text-align:center;
    background-color: #c6f;
    color:#111111;
}


h1, h2, h3, h4, h5, h6 {font-family: "Arial Black",Charcoal, Impact, Sans-serif; color: #9900CC;}
h1{
  font-size:1.5em;}
h3{
  color:black;
  font-size:1em;
}


/*ul {margin-left:3em; font-variant: small-caps;}*/

p {font-family:"Times New Roman";}

links {font-family: "Times New Roman"; color: blue;font-size:.9em;}


body {background-color: white; }

/* Division ID References */


#address {
  position:absolute;
  float:left;
  top: 7em; 
  left: 33em;
  font-family: "Arial Black";
  /*color: #CC0099; */  color: #009933;
  font-style: normal; 
  font-variant: normal; 
  text-align:center;
  font-size:.9em;
  }


#logo {
                     
  position: absolute;
  top:4.5em;
  left:4em;
  width:300px;
  padding:.6em;
  background-color: white;
  z-index:7;
  }
#links {
  position:absolute;
  top:6em;
  left:3em;
  }
#logodivision {background-color: white;}
#navbar {background-color: white;position:absolute; top:auto; left:2.9em;} 
#navbar a:hover,
#navbar a:active{
  background-color:#000;
  color:#fff;
  line-height:2em;
}
#text {
  position: absolute;
  top:27em;
  left:6em;
  
}
#image1 {
  position:absolute; 
  top: 16em; 
  left: 2em;
  width:250px; 
  z-index:6; 
  background-color:#FFFF33;
  padding:1em 1em 1em 1em;
  }

#image2 {  /*recycle image */
  position:absolute; 
  top: 21em; 
  text-align:center;
  width:60px; 
  padding:1em 1em 1em 1em;
  }

#locations {
 position:absolute; 
 top: 23em; 
 left: 4em; }

#contactus {/*float:left;padding:2em;margin:0px 10px 10px 0px;*/
 position:absolute; 
 top: 23em; 
 left: 13em; 
}
#ecologylinks {
 position:absolute; 
 top: 23em; 
 left: 23em;

/*float:left;padding:2em;margin:0px 10px 10px 0px;*/
  }
#gallery {
 position:absolute; 
 top: 23em; 
 left: 34em;
  
/*float:left;padding:2em;margin:0px; 10px 10px 0px*/
 }
#whatwedo { float:right; color:blue; }

#branding{
  height:2em;
  background-color:#553c35;
  text-align:center;
  color:#333300; 
  }

#branding h1{
  font-family:'Arial Black', Charcoal, Impact, Sans-serif;
  font-size:1.5em;
  padding-top:0.1em;
  padding-bottom:0.1em;
  color:#FFFFC6;
}
#grinding {
  position:absolute;
  float:right;
  top: 7em; 
  left: 33em;
  font-family: "Arial Black";
  color: #CC0099; 
  font-style: normal; 
  font-variant: normal; 
  text-align:left;
  font-size:.9em;
  }



#grinding  {
  position:absolute;
  float:right;  
}

#grinding  h1{
  font-family:'Arial Black', Charcoal, Impact, Sans-serif;
  font-size:1.2em;
  font-weight:bold;
  padding-top:0.25em;
  color:#333300;
}

#grinding  h2{
  font-family:'Arial Black', Charcoal, Impact, Sans-serif;
  font-size:.9em;
  padding-top:0.25em;
  color:#003399;
}
#text {
  position: absolute;
  top:22em;
  left:16em;
  font-size:large;
  color:"111111";
  
}
#text p{
  line-height: 150%;
  color:blue;
}
  
/*page footer*/ 

#endbar {
position: relative;
clear: both;
background-color: white;
height:2em;
margin-left:10%;
top:26em;
}

#endbar ul{
list-style-type:none;
}
#endbar li{
  float:left;
}
#endbar a:hover,
#endbar a:active{
  background-color:#000;
  color:#fff;
  line-height:2em;
}