html {background-color: transparent;}

body.page 
{ 
  /*this is stolen from netscape */
  background: #ffffff url("pics/body_back.gif") repeat-x;
}

body.sidebar { background: #ffffff; padding:0; margin: 0;}
body.header {   padding:0; margin: 0;}

table.layoutTable
{
position: relative;
border-style: none;
border-collapse: collapse; 
width: 95%;
max-width: 1000px; /*max-width prevents the text from being too wide*/

/* 
     a max-width hack for IE; should work on ie5 and up.  borrowed from 
     http://www.svendtofte.com/code/max_width_in_ie/
*/
width:expression(document.body.clientWidth > 1000? "1000px": "auto" );
}


td.header 
{
  overflow: hidden;
  border-color: #FFE351;
  padding: 0.25em;
}

td.sidebar, td.main
{
  vertical-align: top; 
  padding-top: 0.5em; 
  padding-bottom: 0.5em;
}


div.sidebar ul {padding:0.5em; margin:0em; }

div.sidebar a
{
color:black;
text-decoration: none;
}

iframe.sidebar { border:0 ; width: 100%; height: 500px;  max-width: 13em; }


td.locationBar
{
  padding: 0.5em;;
  background: #FFE351; 
}

td.locationBar a
{
color: black;
}

td.locationBar a:visited
{
color: black;
}

td.sidebar 
{
  border-left-color: #FFE351;
  border-bottom-color: #FFE351;
  border-style: none none  solid solid;  
  border-width: 1px;
  width: 12em;  
  max-width: 12em;  
  vertical-align: top; 
}

td.main
{
  border-bottom-color: #FFE351;
  border-right-color: #FFE351;
  border-style: none solid solid none;
  border-width: 1px;
  padding-left: 2em;
  padding-right:2em;
}

span.tlispLogo{font-size:2em; margin-left: 1em;}


li.secondary 
{ 
  padding: 0;
  margin-left: 1.5em; 
  list-style-type: square;
  border: solid 1px  #FFFFFF;  
}


li.secondary a:hover
{
  text-decoration: underline;
}


li.primary
{
  padding: 0;
  margin-left: 1em;
  list-style-type: circle;
}

li.primary:hover
{
  list-style-type: disc;
}

li.primary a:hover
{
  text-decoration: underline;
}


li.primary div
{
   font-weight: bold; 
   font-variant: small-caps; 
   padding: 0.125em; 
}