/* index11.css
  o two-column 
  o left column is header + footer
  o gray and red
  o first letter is 44px
  o left column is fixed, right column is in scrolling window
  o does not work for ie6, must use switching in html document
*/  
body       { min-width:750px;
        font-size:15px;
        font-family: 'Times New Roman',Times,serif;
           }
h2  
           { font-size: 140%;
             padding: 0.5em 0 1em 0.25em;
             text-align: left;
             font-weight: bold;
             font-family:  sans-serif;
             color: #003366;
          }
h4        {  color:white;
             min-height:2em;
             margin-top:0em;
             padding:8px;
             font-family: helvetica,arial,sans-serif;
             background:#7e7e7e;
	  }       
div.header h3 
          {  color:black;
             min-height:2em;
             padding:8px;
             font-family: helvetica,arial,sans-serif;
             margin-bottom:0;
             border-bottom:2px solid gray;
             color: white;
             font-size:16px;
          }       
div.content-col1 h4 
          {  font-family: helvetica,arial,sans-serif;
             margin-bottom:0;
             color: white;
             font-size:15px;
          }       
div.header
         {
             padding-top:22em;
          }
div.content-col1
         {   width: 200px;
             min-width:200px;
             background:url('cement4.png'); 
             color: white;
             border: 1px solid black;
             min-height:96em;
             position:fixed;
             font-size: 15px;
             font-family: 'Times New Roman',Times,serif;
             z-index:2;
    }
div.content-col2
         {   width: 37%;
             left:200px;
             float:left; 
             position:relative; /* needed for ie */
             min-height: 55em;
             padding:5% 0.5% 0.5% 0.5%;
             border-top: 1px solid black; 
             border-right: 1px solid black; 
             border-left: 1px solid black; 
             font-size: 15px;
             font-family: 'Times New Roman',Times,serif;
             background:url('oak-light.jpg'); 
          }        
div.content-col3
         {   width: 27%;
             float:left; 
             left:200px;
             position:relative; /* needed for ie */
             min-height: 55em;
             padding:5% 0.5% 0.0% 0.5%;
             border: 0px solid black; 
             border-top: 1px solid black; 
             border-bottom: 1px solid black; 
             font-size: 15px;
             font-family: 'Times New Roman',Times,serif;
             border-right: 1px solid black; 
          } 
div.content-col4
         {   width: 12%;
             float:left; 
             left:200px;
             position:relative; /* needed for ie */
             min-height: 55em;
             padding:3.5% 0.5% 0.0% 0.2%;
             border: 0px solid black; 
             border-top: 1px solid black; 
             border-bottom: 1px solid black; 
             border-right: 1px solid black; 
             font-size: 15px;
             font-family: 'Times New Roman',Times,serif;
          } 
div.content-col1 p
    {
      padding-left:.5em;
    }
span.firstletter  /* any width figure, no border, for initial letter */ 
    {
      float:left;
      margin: 0 0 0px 0;
      position:relative;
      height:40px;
      top:4px;
    }
div.footer
    { clear: both;
      margin: 10px auto;
      padding: 1em 0 0 0;
      margin:0 0 1em 0;
      background:#aaaaaa;
      top:96%;
      border-left: 1px solid black; 
      border-top: 1px solid black;
      border-bottom: 1px solid black;
    }
span.aside 
      {
        float:right;
        position:relative; /* needed for ie */
        width:15em;
        background:#ccddee;
        /*background:url(water-faint.jpg);*/
        margin: 0 0 0 0;
        padding:0.30em;
        border: 1px solid;       
      }
span.aside-pink
      {
        float:right;
        position:relative; /* needed for ie */
        width:20em;
        background:#eee7e7;
        /*background:url(water-faint.jpg);*/
        margin: 0 0 0 0;
        padding:0.30em;
        border-left: 1px solid;       
        border-top: 1px solid;       
        border-bottom: 1px solid;       
      }

.divider 
    { border:none 1px #777777;
      border-top-style:solid;
      margin-top:3px;
      margin-bottom:5px;
    }
div.fig200pxleft
      {
        float:left;
        position:fixed; /* needed for ie */
        margin:0;
        padding-left:0em;
        padding-right:4px;
        padding-bottom:3.5em;
        width:196px;
        height: 220px; /* needed for ie6, no min-height */
        /* border-right: 2px solid white; */
        border-bottom:2px solid gray;
        margin-bottom:5em;
      }
 
span.new {  color:red; }
span.red {  color:red; }
.content-col1 a:link 
      { color: rgb(130, 228, 219);
      }
.content-col1 a:visited
      { color: rgb(200, 150, 200);
      }

.content a:link 
      { color: rgb(30, 28, 119);
      }
.content a:visited
      { color: rgb(80, 80, 100);
      }
.content a:link:hover 
      { color: rgb(255, 255, 255);
        background-color: #0000ff;
      }
.content a:visited:hover 
      { color: rgb(255, 255, 255);
        background-color: #0000ff;
      }
a[href^="http:"]
        {   background: url(externallink.png) no-repeat right top;
            padding-right: 10px;
        }
a:hover   /* must be after a:link */
        {   background-color: #0000ff;
            color: #ffffff;
        }    

a[href$=".pdf"]{
   background: url(pdflink.png) no-repeat right top;
   padding-right: 14px;
   }   
a[href$=".doc"]{
   background: url(doclink.png) no-repeat right top;
   padding-right: 16px;
   }