html, body
{
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  text-indent: 0;
  text-align: left;
}

#header-container
{
   background-color: #000000;
   position: relative;
   border-style: none;
   border: 0px;
   margin: 0px;
   padding: 0px;
   width: 100%;
   height: 112px;
   z-index: -2;
}

#header-title-ext
{
/* background-color: #2ec927;*/
   position: relative;
   border-width: 0px;
   border-style: none;
   margin: 0px;
   padding: 0px;
   top: 31px;
   height: 48px;
   width: 100%;
   z-index: 0;
}

#header-img-left
{
   position: relative;
   float: left;
   z-index: 1;
}

#header-border-bar
{
   position: relative;
   width: 100%;
   margin: 0px;
   padding: 0px;
   height: 8px;
/* background-color: green;*/
   background-image: url('hdr-bar-gradient.jpg');
   background-repeat: repeat-x;
}

#header-border-container
{
   position: relative;
   width: 100%;
   height:0;
   margin: 0px;
   padding: 0px;
/* background-color: #10a010;*/
}

#navbar-container
{
   border-style: none;
   border-width: 0px;
   margin: 0px;
   padding: 0px;
   position: relative;
   left: 45%;
}

#navbar
{
   position: relative;
   border-style: none;
   border-width: 0px;
   margin: 0px;
   padding: 0px;
   top: -46px;
   z-index: 1;
}

#navbar ul li
{
   list-style-type: none;
   padding: 0;
   margin: 0;
   display: block;
   float: left;
   background: url('navBarBg2.jpg') repeat-x 20px;
   font: 10px/20px "Lucida Grande", verdana, sans-serif;
   text-align: center;
}

#navbar a
{
   color: #000;
   text-decoration: none;
   display: block;
   width: 70px;
   border-top: 1px solid #cbbe7f;
   border-bottom: 1px solid #cbbe7f;
   border-left: 1px solid #cbbe7f;
}

#home li.home, #about li.about, #contact li.contact, #projects li.projects
{
   background: url('navBarBgHover2.jpg') repeat-x 20px;
}

#navbar a:hover
{
   background: url('navBarBgHover2.jpg') repeat-x 20px;
}

/*
#left-panel-container
{
   background-color: lightblue;
   position: relative;
   clear: left;
   float:left;
   margin: 0px;
   padding: 0px;
   border-style: none;
   border-width: none;
   top: -1em;
   min-width: 120px;
}

#left-panel-top
{
   background-image: url('bar-left-top-gradient.jpg');
   background-repeat: repeat-x;
   height: 112px;
   width: 100%;
}

#left-panel-mid
{
   background-color: #bc9d0d;
   min-height: 300px;
   width: 100%;
}

#left-panel-bot
{
   background-image: url('bar-left-bot.jpg');
   background-repeat: repeat-x;
   height: 100px;
   width: 100%;
}
*/

#back-container
{
   z-index: 0;
   background-image: url("reginald-flyer1.jpg");
   background-size: cover;
/* background-color: #ff0088; */
   padding-top:20px;
   padding-bottom: 20px;
   margin: 0;
}

h1
{
   color: #aa6600;
}

#content-container
{
   background-color: #fAfAf4;
   margin-top: 0;
   margin-right: auto;
   margin-left: auto;
   margin-bottom: 1em;
   padding-left: 20px;
   padding-right: 20px;
   padding-bottom: 1em;
   width: 62%;
}