/*------------------------------------------------------
 * Outer (container)
 */
#outer
{
 width: 100%;
 margin: 10px auto;
 background-color: #ffffff;
 color: #000000;
 /*border: 1px solid gray;*/
 /*border: none;*/
 line-height: 130%;
}

/*------------------------------------------------------
 * Top
 */
#top
{
 padding: 0;
 margin: 0;
 background-color: #f5f5f5;
 /*background-color: #ccffff;*/
 border: 1px solid gray;
 /*border-bottom: 1px solid gray;*/
}

#top h1
{
 margin: 10px;
 padding: 0;
}

#top_logo
{
 float: right;
 margin: 5px;
 background-color: #f5f5f5;
}

#top_descr
{
 margin: 10px;
 margin-top: 0.5em;
 margin-bottom: 0em;
 //border: 1px solid blue;
}

#top_descr p
{
  margin: 0;
  padding: 0;
  margin-top: .5em;
}


/*------------------------------------------------------
 * NAV
 */
#nav
{
 float: left;
 width: 10em;
 margin-left: 0;
 margin-right: 0;
 margin-top: 1em;
 margin-bottom: 1em;
 padding-left: 0.5em;
 padding-right: 0.5em;
 padding-top: 0.5em;
 padding-bottom: 0.5em;
 background-color: #f5f5f5;
 /*border: 1px solid gray;*/
 border: 1px solid gray;
/* color: #000099; font-weight: bold;*/
 color: #000099;
}

ul#nav_ul {
  margin-left: 1em;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-weight: normal;
  font-size: smaller;
}

#nav h3 {
 color: #000099;
 font-weight: bold;
 margin: 0;
 padding: 0;
}
#nav p  { margin: 0 0 1em 0; }

/*------------------------------------------------------
 * Description (?)
 */
#description
{
 margin-top: 1em;
 margin-bottom: 0em;
 //margin-left: 190px;
 margin-left: 11em;
 margin-right: 0em;

 padding-top: 0;
 padding-bottom: 0.5em;
 padding-left: 0.5em;
 padding-right: 0.5em;

 background-color: #ffffff;
 //border-left: 1px solid gray;
 border: 1px solid gray;
}

/*------------------------------------------------------
 * Content
 */
#content
{
 //margin-left: 190px;
 margin-left: 11em;
 /*border-left: 1px solid gray;*/
 background-color: #ffffff;
 padding-top: 1em;
 padding-bottom: 1em;
 padding-left: 0.5em;
 padding-right: 0em;
 /*max-width: 36em;*/
}

#content h2 { margin: 0 0 .2em 0; padding: 0 0 0 0; }
#content h3 { margin: 1em 0 .2em 0; padding: 0 0 0 0; }
#content ul { margin: 0 0 .2em 0; }


#section
{
 background-color: #ffffff;
 padding: .5em;
 padding-top: 0em;
 margin-top: 0em;
 margin-bottom: .5em;
 //border: solid 1px gray;
}



/*------------------------------------------------------
 * Content_NN (noNav)
 */
#content_NN
{
 margin-left: 0;
 margin-right: 0;
 margin-top: 1em;
 margin-bottom: 1em;
 padding-left: 0.5em;
 padding-right: 0.5em;
 padding-top: 0.5em;
 padding-bottom: 0.5em;

 /*max-width: 36em;*/
}

#content_NN h2 { margin: 0 0 .5em 0; }

/*------------------------------------------------------
 * Footer
 */
#footer
{
 clear: both;
 margin: 0;
 padding: .5em;
 color: #000000;
 background-color: #f5f5f5;
 /*border-top: 1px solid gray;*/
 border: 1px solid gray;
}


/*------------------------------------------------------
 * no-pad paragraphs
 */
#nopad {
  padding: 0;
  margin: 0;
}

/*------------------------------------------------------
 * dummy elements (paragraphs)
 */
#dummy {
  padding: 0;
  margin: 0;
  clear: both;
  //border: 1px solid red;
}


/*------------------------------------------------------
 * Footer: linkbar
 */
#footer_linkbar {
  margin: 0;
  padding: 0;
}

#footer_link, #link_button, #link_button_current {
  margin: 10px;
  margin-left: 0;
  padding: 0;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid gray;
  text-decoration: none;
}

/*------------------------------------------------------
 * Footer: signature
 */
#footer_sig {
  float: right;
  text-align: bottom;
  margin: 0;
  padding: 0;
  //border: 1px solid blue;
}