* {
	font-family      : Arial, Helvetica, sans-serif;
      font-size      : 1em;
}

@media print{
 body {
    background-color : #FFFFFF;
    text-align       : left;
    margin-top       : 1em;
    margin-bottom    : 1em;
	font-size        : 90%;
 }

 .noprint {
    visibility : hidden;
 }

 div.main {
     margin-left      : auto;
     margin-right     : auto;
     text-align       : center;
     width            : 40em;
     background-color : #FFFFFF;
     padding          : 0.5em 0.5em 0.5em 0.5em;
 }
}

@media screen{
 body {
    background-color : #E1EBFB;
    text-align       : center;
    margin-top       : 1em;
    margin-bottom    : 1em;
    font-size        : 90%;

    scrollbar-face-color: #3366CC;
    scrollbar-highlight-color: #E1EBFB;
    scrollbar-shadow-color: #3366CC;
    scrollbar-3dlight-color: #3366CC;
    scrollbar-arrow-color: #E1EBFB;
    scrollbar-track-color: #B0CBF4;
    scrollbar-darkshadow-color: black;
 }

div.main {
     border           : 1px solid #B0CBF4;
     margin-left      : auto;
     margin-right     : auto;
     text-align       : center;
     background-color : #FFFFFF;
     padding          : 0.5em 0.5em 0.5em 0.5em;
     voice-family: "\"}\"";
     voice-family:inherit;
     width:800px;
 }

html>body div.main {
   width:802px;
}

}


/* #E1EBFB #B0CBF4 #3366CC */

code {
  color: blue;
}

h1 {
  text-align      : center;
  color           : white;
  width           : 100%;
  font-size       : 2.9em;
  }

h2 {
  border-bottom: inset;
  text-align:left;
  font-size:1.2em;
}


a {
   text-decoration : none;
   color     : #0000A0;
}


a:hover {
   text-decoration : none;
   color     : #5757FF;
}

p {
  text-align : justify;
}


   div.code, div.code2 {
      font-family      : monospace;
      text-align       : left;
      padding          : 5px 1em 5px 1em;
      background-color : #E1EBFB;

   }

 div.footnote {
     margin-left      : auto;
     margin-right     : auto;
     text-align       : right;
     width            : 750px;
     padding          : 5px 1em 5px 1em;
     font-size        : 80%;
     color            : #3366CC;
 }
   .j {
	text-align: justify;
}

ol,ul,li {
	text-align : justify;
}

div#menu {
position:absolute;width:800px;margin-top:-2.5em;margin-left:5.5em;
}

ul.nav-menu
{
   list-style: none;
   padding: 0;
   margin : 0 0 0 1em;

}

.nav-menu li
{
   float: left;
   height:2em;
   margin-left:0.2em;
   padding:0;
   list-style-type: none;
   list-style-image: none;
   font-size:0.9em;
}

.nav-menu li a
{
   background: #fff url(../images/css-nav.gif) repeat-x bottom left ;
   height: 2em;
   line-height: 2em;
   float: left;
   display: block;
   border: 1px solid #dcdce9;
   color: #0d2474;
   text-decoration: none;
   text-align: center;
   padding:0 0.5em 0 0.5em;
}

.nav-menu li a:hover
{
   background:  #d5c2d3 url(../images/css-nav2.gif) repeat-x top left ;
}