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

body 
{
	color: #666666;
	background-color: #5C7CAF;
	background-image: url('images/honeycomb.png');
	background-position: center;
	font-family: Helvetica, Georgia, Times, serif;
	line-height: 1.4em; 
	margin: 0px;
	padding: 0px;
}

.wrapper
{
	max-width: 960px;
	margin: 20px auto 20px auto;
 	border: 1px solid #000000; 
 	background-color: #ffffff;
}

header.main-header
{
	background: #3967AD;
	padding: 20px;
	color: white;
	background-image: url("images/wave-background.jpg");
	background-size: cover;
}

nav
{
	clear: both;
	color: #ffffff;
	background-color: #28648D;
	height: 30px;
}

nav ul 
{
	margin: 0px;
	padding: 5px 0px 5px 30px;
}

nav li 
{
	display: inline;
	margin-right: 40px;
}

nav li a 
{
	color: #ffffff;
}

nav li a:hover, nav li a.current 
{
	color: #000000;
}

a 
{
	color: #28648D;
	text-decoration: none;
}

/* Main section */
section.main-section 
{
	float: left;
	width: 80%;
	background-color: white;
}

article.main-article
{
	clear: both; 
	text-align: justify;
	padding: 20px 40px 20px 40px;
}


/* Example section */
section.example-section
{
	float: left;
	width: 100%;
	background-color: yellow;
	border-bottom: 1px solid #C0C0C0;
}

#container2 
{
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	/* background:#ffa7a7; */
	background: #ffffff;
}

#container1 
{
	float:left;
	width:100%;
	position:relative;
	right:50%;
	/*background:#fff689; */
	background: #ffffff;
}

#col1 
{
	float:left;
	width:46%;
	position:relative;
	left:52%;
	overflow:hidden;
}

#col2 
{
	float:left;
	width:46%;
	position:relative;
	left:56%;
	overflow:hidden;
	text-align: justify;
}

p.download-links
{
	padding-left: 40px;
}


figure.example-figure 
{
	float left;
	width: auto;
	height: auto;
	padding: 10px 0px 0px 0px;
	margin: 0px
	border: 1px solid #eeeeee;
}

figcaption.example-caption
{
	font-size: 90%;
	text-align: left; }
}


aside 
{
	clear: both;
	width: 20%;
	float: left;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
}

footer.main-footer
{
	clear: both;
	text-align: center;
	border-top: 1px solid DarkGray;
	background: #FFFFFF;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
}


footer li
{
	display: inline-block;
	text-decoration: none;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
}