/* $Id: style.css,v 1.15 2007/01/08 19:58:47 dan Exp $ */

/* 
 * Valid color names:
 * aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow
 *
 */

/* all html */
body {
  background-color: #b0c4de;
  color: #ffffff;
  font-family: arial, verdana, sans-serif;
  /* background-image: url("/images/all_background.png"); 
  background-repeat: repeat; */
  margin: 0;
  padding: 0;
}

/* The top level for the page */
#page {
  background-color: #b0c4de;
  color: #000;
  font-family: arial, verdana, sans-serif;
  /* background-image: url("/images/main_background.png"); */
  background-repeat: no-repeat;


  /*
   * start the page down a bit from the top of the screen
   * but let everything else be set automatically to have
   * the best chance of it looking good on various displays.
   */
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;

  /* This width should be set to match the background image for this ID */
  width: 100%;
  height: auto;

}

/* the site navigation links */
#menubar {
  /* colors */
  background-color: #4682b4;
  color: #000000;

  text-align: right;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  /* This height matches the little bird photo and the logo across the top */
  /* height: 66px; */
}

#menubar ul {width:100%; float:left; list-style:none; margin:0; padding:0; background-color: #4682b4;}
#menubar li {float:left; width:14.2%; }
#mneubar li img {display:block; margin:0; background-color:#4682b4;}

img.menuleft {
  float: left;
  text-align: left;
  margin-right: auto;
  border: 0;
}

*.menuitem img {
  margin: 0;
  border: 1px solid #4682b4;
  padding: 0;
}

*.menuitem:hover img {
  margin: 0;
  border: 1px solid #000;
  padding: 0;
}

*.floatstop {
  clear: both;
  width: 1px;
  height: 1px;
  font-size: 0px;
  padding: 0;
  margin: 0;
}

*.fstopr {
  clear: right;
}

#menubar a.menuitem {
  /* colors */
  /*background-color: #abcd56;*/
  color: #000000;
  padding-left: 1.5em;
  padding-right: 1.5em;
  padding-top: 0px;
  padding-bottom: 0px;
  font-family: arial, verdana, sans-serif;
  font-size: 14px;
}

#menubar a.menuitem:hover {
/*
  background-color: #ffffff;
  color: #000000;
  border: 2px;
  */
}


/* the place where we put a sample picture */
#sample {
  /* colors */
  background-color: #abcd56;
  color: #000000;

  float: right;
  margin-top: 2em;
  margin-bottom: 2em;
  margin-right: 2em;
}

/* the main text for the page */
#maintext {
  /* colors */
  /*background-color: #abcd56;*/
  color: #000000;

  /* set up the font stuff */
  font-family:  arial, verdana, sans-serif;
  font-size: 14px;
  
  text-align: left;
  margin-right: 25px;
  margin-left: 25px;
  
}

#maintext img {
	float: left;
	margin-left: 2em;
	margin-right: 2em;
	margin-bottom: 2em;
}

/* the footer for the page */
#footer {
  /* colors */
  background-color: #4682b4;
  color: #000000;

  /* set up the font stuff */
  font-family:  arial, verdana, sans-serif;
  font-size: 10px;

  clear: both;
  /*
  margin-top: 200px;
  padding: 0;
  */
  text-align: center;
}

h1 {font-family: arial, verdana, sans-serif;}
h2 {font-family: "Times New Roman", serif; font-style: italic;}