/* Cafe Style Sheet
   Copyright 2007 SmallPaws Design */

* {
  margin: 0;
  padding: 0;
}

/* Basic typography and colors */

body {
  font-family: Geneva, Verdana, sans-serif;
  font-size: small;
  color: black;
  background-color: #cfcfcf;
  min-width: 600px;
}

h1 {
  height: 125px;
  background: url(../images/identity.jpg) top left no-repeat;
  text-indent: -5000px;
}

h2 {
  margin-bottom: 1em;
}

div#content p {
  line-height: 1.5em;
  margin-bottom: 1em;
}

/* Layout */

div#navigation {
  width: 222px;
  min-height: 450px;
  float: left;
  background: url(../images/coffee.jpg) #545252 top left no-repeat;
  color: #ffffff;
  margin-right: 9em;
}

div#navigation li#navtitle {
  background: url(../images/menu.png) top left no-repeat;
  display: block;
  margin-top: 0.1em;
  margin-left: 2.7em;
  padding-bottom: 2.1em;
  text-indent: -5000px;
}

div#content {
  min-height: 450px;
}


/* Style the navigation links */

div#navigation ul {
  position: relative;
  left: 35%;
  top: -1%;
  width: 13em;
  height: 32em;
  list-style-type: none;
  padding-top: 1em;
  background: url(../images/menubackground.png);
}

div#navigation ul li {
  display: block;
  margin-left: 3em;
  margin-top: -1.5em;
  padding-left: 2.7em;
  line-height: 4em;
}

li#currentpage {
  background: url(../images/bullet.png) center left no-repeat;
}

div#navigation a:link, div#navigation a:visited {
  text-decoration: none;
  color: #ffffff;
}

div#navigation a:hover, div#navigation a:focus, div#navigation a:active {
  border-bottom: 1px #ffffff solid;
}

div#navigation li#currentpage a:link, div#navigation li#currentpage a:visited {
  border-bottom: none;
}

li#currentpage a:hover, li#currentpage a:focus {
  border-bottom: none;
  cursor: default;
}

/* Style the administravia footer */

div#administravia {
  clear: left;
  line-height: 2em;
  font-size: 75%;
  margin-top: 0.6em;
  margin-bottom: 0.6em;
  text-align: center;
}

div#administravia p, div#administravia ul {

}

div#administravia ul {
  list-style-type: none;
}

div#administravia ul li {
  display: inline;
  margin: 0 1em;
  padding-right: 2em;
  border-right: 1px #4D5369 solid;
}

div#administravia ul li.last {
  border: none;
}

a:link, a:visited {
  text-decoration: none;
  color: #4D5369;
  border-bottom: 1px #4D5369 dotted;
}

a:hover, a:focus {
  text-decoration: none;
  color: black;
  border-bottom: 1px #4D5369 solid;
}

/* Style for links that appear in the main content section */

div#content a {
  color: #5f492e;
  border-bottom: 1px dotted #5f492e;
}

div#content a:hover {
  color: #000000;
  border-bottom: 1px solid #000000;
  cursor: pointer;
}