* {
   /* removes all margins & padding from all elements to eliminate browser differences */
   margin: 0;
   padding: 0;
}
body {
background-color: #000;
   text-align: center; 
   font-family: Arial, Helvetica, sans-serif;
/* setting the text size to 62.5% makes 1em = 10px */
   font-size: 0.8em; 
}
#wrapper {
   /* setting the wrapper width in ems allows the design to expand with the text */
   /* use to 760px for a non-expanding site */
   position: relative;
   background-image: url(/pages/images/pages/home_background.jpg);
   background-repeat: repeat-y;
   background-position: 0 208px;
   width: 759px;
margin: 0 auto;
   /*margin-left: 50%;
   left: -375px;*/
   text-align: left; 
}
innerWrapper {
   /* no style needed*/
}

/*======== header styles ========*/
#header {
   position: relative;
   background-image: url(/pages/images/pages/home_header.jpg);
   background-repeat: no-repeat;   
   background-position: 0 0;
   width: 100%;
   height: 208px;
}
   #header img#logo {
      display: none;
   }
   /*======== headerMenu ========*/
   #headerMenu ul {
  position: relative;
left:0;
   font-size: 1.1em;
  list-style:none;
      /*width: 100%;*/
  padding-top: 170px;
  margin-left: 40px;
   }
   #headerMenu ul li {
      float:left;
  border-left: #DBD8C0 solid 1px;
      padding: 0 0.7em;
   }
   #headerMenu ul li.noborder {
  border-style: none;
   }
   #headerMenu ul li a{
      color: #DBD8C0;
  text-decoration: none;
 
   }
   #headerMenu ul li a:hover{
      color: #FFF;
      text-decoration: underline;
   }
   /*======== headerMenu ========*/   
/*======== end header styles ========*/

/*======== content styles ========*/
#content {
   /* don't set font-size here if using ems or 1em will not equal 10px*/
   background-color: transparent;
   width: 410px;
   float: right;
}
   #content p, #content ul {
      font-size: 1.2em;
  line-height: 1.4em;
  padding: 0.5em;
  padding-right: 2em;
   }
   #content h2 {
      font-size: 1.4em;
  margin-top: 1em;
   }
   #content h4 {
      font-size: 1.2em;
  margin-top: 0.5em;
   }
   
   #content img {
      margin: 0.75em 3em;
   }
   #content ul li {
   margin-left: 1em;
   }
/*======== end content styles ========*/

/*======== column1 styles ========*/
#column1 {
/* don't set font-size here if using ems or 1em will not equal 10px*/
   background-color: transparent;
   width: 340px;
   float: left;
}
   #column1 img {
      padding-left: 2.5em;
   }
   #column1 p {
      font-size: 1em; /* eliminated most of this */
  line-height: 1.4em;
  padding: 0.5em;
  padding-left: 2.5em;
   }
/*======== end column styles ========*/
/*======== footer ========*/
#footer {
   position: relative;
   background-image: url(/pages/images/pages/home_footer.png);
   background-repeat: no-repeat;
   background-position: 2px 0;
   height: 250px;
   clear: both;
}
#footer img {
   position: relative;
   padding: 48px 0 0 175px;
}
#footer #footerInfo {
   background-color: transparent;
   position: relative;
   margin-left:10px;
   margin-right:10px;
   margin-top: 20px;
   bottom: 0;
}
#footer #footerInfo h5 {
   color: #DBD8C0;
   font-size: 0.9em;
   margin-top: 10px;
   margin-bottom: 0.5em;
   text-align: center;  
}
#footer #footerInfo h6 {   
   color: #DBD8C0;
   font-size: 0.8em;
   margin-bottom: 0;
   text-align: center;  
}
#footer #footerInfo p {
   color: #DBD8C0;
   font-size: 0.8em;
   margin-top: 25px;
   padding-bottom: 15px;
   text-align: center; 
}
#footer #footerInfo h5 a, #footer #footerInfo h6 a, #footer #footerInfo p a {
 color: #DBD8C0;
}
#footer #footerInfo h5 a:hover, #footer #footerInfo h6 a:hover, #footer #footerInfo p a:hover {
 color: #FFF;
}
/*======== end footer ========*/


/*======== Tony Aslett's clearing method ========*/ 
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
   /* the period is placed on the page as the last thing before the div closes */
    content: "."; 
 /* inline elements don't respond to the clear property */            
display: block;
/* ensure the period is not visible */          
    height: 0; 
 /* make the container clear the period */                 
    clear: both; 
 /* further ensures the period is not visible */              
    visibility: hidden;     
}
.clearfix {
   display: inline-block;
}   /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {
   height: 1%;
}
.clearfix {
   display: block;
}
/* End hide from IE-mac */
/*======== end Tony Aslett's clearing method ========*/ 