@media screen {
  body { 
    margin: 0px;
    padding : 0px;
    background-color : #ffffff;
  } 

  div.all {
    background : url(bg.gif);
    background-repeat : repeat;
    margin : auto;
    margin-top : 20px;
    margin-bottom : 20px;
    padding-top : 20px;
    padding-bottom : 5px;
    padding-left : 20px;
    padding-right : 20px;
    width : 690px;
    border-style : dotted;
    border-top-width : 1px;
    border-bottom-width : 1px;
    border-left-width : 1px;
    border-right-width : 1px;
    border-color : #808080;
  }
  
  div.navi {
    margin-top : 0px;
    margin-bottom : 20px;
    margin-left : 0px;
    margin-right : 0px;
    padding-top : 0px;
    padding-bottom : 0px;
    padding-left : 0px;
    padding-right : 0px;
    border-style : solid;
    border-color : #808080;
    border-top-width : 0px;
    border-bottom-width : 0px;
    border-left-width : 0px;
    border-right-width : 1px;
    float : left;
    width : 89px;
    overflow : visible;
  }

  div.navi2 {
    display : none;
  } 
  
  div.content {
    margin-top : 0px;
    margin-bottom : 0px;
    margin-left : 0px;
    margin-right : 0px;
    padding-top : 0px;
    padding-bottom : 0px;
    padding-left : 0px;
    padding-right : 0px;
    width : 600px;
    border-style : solid;
    border-width : 0px;
    float : left;
    overflow : visible;
  }
  
  h1 { 
    font-size : 37px;
    font-family : arial, sans-serif;
    color : #0080f0;
    font-weight : bold;
    text-decoration : none;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 0px;
    margin-bottom : 20px;
    padding-top : 3px;
    padding-left : 20px;
    padding-right : 0px;
    padding-bottom : 3px;
    border-style : solid;
    border-color : #808080;
    border-top-width : 1px;
    border-bottom-width : 1px;
    border-left-width : 0px;
    border-right-width : 1px;
    background : url(bg2.gif);
    background-repeat : repeat;
    width : 579px;
    height : 43px; /* sum height = 51 px */
  } 

  h2 { 
    font-size : 18px;
    line-height : 20px; 
    font-family : arial, sans-serif;
    color : #0080f0;
    font-weight : bold;
    text-decoration : none;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 0px;
    margin-bottom : 20px;
    padding-top : 3px;
    padding-left : 20px;
    padding-right : 0px;
    padding-bottom : 3px;
    border-style : none;
  } 

  
  span.c1 { 
    color : #000066;
    font-style:italic;
  } 
  
  span.c2 { 
    color : #0080f0;
  } 
  
  span.c3 { 
    color : #000066;
  } 
  
  span.textbox { 
    visibility : hidden;
    position : absolute;
    left : 0px;
    top : 0px;
    font-size : 12px;
    font-family : sans-serif;
    color : #000066;
    border-width : 1px;
    border-style : solid;
    border-color : #000066;
    background-color : #ffffff;
    margin : 0px;
    padding : 4px;
    z-index : 100;
  } 
  
  p { 
    font-size : 12px;
    line-height : 18px; 
    font-family : sans-serif;
    color : #000000;
    text-decoration : none;
    padding : 0px;
    margin-left : 20px;
    margin-right : 0px;
    margin-top : 15px;
    margin-bottom : 15px;
    border-style : none;
    position : relative;
    left : 0px;
    top : 0px;
    clear : both;
  }
  
  li { 
    font-size : 12px;
    line-height : 16px; 
    font-family : sans-serif;
    color : #000000;
    text-decoration : none;
    padding : 0px;
    margin-left : 20px;
    margin-right : 0px;
    margin-top : 5px;
    margin-bottom : 5px;
    border-style : none;
    position : relative;
    left : 0px;
    top : 0px;
    clear : both;
  }
  
  img { 
    margin : 0px;
    padding : 0px;
    border-width : 0px;
    border-style : none;
  }
  
  img.dot { 
    margin : 0px;
    padding : 0px;
    border-style : none;
    position : relative;
    top : 10px;
    left : 81px;
  } 
  
  img.left { 
    margin : 0px;
    padding : 0px;
    margin-right : 15px;
    margin-bottom : 15px;
    float : left;
  } 
  
  img.right { 
    margin : 0px;
    padding : 0px;
    margin-left : 15px;
    margin-bottom : 15px;
    float : right;
  }

  img.popup { 
    position : absolute; 
    top : 0px; 
    left : 0px;
    border-style : solid;
    border-color : #ffffff;
    border-width : 1px;
    z-index : 100; 
    visibility : hidden;
  }
  
  a:link, a:visited  { 
    color : #000066;
    text-decoration : underline;
    margin : 0px;
    padding : 0px;
  } 
  
  a:active, a:hover { 
    color : #ff0000;
    text-decoration : underline;
    margin : 0px;
    padding : 0px;
  }
  
  a.menu:link, a.menu:visited { 
    font-size : 12px;
    line-height : 12px;
    font-family : arial, sans-serif;
    font-weight : bold;
    text-decoration : none;
    text-align : right;
    color : #000066;
    margin : 0px;
    padding-top : 6px;
    padding-left : 10px;
    padding-right : 20px;
    padding-bottom : 5px;
    border-top-width : 0px;
    border-bottom-width : 0px;
    border-left-width : 0px;
    border-right-width : 0px;
    border-style : none;
    border-color : #808080;
    display: block;
    max-height : 40px;
  }
  
  a.menu:hover, a.menu:active { 
    font-size : 12px;
    line-height : 12px;
    font-family : arial, sans-serif;
    font-weight : bold;
    text-decoration : none;
    text-align : right;
    color : #ff0000;
    margin : 0px;
    padding-top : 5px;
    padding-left : 9px;
    padding-right : 20px;
    padding-bottom : 4px;
    border-top-width : 1px;
    border-bottom-width : 1px;
    border-left-width : 1px;
    border-right-width : 0px;
    border-style : dotted;
    border-color : #808080;
    display: block;
    max-height : 40px;
  }
  
  a.menuSelected {
    font-size : 12px;
    line-height : 12px;
    font-family : arial, sans-serif;
    font-weight : bold;
    text-decoration : none;
    text-align : right;
    color : #0080f0;
    margin : 0px;
    padding-top : 5px;
    padding-left : 9px;
    padding-right : 20px;
    padding-bottom : 4px;
    border-top-width : 1px;
    border-bottom-width : 1px;
    border-left-width : 1px;
    border-right-width : 0px;
    border-color : #808080;
    display: block;
    background : url(bg2.gif); 
    background-repeat : repeat; 
    border-style : solid;
    max-height : 40px;
  }
}

@media handheld {
  body { 
    margin : 5px;
    padding : 5px;
    border-width: 0px;
  }
  
  div.navi {
    display : none;
  }  
  
  h1 { 
    font-size : 20px;
    font-family : arial, sans-serif;
    color : #0080f0;
    font-weight : bold;
  }
  
  h2 { 
    font-size : 16px;
    font-family : arial, sans-serif;
    color : #0080f0;
    font-weight : bold;
  } 

  span.textbox { 
    display : none;
  } 
  
  p { 
    font-size : 12px;
    line-height : 16px; 
    font-family : sans-serif;
    color : #000000;
    text-decoration : none;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 15px;
    margin-bottom : 15px;
    border-style : none;
    clear : both;
  }
  
  li { 
    font-size : 12px;
    line-height : 16px; 
    font-family : sans-serif;
    color : #000000;
    text-decoration : none;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 5px;
    margin-bottom : 5px;
    border-style : none;
    clear : both;
  }
  
  img { 
    margin : 0px;
    border-style : none;
    padding : 0px;
    max-width : 100%;
  } 
  
  img.popup { 
    display : none;
  }

  a { 
    color : #990000;
    text-decoration : underline;
  }
}

@media print {
  body { 
    margin : 0px;
    padding : 0px;
    border-width: 0px;
    border-style : none;
    background-color : #ffffff;
  }
  
  div.navi {
    display : none;
  } 
  
  div.navi2 {
    display : none;
  }
  
  h1 { 
    font-size : 37px;
    font-family : arial, sans-serif;
    color : #0080f0;
    font-weight : bold;
  } 

  h2 { 
    font-size : 20px;
    font-family : arial, sans-serif;
    color : #0080f0;
    font-weight : bold;
  } 

  span.textbox { 
    display : none;
  } 
  
  p { 
    font-size : 12px;
    line-height : 16px; 
    font-family : sans-serif;
    color : #000000;
    text-decoration : none;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 15px;
    margin-bottom : 15px;
    border-style : none;
    clear : both;
  }
  
  li { 
    font-size : 12px;
    line-height : 16px; 
    font-family : sans-serif;
    color : #000000;
    text-decoration : none;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 5px;
    margin-bottom : 5px;
    border-style : none;
    clear : both;
  }
  
  img { 
    margin : 0px;
    border-style : none;
    padding : 0px;
  } 
  
  img.left { 
    margin-right : 15px;
    margin-bottom : 15px;
    float : left;
  } 
  
  img.right { 
    margin-left : 15px;
    margin-bottom : 15px;
    float : right;
  }
  
  img.popup { 
    display : none;
  }

  a { 
    color : #000066;
    text-decoration : underline;
  } 
}