/* layoutstyles.css */

/* Universal style rule */
*{
  /* Block all browser default margins and padding */
  margin:0;
  padding:0;
  /* Temporary borders 
  border:dashed 1px #f00;*/
}
body{
  /*background-color: #184B94;*/
  background-color: #666;
 background-image:url(Images/bkgd6.jpg);
  font-family: Arial, Helvetica, sans-serif;
  line-height:120%;
  
}
#container{
  width:75em;
  /*background-color: #666;*/
    /* Center the wrapper */
  margin: 20px auto;
    /* Required for absolutely-positioned layout only */
  position:relative;
 
}
/* Major layout divisions*/
 
#masthead {
/*for absolutely-positioned hyperlinks*/
  position:relative;
  background-image: url(Images/RedBack.jpg);
  height:6em;
}

/* Fixes the mysterious image gap */
#masthead img{
  display:block;
  border:0;
  margin: 10px auto;
}



#leftcolumn{
   width:12em;
   /* remove float for absolute positioning 
   float:left; */
   /*  Temporary border 
   border:dashed 1px #f00; */
      /* Center images and text inside this div */
   text-align:center;
      /* For absolutely-positioned leftcolumn */
  position:absolute;
  top:6em; /* Same as branding div height */
  left:0;
  padding:2em 0;
  text-decoration:none;
}
#leftcolumn ul a:link, ul a:visited, ul a:active {
  display:block;
  text-decoration:none;
  color:#FFFFFF;
  outline-style:none;
  
  }


#leftcolumn ul a:hover {
display:block;
text-decoration:none;
color:#901011;
}

#leftcolumn img {
border: 0;
 }

/* Rightcolumb division */
#rightcolumn{
    /* For absolutely-positioned navbar */
  position:absolute;
  top:6em; /* Same as branding div height */
  left:55em; /* Same as leftcolumn width */
  width:20em; /* Layout width minus leftcolumn width */
  padding:0 30px 10px 5px;
 /* border:solid 10px;*/
}

#rightcolumn img{

float:left;
width:100%;
margin-top:0;
margin-right:auto;
margin-left:auto;
margin-bottom:.5em;
}


#content{
/* Left margin must match leftcolumn width */
  top:6em;
  width:40em;
  margin-left:12em;
  background-color:#D9D9DF;
  color:#000;
  padding:2em 10px 10px 20px;
}
#content img {
clear:both;
float:left;
padding:.5em;
}

#righttext {
background-color:#D9D9DF;
}

/* Format text */

#leftcolumn p,
#leftcolumn .leftcollist{
 /* border:solid 2px #117b6f; */
  padding:8px;
  width:80%;
  font-size:.8em;
  margin:1em 0;
  text-align:left;
 
  
} 

/* Applies to unordered lists in the left column */
#leftcolumn ul{
  margin-left:1em;
  list-style-type:none;
  line-height:2em; 
}


#rightcolumn p{
  line-height:120%;
  margin-top:1.3em;
  margin-right:.5em;
  margin-left:.5em;
  margin-bottom:1.3em;
}

#rightcolumn  h4{
  padding:0.75em;
  text-align:center;
}  
#rightcolumn  h2{
   padding:0.35em;
   line-height:120%;
}   
#content p{
  line-height:120%;
  margin:1.3em;
}

#content ul {
  font-style:italic;
  margin:1.3em;
 /* list-style-type:none;*/
  line-height:120%;
  padding:.75em;
  }
#content h1{
  padding:0.5em;
  line-height:120%;
  text-align:center;
  color:#000099;
}  
#content h2{
   padding:0.35em;
}   
#content h3 {
  padding:0.5em;
  line-height:120%;
  
  }
#content h6 {
  clear:left;
  line-height: 120%;
  padding:1em;
  margin:1.3em;
  font-size:medium;
  font-weight:normal;
  }

#masthead h1{
 
  padding-top:0.25em;
  
}
#footer{
width:100%;
clear:both;
height:7em;
min-height:50px;
font-size:.75em;
line-height:.8em;
color:#FFE86C;
background-color:#211E0E;
text-align:center;

}
#footer p {
margin:.4em 0 .2em 0;
padding: .2em;
}
/* for offer.htm only */
#footer2{
width:100%;
clear:both;
height:7em;
min-height:50px;
font-size:.75em;
line-height:.8em;
color:#FFE86C;
background-color:#211E0E;
text-align:center;
margin-top:5em;
}
#footer2 p {
margin:.4em 0 .2em 0;
padding: .2em;
}