/*** Style sheet for The Russo Law Firm (www.russolawfirm.com) ***/

  /*** Use standard tags p, strong, small and big so even if a non-style browser
       is used, the page is rendered with the same intent ***/

  /*** Global formatting ***/

  * {
    font-size: 12px;
  }

  body {
    color: white;
    background: #333333;
    margin: 10px;
    font-family: arial, helvetica, tahoma, verdana, sans-serif;
  }


  /*** Text formatting ***/

  h2 {
    font-size: 16px;
    border-bottom: white solid 1px;
  }

  h3 {
    font-size: 12px;
    color : #8FA1AD;                  /*** gray ***/
  }

  big {
    font-size: 120%;
  }

  small {
    font-size: 80%;
  }

  .tagline {
    float: right;
    padding-top: 9px;
    font-size: 16px;
  }

  .russo {
    font-size: 24px;
    font-weight: bold;
  }

  .copyright, .bottomnav {
    font-family: verdana, arial, helvetica, tahoma, sans-serif;
    font-size: 9px;
    color : #999999;                  /*** gray ***/
  }

  .copyright {
    padding: 2px 2px 2px 10px;
  }

  .bottomnav {
    border-top: solid 1px #999999;
  }

  .copybar {
    background: #4D4D4D;
  }

  .callout {
    background: #4D4D4D;
    padding: 5px;
    width: 116px;
  }

  .diamond {
    background: url(images/bulletdiamondgray.gif) no-repeat;
  }

  ul li {
    list-style: square url(images/bulletdiamondgray.gif);
  }

  blockquote {
    font-style: italic;
    font-weight: bold;
    color: #8FA1AD;
  }

  .quotee {
    color: black;
    float: right;
  }

  .photo {
    border: 1px solid black;
  }


  /*** Link formatting ***/

  a {
    color: #FFCC00;
    text-decoration: none;
    font-weight: bold;
  }

  a:hover {
    color: #FFCC00;
    text-decoration: underline;
  }

  a.m0l1oover:hover {
    text-decoration: none;
  }

  .russolink {
    font-size: 24px;
    color: white;
    text-decoration: none;
  }

  .bottomnav a:link, .bottomnav a:visited {
    font-family: verdana, arial, helvetica, tahoma, sans-serif;
    font-size: 9px;
    color : #999999;                  /*** gray ***/
  }

  .bottomnav a:hover {
    font-family: verdana, arial, helvetica, tahoma, sans-serif;
    font-size: 9px;
    color : #FFCC00;                  /*** gold ***/
  }


  /*** Layout formatting ***/

  td {
    vertical-align: top;
  }

  table.outer {
    border: #999999 solid 1px;
  }

  table.outer td {
    padding: 15px;
  }

  table.inner {
    width: 760;
  }

  table.inner td {
    padding: 0px;
  }

  .leftpane {
    padding: 30px 12px 20px 12px;
    width: 124px;
  }

  .rightpane {
    padding: 10px 80px 10px 10px;
    width: 520px;
  }

  .branding {
    padding-bottom: 4px;
  }

  .navpad {
    padding: 10px;
    padding-right: 80px;
  }

  div.floater {
    float: right;
    margin: 0 0 10px 10px;
    padding: 10px;
    clear: right;
    font-size: 110%;
  }

  .print {
    display: none;
  }

  @media print {

    table.outer {
      border: 0;
    }

    table.inner {
      width: 100%;
    }

    .rightpane {
      width: 90%;
    }

    .noprint {
      display: none;
    }

    .print {
      display: inline;
    }

  }