/* background colors were added for easy identification - remove theses*/
* {
   /* removes all margins & padding from all elements to eliminate browser differences */
   margin: 0;
   padding: 0;
}
body {
background-color: #000;
font-family: Arial, Helvetica, sans-serif;
/* setting the text size to 62.5% makes 1em = 10px */
   font-size: 62.5%;
background-image: url(/pages/images/pages/page_bg.gif);
background-repeat: repeat;

}

* html body {
text-align:center;
}

#wrapper {
width: 790px;
margin: 0em auto;
margin-top: 0;
background-image:url(/pages/images/pages/border_bg.gif);
background-repeat:repeat-y;
}
#innerWrapper {
   /* no style needed*/
}

/*======== header styles ========*/
#header {
position: relative;
background-image: url(/pages/images/pages/header.jpg);
background-repeat: no-repeat;
background-position: 0 0;
width: 100%;
height: 196px;
left: 15px;
}
   ul#listMenu {
/*font-weight: bold;*/
  font-size: 1.4em;
list-style:none;
width: 100%;
padding-top: 175px;
margin-left: 40px;
   }
   ul#listMenu li {
      float:left;
  border-left: #DBD8C0 solid 2px;
      padding: 0 0.75em;
   }
   ul#listMenu li.noBorder {
  border-style: none;
   }
   ul#listMenu li a{
      color: #DBD8C0;
  text-decoration: none;
 
   }
   ul#listMenu li a:hover{
      color: #FFF;
      text-decoration: underline;
   }
/*======== 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: 760px;
background-image: url(/pages/images/pages/home_bg.jpg);
height: 504px;
float:left;
margin-left: 15px;

}

* html #content {
margin-left:7.5px;
}

* + html #content {
position:relative;
top:0px;
left:7.5px;
}

   #content p {
width:285px;
font-size: 1.2em;
line-height: 1.5em;
padding: 0.5em;
padding-right: 2em;
position: relative;
top: 118px;
left: 462px;
text-align:left;
   }
   
   * html #content p {
   width:310px;
   top:98px;
   left:240px;
   }
   
   #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: 1.2em;
  line-height: 1.4em;
  padding: 0.5em;
  padding-left: 2.5em;
   }
/*======== end column styles ========*/

/*======== footer styles ========*/
#footer {
border-top:solid #16281f 10px;
height: 89px;
clear: both;
background-color: #ece0d0;
width: 760px;
left: 15px;
position: relative;
}

* html #footer {
left:-3px;
}

* + html #footer {
left:-12px;
}
#footer a {
color:#636263;
}

#footer a:hover {
color:#cccccc;
}

   #footer img {
   padding: 48px 0 0 175px;
   }
   #footer p {
color: #240202;
font-size: 1.1em;
padding-top: 1em;
text-align: center;
   }
/*======== end footer styles ========*/

/*======== 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 ========*/ 

.no_image_border {
  border: 0px;
}