/** Copied from sanger... **/
/* pre-formatted text */
pre {
  white-space: pre; margin: 0.5em 10px; padding: 3px;
  border: 1px solid #bcc5cc; background-color:#e0e4e7;overflow:auto
}

.col1 { width:49%; float: left;  }
.col2 { width:49%; float: right; }

body { color:#404040; background-color: #eee; font-family:Arial,Helvetica,Sans-serif; line-height:1.3; font-size:100%; padding: 0 1em }
a { color:#105A94; }
#wrap, #inst { min-width:800px; max-width: 1200px; margin:1em auto 0; font-size: 80%}
#wrap { border:1px solid #fcbf3a; padding: 5px; background-color:#fff }
#inst { clear: both; padding: 0; margin: 0.5em auto; font-size: 0.6em }
#tsandcs { float: right; display: block }

img { border: 0 }
.msg { background-color: #000; color: #000; font-weight:bold; margin:1em; border: 1px solid #900; padding: 1em}
a { text-decoration: none; font-weight: bold }
#nav { float: left; width: 22%; padding: 0; margin: 0; line-height:1.5em;color:#ccc;white-space:nowrap; }
#search  { float: right }
#content { clear: right; float: right; width: 74%; padding: 5px 0; margin: 0; }

h2 { background-color: #eee; padding: 2px 0.5em; margin: 0 0 0.5em; }
h3 { background-color: #eee; padding: 2px 0.5em; margin: 0 0 0.5em; }
h4 { background-color: #eee; padding: 2px 0.5em }

p { margin: 0 0.5em 0.5em; padding: 0}

#nav ul { padding:0; margin: 0;  }
#nav li { list-style-type:none;white-space:nowrap;padding:0;margin:0;border:0 }
#nav li a {display:block;font-size:1em;font-weight:bold;text-decoration:none;color: #444;border:1px solid #ddd;background-color:#fff; padding: 2px 8px}
#nav li a:hover {text-decoration:none;background-color:#e5c237;}
#nav li a:active {text-decoration:none;background-color:#C0C0C0;border:1px solid #fff}
#nav ul ul li a { background-color: #eee; }
#nav ul ul ul li a { background-color: #ddd; }
#nav li.coll ul  { display: none; }

/*    ul#navigation { text-align: left; margin: 0 }
    #navigation li.branch,
    #navigation li.node { list-style:none;padding:0;margin:0;white-space:nowrap; }*/

@media print {
  body { background: #fff }
  #wrap { width: 100%; margin: 0; border: 0 }
  #nav { display: none }
  #content { width: 100%; padding:0; float: none }
  #inst { border-top: 1px solid #ccc }
}

h1 { padding: 1em; line-height: 1em; font-weight: bold; font-size: 1.6em }
h1 strong { font-size: 1.5em }
h1, h2, h3, h4, dl.twocol dt { color: #000 }
.tagline { padding:0 0 0 3em; font-style: italic; margin: 0 0 1em; border: 1px solid red; font-size: 0.7em; display: block; line-height: 1em; }

pre { font-size: 80% }

.x { clear: both; padding-top: 1em; text-align: center; font-size: 0.8em; overflow: hidden }

#content ul { margin-bottom: 1em }
#content ul.tabs { margin-bottom: 0 }

#leftimg  { width: 200px; height: 200px }

table.zebra-table, table.sorted-table { width: 99% }
.tabs li   { list-style: none; float: left; padding: 0 8px 0 0; margin:0; background: url(/g2c/gfx/g2c_tabs.png) no-repeat right -220px; }
.tabs li a { display:  block; padding: 0 0 0 8px; line-height: 2em; background: url(/g2c/gfx/g2c_tabs.png) no-repeat 0 -220px; text-decoration: none;font-weight: bolder; color: #333; float: left;}

.periodical p { margin: 0 0.5em}

td.red { color: #c00; font-weight: bold }