body { background: #ccf; }

div#header { border: solid thin; background: #fff; }
div#header div#logo { margin: 1em; }
div#header div#logo p { margin: 0em; }
div#header div#logo h1 { margin: 0em; }

div#nav { margin-left:10%; margin-bottom: 0; padding-bottom: 0em; clear: both;  }
div#nav ul { margin-bottom:0; padding-bottom: 0.2em;}
div#nav ul li { display: inline; background: #ccc; border: solid thin; margin-bottom: 0; border-bottom: none; margin-right: 1em; padding: 0.2em 0.2em 0.2em 0.2em; }
div#nav ul li.selected { background: #fff; padding-bottom: 0.4em; }

div#breadcrumbs { border: solid thin; border-bottom: none; margin-left:10%; background: #fff; padding-left: 20%; padding-top:0.5em; padding-bottom: 0.5em; margin-top: 0; margin-bottom: 0;}

div#sidebar { border: solid thin; background: #ffc; width: 28%; float: left; padding: 0.2em 0.2em 0.2em 0.2em; }

div#content {  margin-left: 10%; border: solid thin; border-top: none; background: #fff; margin-bottom: 1em; padding: 1em; padding-left: 20%; }

div#footer { border: solid thin; background: #fff;  clear: both; text-align: center; margin-top: 1em; padding: 0.2em 0.2em 0.2em 0.2em; }

h1 { text-align: center; font-size: 200%;}

h2 { border-bottom: thin solid; font-size: 130%; color: #009; clear: right  }
div#sidebar h2 { color: #000; clear: left }

h3 { font-size: 120%; }

h4 { font-style: italic; }

table.figure { padding: 0.1em; text-align: center; display: inline; }
table.figure caption { caption-side: bottom; }
table.figure td { border: thin solid #ccc; }
table.figure td img { vertical-align: middle; }


table.table { border-collapse: collapse; }
table.table th { border: thin solid; background: #ffc; }
table.table td { border: thin solid; }

.float_left { float: left }
.float_right { float: right }
.text_align_center { text-align: center }
.text_align_right { text-align: right }
.box { border: thin solid; padding: 1em; }
.margin_left_3em { margin-left: 3em; }
.margin_left_6em { margin-left: 6em; }