/* TCB Compatibility Stylesheet Configuration /*

/* imgright/imgleft - put the image and caption on the right or left, with 
   appropriate fonts set.  This is used by the modern research pages. */

#text div.imgright {
  background-color: white;  float: right;  margin-left: 10px;  
  text-align: center;  font-size: small;  width: 400px;
}

#text div.imgleft {
  background-color: white;  float: left;  margin-right: 10px;  
  text-align: center;  font-size: small; 
}

#text div.imgcenter {
  background-color: white;  float: middle;  margin-right: 10px;  
  text-align: center;  font-size: small; clear: both; 
}

/* imgfull - for when the sidebar gets in the way. */

#text div.imgfull {
  background-color: white; float: center;  
  margin-left: 10px; margin-right: 10px; 
  text-align: center; font-size: small; clear: right;
}


/* Highlights Stylesheet */

/* The navigation bars are centered, and show on both the top and bottom
   of the page. */

/* 
#text .navbar2 { text-align: center; clear: both; margin-top: 10px;
                margin-bottom: 10px; }
*/

/* hr tags should have some nice top/bottom margins, and otherwise clear
   things for the next highlight.  They'll go in between all highlights. */

#text hr.highlight { clear: both;  margin-top: 2px;  margin-bottom: 2px; }

/* highlight text, images, and titles are what make up the different
   sections of the highlight.  They're usually done with 'div's too. */

#highlight_item .highlight_text  { font-size: small; text-align: justify;  
	font-family: Arial, Helvetica, sans-serif; font-size: small;
	line-height: 120%; padding: 0px 0px 0px; margin: 0 0 0 0; }
#highlight_item .highlight_image { font-size: small; font-style: italic; 
 			 text-align: right; float: right; margin-left: 15px; }
#highlight_item .highlight_title { float: center; font-size: medium; 
	                 font-weight: bold; text-align: center }
#highlight_item p { font-size small; font-weight: normal }

/* spotlight and category pages - for front-level category pages */

#text td.spotlight_header { background-color: #d0ffd0; font-weight: bold; }

#text td.category_header  { background-color: #E0E0FF; font-weight: bold;
        		    font-color: #000000; }

#text td.frontpage_header { background-color: #000099; font-weight: bold;
        		    font-color: #ffffff; }

/* HIGHLIGHT AREA */

/* Since the highlights themselves are written with table tags in them, we
   have to mess with the overall table to adjust fonts and such */

#text table.highlight 
{ font-size: small;  background-color: white;  table-width: 100% }

/* The green bar with the text in it that spans the whole page */

#text td.highlight 
{ color: white;      background-color: #009900;   font-weight: bold; 
  font-size: medium; }

/* There's not much to be said about each highlight div - we want some
   margins, and that's about it. */

.highlight { margin-top: 30px;  margin-bottom: 30px; clear; both; }

/* highlight text, images, and titles are what make up the different
   sections of the highlight.  They're usually done with 'div's too. */

/*
.highlight_text  { font-size: medium; text-align: justify;  margin-top: 5px; 
                   margin-right: 10px; }

.highlight_image { font-size: small; font-style: italic; text-align: right; 
                   float: right; margin-left: 15px; }

.highlight_title { float: center; font-size: large; 
                   font-weight: bold; text-align: center }
*/

/* The blue bar with white text */

td.linkarea 
{ color: white; background-color: #000099; font-weight: bold; 
  font-size: medium; }

/* frontarea - a general divider for text that leaves a bit of space
   between paragraphs/whatever and keeping the font small */

.frontarea 
{ font-size: large ; margin-bottom: 2px; margin-top: 2px; }

.frontarea2
{ font-size: x-large ; margin-bottom: 2px; margin-top: 2px; }

/* Used to offset blocks of code, instead of the 'pre' tag */
div.code {
    background: #EEE;
    white-space: pre;
    padding: 0.25em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

/* code { font-size: x-large } */

/* mimics the pre tag, if that wasn't self-explanatory */
div.pre {
    white-space: pre;
    font-family: monospace;
    margin: 10px 10px 0px 0px;
    background-color: lightgrey;
    font-size: large;
    border: 1px solid black;
    padding: 5px;
}

/* Just put the text into a grey box with monospace, which is sometimes handy */
div.offset {
    font-family: monospace;
    margin: 10px 10px 0px 0px;
    background-color: lightgrey;
    font-size: large;
    border: 1px solid black;
    padding: 5px;
}

/* Used for images that don't want to have an underline bar; used by our
   highlights and spotlights, and our current 'album' setup, and other 
   things can use it too. */

a.clear { border-bottom-width: 0px; text-decoration: none;  border: none } 

/* For the 'about this page' section on our Research pages, we're not
   using it now but I'll update the templates to use it. */

p.credits { text-align: right; font-size: small }

/* A right-biased text block, for use with "All Seminars"-type situations.  */

#selectall { text-align: right; font-size: medium; }

/* Working on this stuff for the internal home page */

#link_area { margin: 5px 0px 0px 0px; padding: 0px; float: left; width: 78%; }

#quicklink { margin: 5px 0 0 0; padding: 0px; float: right; width: 20%; }
#quicklink ul { margin: 0px; padding: 0px 5px 5px; }
#quicklink li { margin: 0px 0px 3px; padding: 0px 0px 3px;
                font-family: Arial, Sans, Helvetica, sans-serif;
                font-size: small; list-style-type: none; }

#lefthalf ul, #righthalf ul { margin: 0px; padding: 0px 5px 3px; }
#lefthalf li, #righthalf li { margin: 0px 0px 1px; padding: 0px 0px 1px;
               font-family: Arial, Sans, Helvetica, sans-serif;
               font-size: small; list-style-type: none; }



/*
#selectall a:link {
        text-decoration: none;
        font-weight: normal;
        color: blue;
}
#selectall a:visited {
        text-decoration: none;
        font-weight: normal;
        color: red;
}       
#selectall a:hover {
        text-decoration: none;
        font-weight: normal;
        color: blue ;
}       
#selectall a:active {
        text-decoration: none;
        font-weight: normal;
        color: blue;
}       
*/