/* 
   This style sheet is for the new igram.org website.

   Copyright (c) 2010-2014 Jeffrey Glenn

   History:

   10-Apr-2014  Jeff Glenn - Added Left_Side_Link style.

   08-Apr-2014  Jeff Glenn - Added IGRAM style.

   17-Jan-2013  Jeff Glenn - Added Section style.

   20-Dec-2012  Jeff Glenn - Added Emphasis style.

   25-Nov-2010  Jeff Glenn - Created.
*/
@media all
{
   /*
      Built-in styles:
   */
   BODY
   {
      font-family: Verdana, Arial, sans-serif;
   }
   /*
      Custom styles:
   */
   .igram-red
   {
      color: #C3262C; /* #E2003C; */
   }
   .IGRAM
   {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 1.15em;
      font-weight: bold;
   }
   .main-box
   {
      height: 540px;
      left: 0px;
      position: relative;
      top: 0px;
      width: 720px;
   /* border: 2px dotted black; */
   }
   .top-left
   {
      background-image: url('design/corner-u-l-32.png');
      background-position: top left;
      background-repeat: no-repeat;
      height: 32px;
      left: 0px;
      position: absolute;
      top: 0px;
      width: 32px;
   }
   .top-mid
   {
      background-image: url('design/top-32.png');
      background-repeat: repeat-x;
      height: 32px;
      left: 32px;
      position: absolute;
      top: 0px;
      width: 656px; /* 720 - (2 * 32) */
   }
   .top-right
   {
      background-image: url('design/corner-u-r-32.png');
      background-position: top right;
      background-repeat: no-repeat;
      height: 32px;
      left: 688px;
      position: absolute;
      top: 0px;
      width: 32px;
   }
   .left-side
   {
      background-image: url('design/left-32.png');
      background-repeat: repeat-y;
      height: 476px; /* 540 - (2 * 32) */
      left: 0px;
      position: absolute;
      top: 32px;
      width: 32px;
   }
   .right-side
   {
      background-image: url('design/right-32.png');
      background-repeat: repeat-y;
      height: 476px; /* 540 - (2 * 32) */
      left: 688px;
      position: absolute;
      top: 32px;
      width: 32px;
   }
   .bottom-left
   {
      background-image: url('design/corner-l-l-32.png');
      background-position: bottom left;
      background-repeat: no-repeat;
      height: 32px;
      left: 0px;
      position: absolute;
      top: 508px;
      width: 32px;
   }
   .bottom-mid
   {
      background-image: url('design/bottom-32.png');
      background-repeat: repeat-x;
      height: 32px;
      left: 32px;
      position: absolute;
      top: 508px;
      width: 656px; /* 720 - (2 * 32) */
   }
   .bottom-right
   {
      background-image: url('design/corner-l-r-32.png');
      background-position: bottom right;
      background-repeat: no-repeat;
      height: 32px;
      left: 688px;
      position: absolute;
      top: 508px;
      width: 32px;
   }
   .banner-image
   {
      cursor: pointer;
      height: 108px;
      left: 0px;
      position: absolute;
      top: 0px;
      width: 720px;
      z-index: -2;
   }
   .banner-logo
   {
      cursor: pointer;
      height: 64px;
      left: 16px;
      position: absolute;
      top: 8px;
      z-index: 0;
   }
   .banner-name
   {
      font-family: Tahoma, Arial, sans-serif;
      font-size: 12px;
      font-weight: bold;
      left: 16px;
      position: absolute;
      text-align: center;
      top: 80px;
      width: 94px;
      z-index: 0;
   }
   .banner-title
   {
      font-family: Verdana, Arial, sans-serif;
      font-size: 22pt;
      height: 108px;
      left: 120px;
      position: absolute;
      text-align: left;
      top: 37px;
      width: 592px;
      z-index: -1;
   }
   .horizontal-separator
   {
      background-image: url('design/dot.png');
      background-repeat: repeat-x;
      height: 1px;
      left: 1px;
      position: absolute;
      width: 718px;
   }
   .button-bar
   {
      background-color: #088408; /* #C3FFC3; */
      color: #C3FFC3; /* #088408; */
      font-size: 10pt;
      height: 28px;
      left: 1px;
      position: absolute;
      top: 109px;
      width: 718px;
   }
   .button-row
   {
      height: 28px;
      left: 0px;
      position: absolute;
      top: 0px;
   }
   .button-item
   {
      cursor: pointer;
      height: 25px;
      padding-left: 8px;
      padding-right: 10px;
   }
   .button-separator
   {
      background-color: #088408; /* #C3FFC3; */
      padding-bottom: 3px;
      width: 1px;
   }
   .left-section
   {
      font-size: 11pt;
      height: 356px;
      left: 1px;
      margin: 4px 6px 4px 6px;
      position: absolute;
      text-align: left;
      top: 136px;
      width: 222px;
      z-index: 2;
   }
   .vertical-separator
   {
      background-image: url('design/dot.png');
      background-repeat: repeat-y;
      position: absolute;
      width: 1px;
   }
   .right-section
   {
      font-size: 11pt;
      height: 363px;
      left: 235px;
      position: absolute;
      text-align: left;
      top: 137px;
      width: 484px;
      z-index: 2;
   }
   .footer
   {
      height: 28px;
      left: 1px;
      position: absolute;
      text-align: center;
      top: 511px;
      width: 718px;
      z-index: -1;
   }
   .update-date
   {
      color: #844608;
      font-family: Times New Roman, Serif;
      font-size: 11pt;
      font-style: italic;
   }
   .main-bottom
   {
      background-image: url('design/dot.png');
      background-repeat: repeat-x;
      height: 1px;
      left: 1px;
      position: absolute;
      top: 108px;
      width: 718px;
   }
   .opacity-50
   {
      -moz-opacity:       0.50;  /* old Mozilla browsers like Netscape */
      -khtml-opacity:     0.50;  /* old Safari browsers */
      filter: alpha(opacity=50); /* IE */
      opacity:            0.50;  /* CSS standard and Firefox */
   }
   /*
      Text Page Styles:
   */
   .bullet-list
   {
      color: saddlebrown;
      font-family: Times New Roman;
      font-size: 13pt;
      line-height: 150%;
      text-decoration: none;
   }
   .Emphasis
   {
      color: #C3262C; /* IGRAM red */
      font-family: Arial;
      font-size: 110%;
      font-weight: bold;
   }
   .Highlight
   {
      font-family: Arial;
      font-size: 110%;
      font-weight: bold;
      text-decoration: none;
   }
   .Label
   {
	   color: black;
   }
   .Link
   {
      font-family: Arial;
      font-size: 110%;
      font-weight: bold;
      text-decoration: none;
   }
   .Left_Side_Link
   {
      font-size: 95%;
   }
   .Section
   {
      color: #088408; /* button bar background */
      font-family: Arial;
      font-size: 110%;
      font-weight: bold;
   }
   .Subsection
   {
      color: black;
      font-family: Arial;
      font-size: 88%;
      font-weight: bold;
      padding-left: 4px;
   }
}
@media print
{
}