/* copyright martynemko.com all rights reserved */

body{
  font-family: Times, serif;
}
h1, h2, h3, h4, h5, .menuitem, .h_menu_item, #article_topics{
 font-family: Arial, sans-serif;
}
#article_topics, article_text h2{
 font-size: 1.2em;
}

ul.articles li{
  margin-bottom: 3px;
}

div.sharethis{
  margin:10px 0 10px 0;
}

a{
 text-decoration: none;
 font-weight: bold;
 color: #000088;
 /*background-color: #FFFFFF;*/
 padding: 3px;
}
a:hover{
  color: #c00000;
  background-color: #FFFFFF;
  border: 0;
}
.call_attention{
  color: #aa0000;
  background-color: #FFFFFF;
}
img{
 border: 0;
 margin: 1px 2px 0 0;
}
p#copyright{
  text-align: center;
  font-size: x-small;
  font-family: sans-serif;
}
div.hr{
  width: 57%;
  height: 1px;
  border-bottom: 1px solid #D2D7DA;
  margin: 8px auto 9px auto;
}









@media screen {
    body {
      background-color: #D2D7DA;
      color : #000000;
      margin : 0px 0px 0px 0px;
      font-size: 0.9em;
    }

    /* --------------------------------------
              BEGIN Top Banner
    ----------------------------------------- */
    div#banner{
     padding: 0;
     border: 0;
     margin-bottom: 10px;
     height: 238px;
     background:  url(images/banner-background.png) repeat-x top left;

     width: 100%;
    }

    img#banner_left, img#banner_right{
      margin: 0;
      padding: 0;
      border: 0;
      position: absolute;
      top: 0;
      height: 238px;
    }
    img#banner_left{
     width: 212px;
     left: 0;
    }
    img#banner_right{
      width: 570px;
      left: 200px;
    }
    /* --------------------------------------
                 END Top Banner
    ----------------------------------------- */


    /* --------------------------------------
              BEGIN Left Column
    ----------------------------------------- */
    #leftnav {
        left: 0px;
      top: 220px;
      padding: 10px;
      width : 220px;
      height : 100%;
      margin-right : 15px;
      font-size: 0.96em;
    }

    p.menuitem{
     font-family: Verdana, Arial, sans-serif;
     margin: 0px 0 5px 0;
     padding: 0;
     font-weight: bold;
     font-size: 0.9em;
    }
    p.menuitem img{
     margin: 2px 0 2px 0;
    }
    p.menuitem a{
      color: #000088;
      background-color: #D2D7DA;
    }
    p.menuitem a:hover{
      color: #48494A;
      border-width: 1px 0 1px 0;
      border-style: solid;
      border-color: #918972;
      background-color: #FFFFEE;
    }
    p.menuitem span{
    position: absolute;
     left: -500px;
    }

    /* Validation Links */
    p.approved{
      color: #444444;
      text-align: justify;
      font-family: arial, sans-serif;
      font-size: 0.9em;
      width: 85%;
    }
    p.approved a{
     color: #000000;
     background-color : #d2d7da;
    }
    p.approved span{
     position: absolute;
     left: -500px;
    }


    /* Search Form */
    #searchform{
      margin: 0 0 30px -5px;
    }
    input{
      border-style: solid;
      border-color: #777777;
      border-width: 1px;
      background-color: #FFFFFF;
      color: #000000;
      margin: 3px;

    }
    input.field{
     width: 50%;
     padding: 2px;
     font-style: italic;
     color: #aa0000;
    }
    label{
      padding-left: 5px;
    }
    input.button{
        background-color: #474849;
        color: #FFFFFF;
        font-weight: bold;
    }

    /* --------------------------------------
              END Left Column
    ----------------------------------------- */


    /* --------------------------------------
              BEGIN Top Menu
    ----------------------------------------- */
    div#h_menu{
      z-index: 100;
      clear: left;
      margin-bottom: 1px;
    }
    p.h_menu_item{
     display: inline;
     padding: 0px 1px 3px 1px;
     background-color: #ffffff;
     color: #918972;
     z-index: 100;
    }
    p.h_menu_item span{
      font-size: larger;
      font-weight: bold;
    }
    p.h_menu_item a{
     font-size: 0.8em;
    }
    p.h_menu_item a:hover{
     color: #CC0033;
     background-color: #FFFFFF;
    }
    /* --------------------------------------
              END Top Menu
    ----------------------------------------- */


    p.menuitem span.access, p.h_menu_item span.access, span.access{
      left: 0;
      text-decoration: underline;
      font-size: 1em;
    }




    /* --------------------------------------
              BEGIN Main Content
    ----------------------------------------- */
    #content {
      position: absolute;
      left: 240px;
      top: 200px;
      padding: 30px 5px 0 0;
    }

    p#email_article{
          position: absolute;
          top: 0;
          right: 0;
          font-size: small;
          padding: 5px;
          margin:0;
          color: #CC0000;
        }

    #main{
      position: relative;
      z-index: 50;
      padding: 20px 8px 10px 15px;
      border-color: #918972;
      border-width: 0 2px 2px 0;
      border-style: solid;
      overflow: hidden;
      height: 100%;
      color: #000000;
      background-color: #ffffff;
    }

     #main_intro, .article_text{
      width: 57%;
      margin: auto;
      font-size: 1.2em;
    }
    .article_text{
      width: 60%;
      margin-bottom: 30px;
    }
    .article_text h1{
      font-size: 1.8em;
    }

    .column_left{
     float: left;
     clear: left;
     width: 43%;
     padding: 0 10px 20px 20px;
    }
    .column_left p, .column_right p{
      display: inline;
    }
    .column_right{
     float: right;
     clear: right;
     width: 43%;
     padding: 0 10px 20px 20px;
    }
    div#headermessage{
     display: none;
    }

    /* --------------------------------------
              BEGIN Footer
    ----------------------------------------- */
    p#lowernav{
      text-align: center;
    }
    p#lowernav a:hover{
      color: #cc0033;
      background-color : #d2d7da;
    }
    p#lowernav a{
      color: #000088;
      background-color : #d2d7da;
    }
    p#copyright a{
      color: #000088;
      background-color: #D2D7DA;
    }
    /* --------------------------------------
              END Footer
    ----------------------------------------- */
}




@media print{

    #banner_right{ display: none;}
    #banner_left{height: 107px; width:95px }
    #banner{
     float: left; clear: none; padding-right: 50px;
    }

    div#headermessage{
      float: left;
    }

    h1{
      font-size: 1.2em;
      color: #AA0033;
      background-color: #FFFFFF;
    }
    p.martysite{
      font-size: 1em;
      font-weight: bold;
      color: #AA0033;
      background-color: #FFFFFF;
    }
    h4{
     margin-left: 0px;
    }
     #leftnav, #h_menu{
      display: none;
     }
     #content{;
      width: 85%;
      padding: 10px;
      float: left; clear: left;
     }
     #main{
      width: 95%;
     }
     div.teaser{
      display: block;
      clear: both;
      width: 100%;
     }
     p#lowernav{
      display: none;
     }
}