<!-- /* This keeps old browsers from trying to read CSS file. */

#container {
    background-image: url(tile_sidebarblue.gif);   
    margin: 0 auto; 
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;   /* white border at top of page*/
    padding: 0px; 
    padding-top: 10px; /*ok for both IE & FF */
/*    position: relative;  */
    text-align: left; /* other half of IE bug fix */ 
/*    width: 760px; IE ignores max-width statement. Leave off to avoid white outside border */
   }

body, td, th,blockquote, dl, div {
/*    background-image: url(tile_sidebarblue.gif); */
    border-style: none;
    border-width: 1px;  
    font-family: Verdana, Arial, Tahoma, sans-serif;
    font-size: 11pt;
    margin-top: 0px; 
    margin-left: 0px; 
    padding: 0px; /* no effect in IE */  
    text-align: center; /* IE bug fix, use with align-left in #container */
/*    color: rgb(0,0,0);*/
    }

.sidebar {
    background-image: url(clear1.gif);
    border-style: inset;
    border-width: 2px;
    background-color: rgb(204, 204, 204);
    color: rgb(0, 0, 0);
    float: right;  /* none was right*/
    font-size: 1.1em; 
    font-style: italic; 
/*    margin: 10px; */
    margin-right: -120px;  /*-120px for FF  */ 
/*    margin-left: -110px;  */
    opacity: 1;
    padding: 2px; 
    position: relative; /* was relative */  
    width: 110px; /* was 136 */
    }

  #header { 
    background-color: rgb(153,204,255);  /*light blue in logo 23,248,247*/
/*    background-image: url(answerislandlogo-smallglow.jpg);  */
    background-position: 0px 0px;  
    background-repeat: no-repeat; 
    border-style: solid; 
    border-width: 1px; 
/*    border-bottom-width: 1px; */
    border-right-style: none;
/*    border-right-width: 0px; */
    border-color: rgb(0,0,0);
float: none; 
    margin-bottom: 1px;  /* between header and content section */
    margin-left: 0px; /* correct for FF, larger causes duplicate boxes w relative pos.*/
    margin-left: 10px; /*-125 correct for IE */ 
/*    margin-top: -1px; -1 correct for Firefox */
    margin-top: 10px; /*correct for IE */
    display: block; 
    float: none; 
/*    position: relative; correct for Mozilla */
    position: absolute;   /*correct for IE? */
    padding: 0px; /*0 px correct for Mozilla */
    opacity: 1; 
    height: 74px; /*correct for Mozilla */
/*    height: 71px; correct for IE? */
    width: 250px; 
      }

  #header span {
    background-color: rgb(c);  /* light blue in logo */ 
/*    background-image: url(answerislandlogo-smallglow.jpg);  */
    border-right-style: none;
    position: absolute;  /* correct for IE? */
    margin-left: 0px; /* new .*/
/*    margin-bottom: -73px;  Moz ok this moves text under image */
    margin-top: 0px; 
/*    margin-bottom: 0px;  no effect in IE? */
    }


/* IE sees this section, but not FF 
html> #header {
    background-image: url(sandfootprints.jpg);  
   width: 400px;  change this for IE 5.x only 
   w\idth: 760px;  IE 5.x cannot read this 
   }
*/

  #headeright { 
    background-color: rgb(242, 252, 156); 
    background-image: url(glow.jpg);  
    background-repeat: repeat-x; 
    border-style: solid; 
    border-bottom-style: solid; 
    border-left-style: none; 
    border-width: 1px; 
    margin-left: 259px; /*ok for moz */
/*    margin-left: 124px;  ok for IE? */
/*    margin-top: -76px; ok Moz between top of page and top of box*/
/*    margin-top: -74px; ok for IE?*/
    margin-top: 10px; 
    display: block;
    float: none;
    position: relative; /*correct for Mozilla */
/*    position: absolute; correct for IE */
    opacity: 1;
    padding: 0px;
    height: 74px; /*correct for Mozilla */
/*    height: 71px; correct for IE? */
    width: 450px; /*correct for IE */
    }

/*
  #headeright span {
    background-color: rgb(242, 252, 156);
    margin-bottom: 0px; no effect
    }
*/

   #h1 span {
    display: block; 
    margin-bottom: 0px;  
    padding: 0px;
    position: absolute; 
    z-index: 1;
    }

/*Hides text larger than image all browsers except IE Mac */
   h1 {overflow: hidden; }
/*Hides text larger than image in IE Mac */
   h1 {
    text-indent: -100em; 
    font-size: 11pt; 
    }

  h2 { padding: 2px;
    font-family: verdana,geneva,arial,helvetica,sans-serif;
    color: rgb(0, 0, 255);
    border-left-style: none;
/*    border-bottom-style: solid;
    border-bottom-width: 1px; */
    font-size: 12pt; 
    line-height: 1.5em;
    margin-left: 5px; 
    margin-bottom: -0.2em;
    margin-top: 0px; 
    position: relative;
    text-align: left;
    }

  h3 { padding: 2px;
    font-family: verdana,geneva,arial,helvetica,sans-serif;
    color: rgb(255, 255, 255);
    background-color: rgb(153,204,255); /* red in logo 244,146,148); dk brown 128, 64, 0; gold 252,226,4 */
/*    background-image: url(sand.jpg); */
    border-color: rgb(244,146, 148); 
    border-right-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    max-width: 34em;
    font-size: medium;
    font-style: italic; 
    line-height: 1.5em;
    margin-left: -7px; 
    margin-bottom: -0.2em;
    }

  h4 { padding: 2px;
    font-family: verdana,geneva,arial,helvetica,sans-serif;
    color: rgb(102, 51, 51);
    background-color: rgb(255, 255, 102);
    background-image: url(sand.jpg);
    border-right-style: none;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    max-width: 14em;
    font-size: medium;
    line-height: 1.5em;
    margin-left: 5px; 
/*    margin-bottom: -0.2em; */
    }

#center {
    background-color: rgb(255, 255, 255); 
    background-image: none; 
    border-style: none;
    border-width: 1px; 
    font-size: 10pt;
    text-align: left; /* other half of IE bug fix */ 
    margin-left: 167px; 
    margin-right: 150px; 
    margin-top: 0px; /*OK Moz-set a bit taller than header image height*/
    margin-top: 1px; /**/
    max-width: 39em; /* IE ignores this */ 
    padding: 2px; /* space around center text */ 
    width: 460px; 
    }

/*
* html #content {
    width: 460px; 
    w\idth: 420px; /* IE5.x hack */ 
    }
*/

  p, ol, ul { color: rgb(0, 0, 0);
/*    max-width: 39em;  IE ignores max-width */ 
    }

  #footer  {
    clear: left; 
    height: 40px; 
    border-style: solid; 
    border-width: 1px; 
    border-color: rgb(0,0,0);
    background-color: rgb(255,255,255);  /*154,212,215 pale blue; 23,248,247 light blue in logo*/
    font-size: 8pt;
    line-height: 0.5em;
    margin-left: 32px; 
    opacity: .6; /* faded look */
    text-align: center; 
    width: 83%; 
    }

  p.sidebar a:link { color: rgb(255, 255, 255);
    font-weight: bold;
    }

  .hilite { background-color: rgb(255, 255, 204);
  font-style: italic; 
    color: rgb(178, 34, 34);
    }

  .indent { padding-left: 5em;
    }

  .verticalBorder { border: 5px solid rgb(153, 102, 204);
    background: rgb(255, 255, 0) none repeat scroll 0% 50%;
    width: 160px;
    }

  p.inverse { color: white;
    background-color: black;
    }

  p.story { text-indent: 3em;
    }

  .newscolumn { text-align: justify;
    }

 .menu a:link {
color: #336600;
text-decoration: none;
}

.menu a:visited {
color: #666666;
text-decoration: none;
}

.menu a:hover {
color: #990000;
text-decoration: none;
}

.menu a:active {
color: #666666;
text-decoration: none;
}

  .toonspace { border-style: outset;
    margin: 6px;
    float: right;
    position: relative;
    }

  .toonspaceleft { border-style: outset;
    margin: 6px;
    float: left;
    position: relative;
    }

  #fulltoon {
    background-repeat: no-repeat; 
/*    background-position: 0 0;  */
    border-style: none;
    margin-left: 0px;
    margin-top: 0px; 
    display: block;
    float: none;
    position: absolute;
     }

#navcontainer
{
background: rgb(153,204,255); /* #f0e7d7 */
margin: 0 auto;
padding: 0.5em 0.2em 0 0.5em; /* space around button group at top, rt, bottom, left  */ 
width: 94%; 
/* font-family: georgia, serif; */
}

/* to stretch the container div to contain floated list */
#navcontainer:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

ul#navlist
{
list-style: none;
padding: 0;
margin: 0 auto;
width: 100%;
font-size: 0.8em;
}

ul#navlist li
{
display: block;
float: left;
width: 16%; /* width of buttons 100%/6 buttons =16 */
margin: 1px;
padding: 0;
}

/* inactive buttons */
ul#navlist li a
{
display: block;
width: 70%;  /* does nothing? */
padding: 0.5em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: rgb(0,0,0); /* text color inactive #777; */
text-decoration: none;
background: rgb(153,204,255); /* #f7f2ea; */
}

#navcontainer>ul#navlist li a { width: auto; }

/* bkgd color current tab */
ul#navlist li#active a
{
background: rgb(255,255,255); /* #f0e7d7; */
color: rgb(0,0,255); /* text color #800000*/
border-color: #aaab9c #fff #fff #ccc;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #800000;
background: rgb(176,255,255); /* bkgd color while hovering. was transparent; */
border-color: #aaab9c #fff #fff #ccc;
}



/*  #navlist { border-style: solid;
    border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgb(153, 102, 51) rgb(153, 102, 51);
    border-width: 2px;
    padding: 1px;
    background: rgb(255, 200, 108) none repeat scroll 0% 50%;
    margin-left: 0pt;
    font-family: Verdana,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    width: 13em;
    color: rgb(0, 0, 0);
    text-align: left;
    opacity: 1 ! important;
    bottom: 1em;
    margin-bottom: 1em;
    }

  #navlist li { border-style: solid;
    border-color: rgb(255, 255, 255) rgb(170, 170, 170) rgb(170, 170, 170) rgb(255, 255, 255);
    border-width: 1px;
    margin: 0pt;
    padding: 0.25em 1em;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    text-align: center;
    }

  #navlist li a { text-decoration: none;
    }

  #navlist li a:link { color: black;
    }

  #navlist li a:visited { color: gray;
    }

  #nav_container { margin-left: 10px;
    }

  #nav_container ul { margin: 0pt;
    padding: 0pt; 
    list-style-type: none;
    font-family: verdana,arial,Helvetica,sans-serif;
    }

  #nav_container li { margin: 0pt;
    }

  #nav_container a { border-style: solid;
    border-color: rgb(255, 255, 255) rgb(51, 51, 51) rgb(51, 51, 51) rgb(255, 255, 255);
    border-width: 1px;
    padding: 5px 10px;
    display: block;
    width: 300px;
    color: rgb(0, 0, 0);
    background-color: rgb(173, 193, 173);
    text-decoration: none;
    font-weight: bold;
    font-size: 0.8em;
    background-image: url(buttoncolor.jpg);
    background-repeat: no-repeat;
    background-position: 0pt 50%;
    }

  #nav_container a:hover { border-style: solid;
    border-color: rgb(51, 51, 51) rgb(255, 255, 255) rgb(255, 255, 255) rgb(51, 51, 51);
    border-width: 1px;
    color: rgb(0, 0, 0);
    background-color: rgb(136, 158, 136);
    text-decoration: none;
    background-image: url(buttonpushed.gif);
    background-repeat: no-repeat;
    background-position: 0pt 50%;
    }

  #nav_container ul ul li { margin: 0pt;
    }

  #nav_container ul ul a { padding: 5px 5px 5px 30px;
    display: block;
    width: 800px;
    color: rgb(0, 0, 0);
    background-color: rgb(197, 216, 197);
    text-decoration: none;
    font-weight: normal;
    }

  #nav_container ul ul a:hover { color: rgb(0, 0, 0);
    background-color: rgb(136, 158, 136);
    text-decoration: none;
    }
*/
-->