@charset "utf-8";

header, section, footer, aside, nav ,article, figure, figcaption, hgroup
{
	display: block;
}
li, 
{
	display:inline;
}

body
{	
	font: 100%/1.4 Verdana, Helvetica, Arial, sans-serif;
	color: #000;
	background: burlywood;	
	min-width: 1000px;
	max-width: 1600px;	
}
.container
{	 
	display: block;
	color: #000;	
}
header
{
	margin-top: 10px;
	margin-bottom: 5px;
	width: 99.5%;
	background-color: wheat;
	border-radius: 10px;
	height: 200px;	
	behavior: url(PIE.htc);
}
img
{
	border-radius: 20px;
	z-index: 1;
	// behavior: url(PIE.htc);	
}
.hdrimg
{
	border: solid 2px black;
	border-radius: 10px; 
	margin-top:5px;
	behavior: url(PIE.htc);
}
.fltrt
{
	float: right;	
}
.fltlt
{
	float: left;	
}
section
{
	width: 75%; /* Allows for border on right of the aside to not be truncated and for padding that takes up a couple % of the width */	
	height: 530px;
	float: left;
	margin-bottom: 20px;
	padding: 0 15px 0 15px;
	background-image: url(../images/wheat.gif);	
	border: 2px solid black;
	border-radius: 10px;
	behavior: url(PIE.htc);
	
}
figure
{
	margin: 0;
}
aside  /* You can't use // for comments in a css file */
{
	width: 20%;
	height: 530px;
	float: left;
	background: beige;	
	border: 2px solid black;
	border-radius: 10px;
	margin-right: 2px;
	behavior: url(PIE.htc);
}
a:link
{
	color: saddlebrown; 
	background-color: wheat;
	border-width: 2px;
	border-style: solid;
	padding: 3px;
	border-radius: 6px;
	behavior: url(PIE.htc);
	
}
a:visited
{	
	background: white;
	color: saddlebrown;
	border-width: 2px;
	border-style: solid;
	padding: 3px;
	border-radius: 6px;
	behavior: url(PIE.htc);	
}
a:hover
{	
	color: chocolate;
}
nav
{
	margin-right: 10px;
	color: #000;
	height: 40px;	
	width: 99%;
}
nav ul
{
	margin: 12px 0 10px 0;	
}
nav ul li
{
	list-style: none;	
	display: inline;	
	margin: 0 25px 0 -20px;	
	font-size: 1.0em;
	font-weight: bold;
	behavior: url(PIE.htc);	
}
.footer  /* Requires (dot) .footer NOT just footer */
{
	margin-top: 50px;
	clear: both;
	behavior: url(PIE.htc);		
}
.textctr
{
	text-align: center;
}
.navfooter
{	
	color: #000;
	height: 20px;
	text-align: center;
	color: saddlebrown;
	
}
.navfooter ul li
{
	list-style: none;
	display: inline;	
	margin-right: 40px;
	
		
}

/* The greater than sign applies padding to td elements that are direct children of the tr element where the class is applied and not all td elements. */
tr.spaceUnder > td
{
  padding-bottom: 5px;
}
blockquote
{
	margin: 10px;
}