/*
@font-face { 
            font-family: chalk; 
            src: url('my_font.eot'); 
           }

@font-face { 
            font-family: chalkIE; 
            src: url('my_font.ttf'); 
           }
*/
@font-face {
            font-family: 'pastelregular';
            src: url('pastel_crayon.eot');
            src: url('pastel_crayon.eot?#iefix') format('embedded-opentype'),
                 url('pastel_crayon.woff') format('woff'),
                 url('pastel_crayon.ttf') format('truetype'),
                 url('pastel_crayon.svg#pastelregular') format('svg');
            font-weight: normal;
            font-style: normal;
}


/* links */
a {
   text-decoration: none;
  }
a:link {
        color: #9fc5e8;
       } 
a:visited {
           color: #6fa8dc;
          }

/* text */
body {
      background-color: #45555c;
      background-color: #1b1b1b;
      margin-left: 1%; margin-right: 1%;
      margin-top: 1%; margin-bottom: 1%;
      line-height: 150%;
      font-family: sans-serif, arial, verdana;
      font-size: normal;
      color: #ffffff;
     }
p {
   color: #ffffff;
  }
h1 {
    color: #9fc5e8;
    text-align: center;
   }
h2 {
    /*color: #74909d;*/
    color: #ffd700;
    text-align: left;
   }
h3 {
   color: #ffffff;
  }
h4 {
    color: #6fa8dc;
    text-align: left;
   }
h5 {
   color: #ffffff;
  }
div.pubtitle {
   color: #ffffff;
   font-weight: bold;
  }
div.pubauthor {
   color: #ffffff;
   font-style: italic;
  }
div.pubjour {
   color: #ffffff;
  }
div.pubabstract {
   color: #ffffff;
   line-height: 1.5em;
   font-size: smaller;
  }
div.conference {
   color: #ffffff;
  }
div.pubtitle_future {
   color: #ff7f50;
   font-weight: bold;
  }
div.conference_future {
   color: #ff7f50;
  }
address {
   color: #ffffff;
   line-height: 150%;
   font-size: small;
  }

/* lists */
ul {
    list-style-type: square;
    color: #9fc5e8;
    line-height: 150%;
   }
ul.menu {
         /*list-style-type: none;*/
         list-style-type: disc;
         list-style-position: inside;
         font-weight: bold;
         color: #ffffff;
        }
ul.submenu {
            /*list-style-type: none;*/
            list-style-type: circle;
            list-style-position: inside;
            text-indent: -1em;
            font-weight: bold;
            color: #ffffff;
           }

/* horizontal rules */
hr {
    width: 100%;
    color: #c0c0c0;
    size: 1;
    border: 1px dotted #c0c0c0;
   }
hr.sec {
        width: 100%;
        /*color: #74909d;*/
        color: #ffd700;
        size: 1;
        /*border: 1px dotted #74909d;*/
        border: 1px dotted #ffd700;
        position: relative;
        top: -1em;
       }
hr.subsec {
        width: 100%;
        color: #6fa8dc;
        size: 1;
        border: 1px dotted #6fa8dc;
        position: relative;
        top: -1em;
       }

/* page footer */
div.footer {
         font-size: 12px;
         font-style: italic;
         line-height: 100%;
         text-align: left;
         position: absolute;
         bottom: 0px;
         width: 98%;
         visibility: visible;
         display: block;
        }
div.footer-scroll {
         font-size: 12px;
         font-style: italic;
         line-height: 100%;
         text-align: left;
         /*position: fixed;*/
         bottom: 0px;
         /*width: 100%;*/
         visibility: visible;
         display: block;
        }

/* images */
img.thumbnail {
   /* Netscape chokes on IMG with border-width, so IEonly */
   border-width:0; border-style: outset; border-color: white;
   margin: 0px 0px 0px 0px;
   width: 200px;
  }
/*
img.thumbnail {
   /* Netscape chokes on IMG with border-width, so IEonly */
   border-width:0; border-style: outset; border-color: white;
   margin: 0px 0px 0px 0px;
   height: 200px; width: 200px;
  }
*/


/* zoom image on mouseover */
a.zoom img
{
    border: solid 1px #000000;    
}
a.zoom span
{
    position: absolute;
    visibility: hidden;
}
a.zoom
{
    position: relative;
    z-index: 0;
}
a.zoom:hover
{
    z-index: 1;
}
a.zoom:hover span
{
    visibility: visible;
    top: 1;
    left: 0px;
}
