@media screen
{
  .screen-only { }
  .print-only { display: none; visibility: hidden; }
  
  div.navbar { background: url(navbar_right.gif) top right no-repeat; margin: .5em 0; }
  div.navbar ul { background: url(navbar_left.gif) top left no-repeat; list-style: none; padding: 0 17px; margin: 0; height: 25px; }
  div.navbar li { display: inline; height: 25px; margin: 0; padding: 0; }
  div.navbar a { text-decoration: none; color: white; font-weight: bold; border-right: 1px solid #3c66a0; display: block; float: left; padding: 5px 12px; }
  div.navbar a:hover { background-color: #3c66a0; }
  div.navbar a.right { }


  body
  {
    padding: 0; margin: 0; 
    background: #c0c0c0 url(body.png) top left repeat-x; 
    font-size: 12px;
  }
  a img { border-width: 0; }

  div#header { padding: 0 10px 10px 10px; }
  div#headerh1 { float: left; padding: 10px 20px 10px 0px ; }
  div#headerh1 h1 { margin: 0; }
  div#headerh1 a { text-decoration: none; }
  div#headermoto { float: left; padding: 10px 20px 10px 0px ; }
  div#headerphoto { clear: both; }

  div#mainblock { width: 780px; padding: 0 8px; margin: 0 auto; background: white url(page_border.png) top left repeat-y; }
  div#nav { width: 150px; float: left; padding-left: 10px; }

  div#content
  {
    width: 415px; float: left; 
    padding: 0 15px 0 15px;
    min-height: 350px;
    margin-bottom: 2em;
    line-height: 160%;
  }

  div#banner { clear: both; text-align: center; font-size: 80%; margin-bottom: 1em; }
  div#footer { clear: both; background-color: #e5e5e5; border-top: 1px solid #ccc; border-bottom: 1px solid #999; padding: 8px 10px; color: #999; font-size: 80%; }
  div#footer a { color: #999; text-decoration: none; font-weight: bold; }

  div#nav { font-size: 90%; }
  div#nav div#left-menu h2 { font-size: 120%; padding: 4px .5em; margin: 0 0 0 0; color: white; background: #2B5595 url(leftmenutop.png) top left no-repeat; font-weight: bold; }
  div#nav div#left-menu h2 a { color: white; font-weight: bold; text-decoration: none; }
  div#nav div#left-menu ul { padding: 0; margin: 0 0 1em 0; list-style: none; }
  div#nav div#left-menu li { padding: 0; margin: 0; list-style: none; }
  div#nav div#left-menu ul a { padding: .3em .5em; display: block; text-decoration: none; color: #182F4F; background-color: #DFEEFF; border-style: solid; border-color: #C2D8EF; border-width: 0px 1px 1px 1px; }
  div#nav div#left-menu ul a:hover { background-color: #C2D8EF; }

  div#sidebar { width: 160px; float: right; padding: 0 10px 0 5px; }
  div.sidebox { width: 144px;  background: #f7f7f7 url(side160bottom.gif) bottom right no-repeat; font-size: 90%; margin-bottom: 1em; padding: 8px; }
  div.sidebox h3 { padding: 4px 8px; margin: -8px -8px 6px -8px; background: url(side160top.gif) top left no-repeat; border-bottom: 1px solid #ccc; }
  div.sidebox h3 a { text-decoration: none; }

  div#sidebar ul { padding-left: 14px; line-height: 1.75em; margin-top: 0; padding-top: 0; }


  .infobox { margin: 1em 0; padding: 1em; border: 1px solid #C2D8EF; background-color: #DFEEFF; color: #182F4F; font-size: 90%; }

  .shadow { background: url(shadow.gif) no-repeat bottom right; margin: 1em 10px 1em 8px; float: left; clear: left; }
  .shadow img { display: block; position: relative; border: 1px solid #aaa; margin: -8px 6px 6px -8px; padding: 8px; }

  

  div.cal-entry { background: transparent url(calendar32.gif) top left no-repeat; padding: 0 0 0 45px; }
  div.cal-entry .m {
    float: left; width: 32px; margin: 0 0 0 -45px;
    text-align: center;
    font: normal normal bold 10px normal Verdana, Tahoma, Helvetica, sans-serif; 
    color: white;
  }
  div.cal-entry .d {
    float: left; width: 32px; margin: 10px 0 0 -45px;
    text-align: center;
    font: normal normal bold 18px normal Verdana, Tahoma, Helvetica, sans-serif; 
    color: #555;
  }
  div.cal-entry h3 { clear: none; border-bottom: 1px solid #ddd; }


  table { width: 100%; border-spacing: 0; margin: 0 0 1em 0; }
  td { border-bottom: 1px solid #ddd; padding: 2px; }
  
  .file { border: 1px solid #aaa; padding: .5em; color: #666; background-color: #eee; }
  .file img { float: left; margin: 0 1em 0 0; }
  .file a { font-weight: bold; }

  ol.comments { padding-left: 1.6em; }
  ol.comments li { border-bottom: 1px solid #eee; }
  div#comments p { font-size: 85%; }

  div#content ol li { margin-bottom: 1em; }
  div#content dl dt { font-weight: bold; color: #444; }
  div#content dl dd { margin: 0 0 1em 2em; }
  
  div#content h4 a { text-decoration: none; color: #444; }

}



@media screen, print
{
  /* font families */

  body, td { font-family: Verdana, Tahoma, Helvetica, sans-serif; }
  h1, h2, h3, blockquote { font-family: "Trebuchet MS", serif; }

  /* colors */

  h1, h2, h3, a { color: #3C66A0; }
  b, strong, blockquote p { color: #444; }
  a b, a strong { color: #3C66A0; }

  h1, h2, h3, blockquote { clear: both; }
  /* typography */

  div#content h1 { margin: 0; }
  div#content h2 { margin: 0 0 1em 0; border-bottom: 1px solid #ddd; font-size: 160%; }
  div#content h3 { margin: 2em 0 1em 0; font-size: 130%; }
  div#content h4 { margin: 1em 0 .5em 0; }
  div#content p { margin: 0 0 1.2em 0; }
  
  p.quote { padding: 0 2em; color: #666; font-style: oblique; }

  div#content blockquote
  {
    margin: 2em 20px; padding: 0;
    border: 0px solid #eee;
    background: url(quotes_open.gif) top left no-repeat;
  }
  div#content blockquote p
  {
    margin: 0; padding: 4px 25px;
    font-size: 100%; font-style: oblique;
    background: url(quotes_close.gif) bottom right no-repeat;
    display: inline;
  }

  ul { list-style-image: url(bullet.gif); }

}


@media print {

  .screen-only { display: none; visibility: hidden; }
  .print-only { }
  body { font-size: 10pt; }
  div#header { display: none; }
  div#mainblock { }
  div#nav { display: none; }
  div#content {  }
  div#sidebar { display: none; }
  div#banner { display: none; }
  div#footer { border-top: 1px solid #ccc; color: #999; font-size: 80%; margin-top: 2em; }

}