/*<![CDATA[*/

  #bg {position:fixed; top:0; left:0; width:100%; height:100%;}
  /* places the content ontop of the background image */
  #content {position:relative; z-index:1;}

  body { font-family: Courier New, Courier, mono;
  font-size: 12px;  padding:20px 0 0 0; }


  a:link {color: #000099;}
  a:visited {color: #003333;}
  a:hover {color: #009933;}
  a:active {color: #FF9933;}
  a {text-decoration: none;}

  #textbox { width:800px; margin:0 auto;
        position:relative; padding:8px 0 8px 8px; border:1px solid #663300; background:#cccc66; }


  #textbox-vert { width:800px; 
        margin:0 auto;
        position:relative; padding:8px 0 8px 8px; border:1px solid #663300; background:#cccc66;}

  h1 { font-size: 29px;}

  h2 { font-size: 18px; padding:10px 0 0 8px; }

  small { font-size: 11px;}

  p { margin: 1em;}


  #main-content li{  width:225px;
        border:solid #cccc66;
        border-width:0 1px 1px 0;
        background:#f9f9f9;
        padding:6px;
        text-align:center;
        position:relative;
        float:left;
        display:inline;
        margin:6px;} 


  #smallpages-vert li{ height:270px; width:220px;
        border:solid #cccc66;
        border-width:0 1px 14px 0;
        background:#cccc66;
        padding:1px 1px 1px 1px;
        font-size: 13px;
        text-align:center;
        position:relative;
        float:left;
        display:inline;
        margin:6px 6px 20px 6px}


  #main-content-blank li{  height:275px; 
        border:solid #cccc66;
        border-width:0 1px 16px 0;
        background:#cccc66;
        padding:1px;
        font-size: 13px;
        text-align:center;
        position:relative;
        float:left;
        display:inline;
        margin:6px 6px 20px 6px}


  .bottomdataMCindex {  font-family: Courier New, Courier; font-size: 12px; line-height: 18px; 
        padding:10px; color: #0066CC text-align: center; }

  div.lb-vert {  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1900px;
  width: 100%;
  text-align: center; font-family: Courier New, Courier; font-size: 15px; line-height: 20px; 
  background: #6f6f6f; }

  div.lb-vert:target { display: block; }

img.floatRight { 
    float: right; 
    margin: 4px; }


  iframe { float: left;
  margin-right: 1em;}

  div.lb img { margin-top: 15px;
  padding: 12px;
        border:solid #666;
        border-width:1px 0 0 1px;
  background: #eff0ee;}

  div.lb-vert img { margin-top: 10px;
  padding: 12px;
        border:solid #666;
        border-width:1px 0 0 1px;
  background: #eff0ee;}

  /** Here's where the magic happens **/

  div.lb {  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1500px;
  width: 100%;
  text-align: center; font-family: Courier New, Courier; font-size: 15px; line-height: 20px; 
  background: #6f6f6f; }

  div.lb:target { display: block; }


  /** IE doesn't support :target, so we use CSS expressions **/
  div.lb {
  display: expression((document.location.toString().split('#').slice(1) == this.id)?'block':'none');
  }

  /*]]>*/

  /*]]>*/