/* fraglayoutstyles.css */

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

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

#branding{
  height:4em;
  background-color:#807967;
  color:#453F33;
  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: 31em;
	overflow: auto;
	background-color: #F5F1F2;
	color: #4B4524;
	padding: 10px 20px;
}

/* Styles h1, h2, and h3 style rules in the content division */
#content h1, #content h2, #content h3,#content h4{
  font-family: Verdana, Impact, Sans-serif;
  color:#4B4524;
  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{
	 font-size:.75em;
    padding:10px 0 10px 10px;
}

#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:#807967;
  border-top: solid 1px #000000;
  padding:0.5em;
  text-align:center;
  color:#453F33;
}

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

#leftcolumn a{
   width:12em;
   color:#4B5224;
   font-size:0.8em; 
}

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

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

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

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

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