/* mclayoutstyles.css */

/* Universal style rule */
*{
  /* Block all browser default margins and padding */
  margin:0;
  padding:0;

  /* Temporary borders */
  /* border:dashed 1px #f00; */
}
body{
   background-color: #9D7446;
   font-family: Verdana, Arial, sans-serif;
}

#branding{
  height:4em;
  background-color:#371E08;
  color:#9D7446;
  text-align:center; 
}

#branding h1{
  font-family:Verdana, Charcoal, Impact, Sans-serif;
  font-size:2em;
  padding-top:0.25em;
}

#content{
/* Left margin must match leftcolumn width */
 margin-left:12em;
 height:30em;
 overflow:auto;
 background-color:#D2DBE4;
 color:#371E08;
 padding:10px 20px;
}

/* Styles h1, h2, and h3 style rules in the content division */
#content h1, #content h2, #content h3{
  font-family: Verdana, Impact, sans-serif;
  color:#371E08;
  font-weight:normal;
  font-style:italic;
  font-variant:small-caps;
  letter-spacing:0.08em;
}

/* 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;
}

/* Applies to unordered lists in the content division */
#content ul, #content ol{
    padding:10px 0 10px 40px;
}

#content p{
   font-size:.85em;
/*  line-height:1.5em; */
}

/* Applies to images in the content div */
#content img{
  width:47%;
}

/* Applies to images in the content div */
#content img.largepicture{
  width:95%;
}

/* Applies to images in the content div */
#content img.mediumpicture{
  width:65%;
  float:right;
}

#footer{
  background-color:#371E08;
  border-top: solid 1px #4E626D;
  padding:0.5em;
  text-align:center;
  color:#9D7446;
}

#leftcolumn{
/* Remember, content left margin must match this width */
   width:12em;
   float:left;
   text-align:center;
}

#leftcolumn a{
   width:12em;
   color:#371E08;
   font-size:1.2em; 
}

/* Unvisited and visited links in leftcolumn */
#leftcolumn a:link, #leftcolumn a:visited{
  color:#D2DBE4;
}

/* Hover links in branding bar */
#leftcolumn a:hover{
  color:#9D7446;
}

/* Active link in leftcolumn */
#leftcolumn a:active{
  color:#642366;
}

/* Applies to images in the leftcolumn div */
#leftcolumn img{
  width:100%;
}

/* Remove bullets from ul in the leftcolumn */
#leftcolumn ul{
  list-style-type:none;
}
/* Navbar hover and active links */
#leftcolumn li.selected a:link,
#leftcolumn li.selected a:visited{
  color:#371E08;
}

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