/* Life Chain*/ 

html, body{ 
 margin:0; 
 padding:5px; 
 background-color: #332B11;
 font-family: Arial, Helvetica, sans-serif;
 font-size: .9em;
 margin: 0 auto;
 } 
 
#pagewidth{ 
 width:800px; 
 margin-left: auto;
 margin-right: auto;
}
 
#header{
 position:relative; 
 height:270px; 
 background-color:#000000; 
 width:100%;
 background-image: url(images/lc-pics.jpg);
 background-position: bottom left;
 background-repeat: no-repeat;
 border-bottom: 3px solid  #000000;
} 
 
#leftcol{
 background-color: #FFFFFF; 
 width:200px; 
 float:left; 
 position:relative; 
 padding: 10px 0 10px 0;
 margin-left: 0;
  display: inline;
  }
 
#maincol{
 background-color: #FFFFFF;  
 float: right; 
 display:block; 
 position: relative; 
 width:580px; 
 padding: 10px 20px 10px 0;
 }

#mc_wrapper {
  padding-left: 20px;
}
 
#footer{
 height:30px; 
 background-color:#000000; 
 width: 100%;
 border-top: 2px solid #9C7539;
 color: #ffffff;
 font-size: .7em;
 text-align: center;
 clear:both;
 } 

h1 {
 font-size: 1.15em;
 color: #9C7539;
 font-weight: bold;
 text-transform: uppercase;
 padding-top: 15px;
}

h2 {
 font-size: 1.05em;
 color: #9C7539;
 font-weight: bold;
}

h3 {
 font-size: 1.02em;
 color: #9C7539;
 font-weight: bold;
 padding-top: 20px;
}

h4 {
 font-size: .9em;
 color: #9C7539;
 font-weight: bold;
 text-transform: uppercase;
 text-decoration: underline;
}


a, a:hover, a:visited {
 color:  #996600;
}

.readmore {
 font-size: .85em;
 font-weight: bold;
 text-transform: uppercase;
}

ul {
 padding-left: 1px;
 padding-bottom: 10px;
}

li {
 list-style-type: none;
 width: auto;
 text-indent: 5px;
}

#leftcol ul {
 padding-left: 1px;
}

#leftcol li {
 list-style-type:none; 
 width: auto; 
 height: 25px;
 text-indent: 15px;
 padding: 4px 0 0 10px;
}

#leftcol a, #leftcol a:visited {
 color: #9C7539;
 position:relative; 
 display:block; 
 padding: 4px 0 0 0;
 height: 25px;
 font-weight: bold;
 text-decoration:none;
}

#leftcol a:hover {
 color: #C6C37B;
 background-image: url(images/li-button.gif);
 background-repeat: no-repeat;
 background-position: center left; 
 color: #000000;
 text-decoration: none;
}
 
.right {
 float: right;
 padding-left: 10px;
}

.left {
 float: left;
 padding-right: 10px
}

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}