html, body {
  margin : 0;
  padding: 0;
}

body {
  /* Fade from EEDEBD (lighter) to CAA87B (darker) */
  background-color: #EEDEBD;
  color           : #2C2112;
  font-family     : 'Segoe UI', Tahoma, Geneva, Arial, Helvetica;
  padding         : 20px 1em;
  text-align      : center;
  vertical-align  : baseline;
}

img#logo {
  position: absolute;
  top: 75px;
  left: 50%;
  margin-left: -550px;
  height: 150px;
  border: 0;
}

img.boxmodel {
  background-color: #FFFFFF;
  padding         : 10px;
  box-shadow: 0px 3px 5px #888888;
}

div#wrapper {
  width: 900px;
  margin: 20px auto 40px auto;
  border-radius: 10px;
  box-shadow: 0px 10px 75px #000000;
}

div#header {
  width : 100%;
  height: 200px;
  background-image        : url(../images/header.jpg);
  background-attachment   : scroll;
  background-repeat       : no-repeat;
  background-position-x   : 0;
  background-position-y   : 0;
  background-color        : transparent;
  border-top-right-radius : 10px;
  border-top-left-radius  : 10px;
}

div#navigation {
  width         : 100%;
  height        : 46px;
  margin        : 0;
  padding       : 0;
  background    : #FCE2AC url('../images/navbg.png') repeat-x bottom left;
  border-top    : 1px solid #FFFFFF;
  border-bottom : 1px solid #F4BD52;
  font-family   : Calibri, Arial, Helvetica, sans-serif;
  text-align    : left;
}

div#navigation ul {
  list-style  : none;
  margin      : 0;
  padding     : 0;
}

div#navigation ul li {
  float       : left;
  line-height : 46px;
  border-right: 1px solid #FFFFFF;
  border-left : 1px solid #E1A003;
  position    : relative;
  cursor      : default;
}

div#navigation ul li a {
  padding     : 0 1em;
  color       : #987723;
  height      : 46px;
  line-height : 46px;
  display     : block;
  text-shadow : 1px 1px 0px #FFFFFF;
  font-size   : 12pt;
  font-weight : bold;
  text-decoration: none;
  cursor      : pointer;
}

div#navigation ul li a:hover {
	color     : #695113;
  background: #F6CE7F url('../images/navbgHover.png') repeat-x top left;
}

div#navigation ul li:first-child {
  border-left: none;
}

div#navigation ul li:last-of-type {
  border-right: none;
}

div#content {
  padding   : 1em;
  text-align: left;
}

div#content a {
  color: #695113;
}

div#left-content {
  width: 600px;
  float: left;
}

div#right-content {
  width: 250px;
  float: right;
}

div#clear-content {
  width : 860px;
  height: 1px;
  clear : both;
}

div#content h1,
div#content h2,
div#content h3 {
  color:  #695113;
  margin: 5px 5px 10px;
  padding: 0;
  font-weight: normal;
  text-shadow: 1px 1px 0px #FFFFFF;
}

div#content h3 {
  font-weight: bold;
}