/* catch-all */
* {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  font: normal 12px/16px 'trebuchet ms',verdana,arial,sans-serif;
  text-decoration: none;
  color: #fff;
}
/* default fonts/colors */
body {
  margin: 5px 0 20px 0;
  background: #000;
}
/* start layout */
#container {
  overflow: auto;
  width: 800px;
  margin: 0 auto;
}
#header {
  height: 90px;
  background: url(../images/banner.png);
}
#content {
  background: #2c2c2c;
  min-height: 400px;
  border-top: 2px solid #be1e2d;
  border-bottom: 1px dotted #be1e2d;
  padding: 10px 25px;
  overflow: auto;
}
  /* start menu */
#menu {
  float: left;
  width: 125px;
  background: #2c2c2c;
  margin-top: 15px;
  margin-bottom: 10px;
  margin-right: 20px;
  padding: 10px;
  border: 1px solid #be1e2d;
}
#menu li {
  border-bottom: 1px dotted #be1e2d;
}
#menu>li:first-child { /* ONLY the first child of the direct LI element needs no top border */
  border-top: 1px dotted #be1e2d;
}
#menu a {
  text-decoration: none;
  color: #fff;
  display: block;
  padding: 3px 5px 3px 5px;
}
#menu .current>a, #menu a:hover {
  text-align: right;
  font-weight: bold;
  border-left: 10px solid #be1e2d;
  padding-right: 15px;
  background: url(../images/arrows.png) 100% 7px no-repeat;
}
#menu ul li {
  border-bottom: 0;
  border-top: 1px dotted #e35d69;
}
#menu ul li:first-child {
  border-color: #be1e2d;
}
#menu ul a {
  padding-left: 25px;
}
#menu ul .current a, #menu ul a:hover {
  border-left: 10px solid #e35d69;
  background-image: url(../images/arrows-nested.png);
}
  /* end menu */
  /* start footer */
#footer {
  background: #2c2c2c;
  padding: 0 15px;
  height: 35px;
  position: relative;
}
#footer span {
  line-height: 35px;
  display: block;
  width: 350px;
  float: left;
}
#footer #author {
  text-align: right;
  float: right;
}
  /* end footer */
/* end layout */

/* start tags */
a {
  color: #e35d69;
  text-decoration: underline;
}
a:hover {
  color: #be1e2d;
}
em {
  font-style: italic;
}
h1 {
  padding-top: 10px;
  font-size: 2em;
  line-height: 2.2em;
  border-bottom: 1px solid #aa1f1f;
  font-weight: bold;
}
h1 span {
  font-size: inherit;
  color: #e35d69;
  font-weight: inherit;
}
h2 {
  font-size: 1.5em;
  line-height: 3em;
  border-bottom: 1px solid #e35d69;
  font-weight: bold;
}
h3 {
  font-size: 1.25em;
  line-height: 3em;
  border-bottom: 1px dotted #e35d69;
  font-weight: bold;
}
p {
  padding: 10px 0;
  text-align: justify;
}
#cc ul {
  padding: 0 0 10px 15px;
  overflow: auto; /* to make the list flush with the menu */ 
}
#cc ul li {
  background: url(../images/arrows-nested.png) 0 3px no-repeat;
  padding-left: 15px;
}
/* end tags */

/* start corners */
.bcl { /* bottom corner left */
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(../images/curved-bottom.png) 0 0 no-repeat;
  height: 6px;
  width: 6px;
}
.bcr { /* bottom corner right */
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(../images/curved-bottom.png) 100% 0 no-repeat;
  height: 6px;
  width: 6px;
}
/* end corners */