body {font-family:Verdana,sans-serif; font-size:14px; text-align: right;}

* {
	margin: 0;
	padding: 0;
}

/* controls the margins of the basic elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {
	margin: 10px 10px 10px 10px;
}

li, dd {
}

fieldset {
	padding: .5em;
}

hr
{
background-color:#d4d4d4;
color:#d4d4d4;
height:1px;
border:0px;
clear:both;
}


table
{
border-width: 1px;
border-collapse:collapse;
}

/* center a table */
table.center {
 margin-left:auto; 
 margin-right:auto;
}
body {text-align:center;} /* needed for table.center to work in Internet Explorer */
/* <table class="center"> */

/* override "#content ul{list-style-type:none}" */
ul.circle, ul.circle > li { list-style-type: circle; }

.box {
border:1px solid black;
margin:25px
}

.clearall{clear:both}

.hangingindent {
  padding-left: 22px ;
  text-indent: -22px ;
} 
 
.illustration{font-size:smaller; margin:0 auto; text-align:center}

/* ================================= */
/*      #container (whole page)      */
/* ================================= */
#container{background:#fff; margin:0 auto; width:100%}

/* =================== */
/*       #header       */
/* =================== */
#header{background:#fff; padding:20px}

#header h1{margin:0}

/* ==================================== */
/*       #navigation (container)        */
/* ==================================== */

#navigation{background:#ccc; float:left;  list-style-type:none; text-align:center; width:100%}

#navigation ul{margin:0; padding:0}

#navigation ul li{display:inline; list-style-type:none}

#navigation li a{border-right:1px solid #fff; color:#000; display:block; float:left; padding:5px 0px; text-align:center; text-decoration:none}

#navigation li a:hover{ background:#E0E0E0}

/* ===================================== */
/*       #content-containers 1 & 2       */
/* ===================================== */

#content-container1{background:#fff; float:left; width:100%}

#content-container2{float:left; width:100%}

/* ============================================= */
/*       #section-navigation (left column)       */
/* ============================================= */

#section-navigation{float:left; margin:0 0 0 2%; padding:0 0; width:20%} /* display:inline; (shows content in a single line) */

#section-navigation ul{margin:0; padding:0}

#section-navigation ul li{list-style-type:none; margin:0 0 .25em; padding:0} /*  margin:0 0 1em; */

/* ==================================== */
/*       #content (middle column)       */
/* ==================================== */

#content{text-align:justify; float:left; border-style:solid; border-width:1px; margin:0 0 0 0; padding:5px 0px 0 0px; width:56%}

#content h1, h2, h3, h4{text-align:left}

#content p {
	line-height: 1.5;
}

#content ul{list-style-type:none}

/* wikipedia style external link icon */
#content a[href^="http://"]:after, 
a[href^="https://"]:after {
  content: url(https://upload.wikimedia.org/wikipedia/commons/6/64/Icon_External_Link.png);
  white-space:nowrap;
  margin: 0 0 0 2px;
}

/* set maximum with for images in middle column */
#content img { max-width: 100%; }

/* hanging indent for table of contents */
#toc ul {
	padding-left:11px ;
	text-indent:-11px ;
}

/* ================================= */
/*       #aside (right column)       */
/* ================================= */

#aside{display:inline; float:left; margin:0 2% 0 10px; padding:5px 0; width:18%; text-align:left}

#aside ul{list-style-type:none; margin:0; padding:0}

#aside h3{margin:0}

/* ================= */
/*      #footer      */
/* ================= */

#footer{clear:both; background:#fff; height:1%; padding:20px; text-align:right}