body {
  background: #f4f4f4;
  color: #444;
  font-family: Sans-Serif;
  font-size: 11px;
}

a {
  color: #005784;
  text-decoration: none;
}
a:hover {color: #2080E0;}

h1 {
  font-family: Sans-Serif;
  color: #B0B0B0;
  margin: 5px;
}

h2 {
  color:#787878;
  margin:9px;
}

h3 {
  color:#507090;
  margin-bottom: 4px;
}

div.top {
	width: 100%;
	vertical-align: middle;
}
div.top h1 {
	display: inline-block;
	color:#507090;
	font-weight: bold;
	margin-top: 5px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	float: right;
	/*width: 30%;*/
	text-align: right;
}
div.top p{
	display: inline-block;
	padding-left: 9px;
	font-weight: bold;
        color:#787878;
	float:left
}
div.top h1 img {}
div.top h1 span{
  display: none;
}

div.topb {
  background-color:#EEE;
  width: 100%;
  height:5px;
  text-align: center;
}

div.main {
  margin: 0 auto;
  width: 90%;
}


div.content {
  /*height: 100%;*/
  top: 100px;
  bottom: 30px;
  margin: 10px 0;
  /*padding: 0 16px;*/
  /*min-width: 400px;*/
}

div.navigation {
  /*background-color:#FFF;*/
  display: inline-block;
  color:#666666;
  margin-top: 5px;
  font-size: 1.2em;
  font-weight: bold;
  float: left;
  /*width: 70%;*/
}

div.navigation h2 {
  color:#5A5A43;
  display: none;
}
div.navigation ul {
  width: 100%;
}

div.navigation li {
  border: 1px solid #EAEADA;
  list-style: none;
  display: inline-block;
  text-align: center;
  width: 100px;
}

div.navigation li a {
  color: #005784;
  background: #f7f7f7;
  display: block;
  padding: 8px 0 8px 5%;
  text-decoration: none;
}
div.navigation li a:hover {
  background: #f1f1f1;
  color: #2080E0;
}
div.navigation li a:active {
  font-weight: bold;
}

div.section {
  /*display: none;*/
  overflow: auto;
}
div.section div.subsection {}
div.section hr{
	border: 1px solid #507090;
}
div.section h3{
	text-align: right;
	margin-right: 1em;
}

div.paragraph {
    width: auto;
    height: auto;
/*  line-height: 20px;*/
/*  font-size:12px;*/
    color: #555A60;
    padding: 5px 6px 10px 6px;
	margin: 0px 0px 20px 0px;
    border:1px solid #efefef;
    text-align: justify;
	background-color:#f0f0f0;
}
div.paragraph h4{
	color: #507090;
/*	font-size: 13px;*/
	font-weight: bold;
	margin: 4px;
}
div.paragraph h5{
	padding-left: 20px;
	margin-top: 0px;
}

div.author {
/*	font-size: 0.9em;*/
	font-weight: bold;
	margin-left: 4px;
}

div.published {
/*    font-size: 0.8em;*/
    margin-left: 4px;
}

div.date {
/*    font-size: 0.8em;*/
    margin-left: 3px;
	float: right;
}

div.archive {
    width:100px;
/*    line-height: 20px;*/
    /*font-size:10px;*/
    background-color: #f4f1f1;
    border:1px solid #DDDDDD;
    float:right;
    text-align:center;
}

div.citation {
/*	line-height: 1em;*/
	margin-left: 4px;
	margin-top: 1em;
	margin-bottom: 1em;
    /*font-size: 0.8em;*/
	font-family: monospace;
    text-align:left;
    background-color: #f4f1f1;
    border:1px solid #DDDDDD;
	clear: both;
}

div.abstract {	
	margin-left: 4px;
	margin-top: 1em;
	margin-bottom: 1em;
	clear: both;
}

/* no floating allowed on right or left side - leave this */
.clearer {clear: both;}

div.header {
 /*min-width: 400px;*/
 top: 0px;
 background: #f4f4f4;
 padding: 0px 0px 0px 0px;
 margin: 20px 0px 0px 0px;
 /*border:1px solid #DDDDDD;*/
}

div.footer {
  /*min-width: 400px;*/
  bottom: 0px;
  color: #555A60;
  background: #f4f4f4;
  padding: 0px 0px 0px 0px;
  margin: 20px 0px 0px 0px;
  border:1px solid #DDDDDD;
  text-align: center;
}
div.footer a {
  color: #555A60;
  text-decoration: underline;
}
div.footer a:hover {
  color: #2080E0;
  text-decoration: underline;
}