/* COLORS

  dark green   #006666
  medium green #9c9a63
  light green  #cece9c
  orange-ish   #cc9900

*/

/* Global Declarations. */

body {
  background: white url("../images/background.gif") repeat-y top left;
  color: black;
}

/* Setup the top of the page. */

#logoArea {
  color: black;
  background: transparent;
}

#logo img {
  width: 180px;
  height: 50px;
}

#clName {
  margin: 0;
  padding: 5px 1em .2em .5em;
  font-size: large;
  font-weight: bold;
  color: black;
  background: #9c9a63;
}

#logoArea a img {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

#logoMessages {
  position: absolute;
  top: 10px;
  left: 400px;
  color: #cc9900;
  background: white;
}

#tagLine1 {
  font-size: large;
  font-weight: bold;
  font-style: italic;
}

#tagLine2 {
  font-style: italic;
}
/* Setup the top navigation bar; it's main setup is black text on dark green. */

#topNavigation {
  position: absolute;
  top: 50px;
  left: 205px;
  font-family: Arial, Helvetica, sans-serif;
  color: black;
  background: #9c9a63;
  font-size: large;
  margin-top: .75em;
}

#topNavigation ul {
  list-style: none;
  margin: 0;
  padding: .2em 1em .2em 1.5em;
}

#topNavigation li {
  display: inline;
  padding: .25em;
}

#topNavigation a {
  text-decoration: none;
}

#topNavigation a:hover {
  color: white;
  background: #9c9a63;
}

/* Setup Left navigation bar. */

#leftNavigation {
  position: absolute;
  top: 120px;
  left: 8px;
  color: #006666;
  background: #9c9a63;
  width: 180px;
}

#leftNavigation ul {
  list-style: none;
  margin: 0em;
  padding: 0em;
}

#leftNavigation li {
  /* Put the menu item's border here, because for some reason
     setting the li border-bottom will prevent it from having a
     huge gap between anchors. */
  border-bottom: 1px solid #006666;
}

#leftNavigation li a {
  display: block;
  padding: 0em 0em 0em .5em;
  margin: 0em 0em 0em 0em;
  text-decoration: none;
  /* Force IE to use the entire block as an anchor, not just the text. */
  position: relative; 
}

#leftNavigation a:hover {
  color: white;
  background: #9c9a63;
  text-decoration: none;
}

#leftNavigation a.active {
  color: white;
  background: #cc9900;
}

/* Setup the main message area. */

#message {
  margin-top: 20px;
  margin-bottom: 1em;
}

#message, #footer {
  color: black;
  background: white;
  margin-left: 220px;
  margin-right: 1em;
}

/* Setup the footer area. */

#footer {
  border-top: .05em solid gray;
  text-align: center;
  font-size: x-small
}

#footer li {
  list-style: none;
  display: inline;
  margin: 0;
  padding: .2em 0em .2em 1.5em;
}

#footer li a {
  text-decoration: none;
}

#footer a:hover {
  color: gray;
  background: white;
}