/*
Danielle J. Kessens
Lab:  Final Project CSS
April 4, 2008
*/

#allcontent {
 /*setting the width of the entire content
 to 1150px. Using auto for margin right and
 left to enable a Jello Layout.  Now the margins
 adjust with the browser width.  The content
 stays fixed.*/
  width: 1100px;
  padding-top: 0px;
  padding-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
}

/* links:  provides style for linked pages  */
#links {
width: 812px;
background: #77aa44;
padding: 20px;
}


/* not utilized now.  This was for the pages I am going to link
to later when a photo is enlarged */
#enlarge {
background-image: url('creek.jpg');
}

#enlarge a{
  background: #77aa44;
}


/* color of visited link*/
#links a:visited {
  color: #224411;
}

/* color of links */
#links a:link {
  color: #eeee55;
}
/* makes first letter in a paragraph 1.5 times the size of the normal font */
#fl p:first-letter {
  font-size: 1.5em;

}

/* use this div when text needs aligned to the center  */
#center {
 text-align:center;
}

/* use this div when text needs aligned to the center.  Can't use same div twice in a file */
#center2 {
 text-align:center;
}

/* use this div when text needs aligned to the center.  Can't use same div twice in a file */
#center3 {
 text-align:center;
}

/* to align text left for <h1> */
h1 {
  text-align: left;
}


/* for overall background image */
body
{
background-image: url('creek.jpg');
font:  18px cursive;

}

/* settings for table */
table
{
  width: 100%;
  font-family: "trebuchet ms", Verdana, sans-serif;
  text-align: center;
  border: thin solid black;
  border-width: 4px;
  background: #224411;
  border-collapse: collapse;
}


/* These are not used now.  I will use them to format the table of the catalog
table table {
  css for the inner tables of the catalog and new items
  border:none;
  padding: 0px;
  color: #77aa44;

}
table table th {
    css for the inner tables of the catalog and new items
  vertical-align: top;
  text-align: left;
}
table table td {
   css for the inner tables of the catalog and new items
  vertical-align: top;
  text-align: left;
}
*/

/* padding of the main banner */
td.bannerimage
{   padding: 0px 37px;
  /*  background-color:#9999FF;  */
text-align:center;
}
/* align main banner left */
td.thebanner
{
text-align:left;
}

/* the following is the style for the welcome div */
#welcome h1{
  text-align: left;
}


#welcome {
  font-size: 80%;
  margin-top: 35px;
   margin-left: 8px;
   background: #77aa44;
  width: 865px;
 /*floating welcome info to the right */
  float: right;
  color: #224411;
  padding: 0px 15px 33px 10px; /*fills color to bottom*/
}

#main {
  font-size: 120%;
  background: #77aa44;
 /*adding a margin to make it look like
 two columns.  The right margin is just
 a little bigger than the width of the
 cert div */
  margin: 35px 910px 10px 0px;
  padding: 3px 5px 108px 5px;
  color: #ccff55;

}


/* style for the list that looks like buttons on the index.html */
#main li {
  list-style-type: none;
  margin-left: -40px;
  text-align: left;
  padding-top: 0px;
  padding-bottom: 5px;
  background: #99CC66;
}

#main a {
  text-decoration: none;
  border: black 2px outset;
  display: block;
  color: #eeee55; background: #224411;
}

#main a:hover {
  border: black 2px inset;
}