/* Wrapper - width of content */

#wrapper
          {
           margin:0 auto;
           width: 770px;
           }
           
#container
          {
	       width:770px;
	       background-color:#CAB3EB;
}

body
          {
           background-color:#9ED665;
            }
a
          {
           color:#43210F;
           text-decoration:none;
           outline:none;
           }
p
          {
           color:#43210F;
           font-size:95%;
           
           }
h1
          {
           color:#43210F;
           }
h2
          {
           color:#43210F;
           }           
h3
          {
           color:#43210F;
           }
           
h4
          {
           color:#43210F;
           }

li
          {
           font-size:95%;
           
           }


img.centered

          {
           display:block;
           margin-right:auto;
           margin-left:auto;
           }

/* Top navigation bar.  At this point, this is the only thing I'm still having issues with.  I can't seem
to get the navbar to stretch all the way across when the page is at its minimum width, and I'm not sure why. */

#navbar
    {
	height:36px;
	width:790px;
	background-color:#CAB3EB;
	float:left;	
    }

#navbar ul
          {
           font-family:times new roman, serif;
           margin:0;
           padding-top:0px;
           padding-bottom:0px;       
           list-style:none;
           float:right;
           background-color:#CAB3EB;
           }
#navbar a
          {
           text-decoration:none;
           display:block;
           padding-left:12px;
           padding-right:12px;
           padding-bottom:10px;
           padding-top:8px;
           color:#43210F;
           font-weight:bold;
           font-size:100%;
           }
#navbar li
          {
           background-color:#CAB3EB;
           float:right;
           
           }
#navbar li:hover
          {
           background-color:#43210F;
           }
#navbar a:hover
          {
           background-color:#43210F;
           color:#9ED665;
           }

/*
#navbar li ul
          {
           display:none;
           }
#navbar li: hover ul
          {
           display: block;
           width:10em;
           position:absolute;
           }
*/

/* Banner - logo and text.  I added a background to the header as you suggested.*/

#banner
{
	background-image:url(i/banner_3.jpg);
    background-repeat: no-repeat;
    background-color:#9ED665;
    height:140px;
	width:100%;
	float:left;
	
}

#banner h1
        {
         display:none;
         }

/* Main content section for the home page */

#main-right
{
	float:right;
    width: 550px;
	vertical-align: top;
	text-align:left;
	background-color:#9ED665;	
}

#main-right p, h1, h2, h3, h4
{ margin-left:1em;
}

#main-left
          {
	       float:left;          
           width: 200px;
	       padding:10px;
           background-color:#CAB3EB;	
           text-align: center;
           }

#main-left img
           {
            margin:0px;
            padding:0px;
            }
            
#main-left ul
           {
	        margin-left:0px;
	        padding-left:0em;
	        text-align:left;
	        list-style-type:none;	        
            }
            
#main-left ol
           {
	        margin-left:0px;
            padding-left:1em;
	        text-align:left;
	        font-size:95%;	        
	        }

#main-left ol
           {
            text-decoration:underline;
            }
		   
#main-left li
           {
	        color:#43210F;
	        margin:0px;
	        padding:0px;
            } 
		   
#main-left a
          {
           text-decoration:none;
           color:#43210F;
           
           }

#main-left a:visited
          {
           color:#43210F;
           }
           
.mainlist ul
          {           
          padding-left:0em;
          margin-left:0em;       
           }

.sublist ul
           {
           padding-left:0em;
           margin-left:0em;
           }
           
.mainlist li
          {
           list-style-type:none;           
           color:#43210F;
           font-size:95%; 
           font-weight:bold;
           text-decoration:underline;
           margin-left:0em;
           
           }
          
.sublist li
          {
           color:#43210F;
           font-weight:normal;
           list-style-type:none;
           text-decoration:none;
           padding-top:3px;
           }
            
.sublist a:hover
           {
	        text-decoration:underline;
	        
}
            
              
.otherlist li
          {
           color:#43210F;
	       font-weight:bold;
	       text-decoration:none;
	       padding-left:1em;
	       margin-left:0px;
	       color:#43210F;
	       
}

.headline

{
 font-weight:bold;
 text-decoration:none;
 text-align:left;
 font-size:95%;
}

.show
{
text-decoration:underline
}

/* Footer - copyright and update info.  I changed the footer background color so that it shows up 
over the purple container, and thanks for pointing out that I forgot to make this width a percentage.
I somehow completely missed it when I was making my changes. */          

#footer
          {
           width:100%;
           height:50px;
	       font-size:8pt;
	       clear:both;
	       color:#43210F;
	       padding-top:15px;
	       text-align:center;
	       background-color:#9ED665;
           }

#about #navbar li.about a,
#resources #navbar li.resources a,
#projects #navbar li.projects a,
#news #navbar li.news a,
#contact #navbar li.contact a,
#volunteer #navbar li.volunteer a,
#plants #navbar li.plants a

          {
           background-color:#43210F;
           color:#9ED665;
           }

#picleft
          {
	       width:60%;
	       float:left;   
           padding:10px;
	       }

#picleft img
          {   
	       border:3px solid;
	       border-color:#43210F;
	       }
	       
#picright
          {
	       width:60%;
	       float:right;   
           padding:10px;
           
	       }

#picright img
          {   
	       border:3px solid;
	       border-color:#43210F;
	       }
	       
#textleft
          {
           width:35%;           
           float:left;
           
           }

#textleft p
          {
           margin-right:-1em;
           }


#textright
           {
           width:35%;           
           float:right;
           }
           
#textright p
           {
            margin-left:-2em;
           }

#sponsors img {border:none;margin:10px;}