/* catch-all */
* {
  margin: 0;
  padding: 0;
  list-style: none;
  font: normal 12px/16px 'trebuchet ms',verdana,arial,sans-serif;
  text-decoration: none;
  color: #000;
}
html, body, #wrap {
  height: 100%;
}

/* default fonts/colors */
body {
  background: #efefef;
}
body>#wrap {
  height: auto;
  min-height: 100%;
}
/* start layout */
#faux-container-shadow {
  position: absolute;
  background: url(../images/drop-shadow.png) repeat-y top right;
  /* center horizontally */
  width: 808px; /* drop-shadow is 6px wide, +2px from borders */
  height: 100%;
  top: 0;
  left: 50%;
  margin-left: -400px;
}
#faux-container {
  width: 800px;
  height: 100%;
  background: #fff;
  border-left: 1px solid #be1e2d;
  border-right: 1px solid #be1e2d;
}
#container {
  position: relative;
  z-index: 5000;
  padding-bottom: 35px;
  width: 800px;
  margin: 0 auto;
}
#header-container {
  position: relative;
  z-index: 5000;
  padding-top: 10px;
  background: #be1e2d;
  border-bottom: 2px solid #000;
}
#header {
  width: 800px;
  margin: 0 auto;
  height: 90px;
  background: url(../images/banner.png) no-repeat;
}
#content {
  padding: 10px 25px;
}
  /* start menu */
#menu-shadow {
  float: left;
  width: 147px;
  background: url(../images/ap-drop-shadow.png) no-repeat bottom right;
  margin: 15px 20px 10px 0;
  padding-bottom: 6px;
}
#menu {
  float: left;
  width: 125px;
  background: #efefef;
  margin: -6px 0 0 -6px;
  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: #000;
  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-container {  
  position: relative;
  background: #be1e2d;
  margin-top: -36px; /* one pixel border */
  height: 35px;
  border-top: 1px solid #000;
  clear: both;
}
#footer {
  margin: 0 auto;
  width: 800px;
}
#footer a {
  color: #fba1b1;
}
#footer a:hover {
  color: #fff;
}
#footer span {
  line-height: 35px;
  display: block;
  width: 350px;
  float: left;
  color: #fba1b1;
}
#footer #author {
  text-align: right;
  float: right;
}
  /* end footer */
/* end layout */

/* start tags */
a {
  color: #000;
  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 #be1e2d;
  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 */


/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */