/**************/
body {
  background: url("img/background.png") #ccc;
}
#page {
  width: 700px;
  border: 1px solid #ddd;
  margin: 1% auto 2% auto;
  background-color: #fff;
}

#banner {
}


/*********** Main container ***********/
#box {
  margin: 3% auto 1% auto;
}

/*** Menu ***/
#menu {
  float: left;
  text-align: left;
}
#menu img, #main img {
  border: none;
}
#menu ul {
  padding: 1em;
  list-style-type: none;
}
#menu li {
  padding: .5em;
}
#menu a {
  color: #c00;
  text-decoration: none;
  background-color: #eee;
  border: 1px solid #ccc;
  display: block;
  padding: 1em;
}
#menu a:hover {
  color: #00c;
  text-decoration: underline;
  background-color: #dde;
  border: 1px solid #ccc;
}

/*** Main ***/
#main {
  margin: 1%;
  margin-left: 25%;
  padding: 1em;
  min-height: 250px;
  border-left: 1px solid #aaa;
  font-family: "Times New Roman", serif;
}
#main a {
  color: #c00;
  text-decoration: none;
}
#main a:hover {
  color: #00c;
  text-decoration: underline;
}
#main p:first-letter {
  color: #00c;
  font-size: 1.3em;
  font-weight: bold;
  font-family: "Deutsch Gothic", "Times New Roman", serif;
}
#next, #next p:first-letter {
  text-align: right;
  border: 1px solid #aaa;
  background-color: #eee;
  font-family: Arial, Sans-serif;
}
/******  Foot ********/
#foot {
  border: 1px solid #ddd;
  background-color: #eee;
  margin: 5% 1% 1% 1%;
}
#foot a {
  color: #c88;
  text-decoration: none;
}
#foot a:hover {
  color: #88c;
  text-decoration: underline;
}
#date {
  color: #aaa;
}