/* layoutstyles.css */

/* Universal style rule */
*{
  margin: 0;
  padding: 0;
}
/* Unvisited links (no underline) */
a:link{
   color: #8b0000; /* sky blue */
   text-decoration: none;
}
/* Visited links (no underline) */ 
a:visited{
   color: #8b0000; /* fuchsia */
   text-decoration: none;
}
/* Hover links (red underlined) */ 
a:hover{
   color: #8b0000; /* red */
   text-decoration: underline;
}
/* Active links (green underlined) */ 
a:active{
   color: #8b0000; /* green */
   text-decoration: underline;
}

body {
  background-color: #d0cbaf;
  font-family: Arial, Helvetica, sans-serif;
}

#wrapper{
  width: 60em;
  background-color: white;
  /* Put 10px margin above the wrapper */
  /* Set right and left to auto for centering */
  margin: 20px auto;
} 

/********** Major layout divisions **********/
#branding{
  height:6em;
  background-color:#9f9a7d;
  color: #8b0000;
  text-align:center;
  border: thin solid #8B0000;
} 
#branding h1{
  font-family:'Unicorn', Charcoal, Impact, Sans-serif;
  font-size:1.5em;
  padding-top:0.25em;
 }
#branding h3{
	color:black;}

/** branding division hyperlinks **/

/* Fixes the mysterious image gap */
#branding img{
  display:block;
}

#leftcolumn{
  /* Remember, content and navbar left margin must match this width */
  width:14em;
  float:left;
   /* Center images and text inside this div */
  text-align:center;
}
}
/* Applies to images in the leftcolumn div */
#leftcolumn img{
  width:80%;
  padding:0.9em;

}
/* Applies to paragraphs in the leftcolumn division */
#leftcolumn p{
   font-size:02.em;
}



#content{
/* Left margin must match leftcolumn width */
  margin-left:14em;
  background-color:eee8aa;
  color:#000;
  padding:10px 20px;
 
}

/* Applies to paragraphs in the content division */
#content p{
  line-height:1.5em;
}

/* Styles h1, h2, and h3 style rules in the content division */
#content h1, #content h2, #content h3{
  font-family: Arial, Impact, sans-serif;
  color:#000;
  font-weight:normal;
  }

/* Size h1 headings in the content division */
#content h1{
  font-size:2em;
}

/* Size h2 headings in the content division */
#content h2{
  font-size:1.5em;
}
/* Size h3 headings in the content division */
#content h3{
  font-size:1.25em;
  font-style:normal;
}

#footer {
  height:3em;
  background-color:#9f9a7d;
  color: #8b0000;
  text-align:center;
  border: thin solid #8B0000;
}
#footer p{
 font-size: 1em;
 padding:0.5em;
}