body, #c-body
{ 
  position: absolute;
  min-height: 100%;
  height: 100%; 
  width: 100%;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

/* hack for standards compliant browsers */
html>body, html>body #c-body {
	height: auto;
}

/* container blocks */
#c-body 
{ 
  position: absolute;
  background-color: #ffffcc; 
  margin: 0px;
  padding: 0px;
}

#c-head
{ 
  margin: 0px;
  padding: 0px;
  background-color: #990000;
}
#titlebar
{ 
  margin: 0px;
  padding: 0px 0px 0px 95px;
  background-color: #990000;
}
#c-main 
{ 
  width: 100%;
  position: relative;
  margin: 0px 0px 0px 0px;
  background-color: #ffffcc;
  padding: 0px;
}
#c-foot 
{
  position: absolute;
  height: 70px;
  width: 100%;
  bottom: 0px;
  margin: 0px;
  background-color: #ffcc00;
  background-image: url("../images/shadow2.png");
  background-position: top left;
  background-repeat: repeat-x;
  color: #000000;
}
/* the ECN logo */
#logo
{ 
  position: absolute;
  left: 0px;
  width: 85px;
}
/* The tile next to the logo */
#title
{ 
  height: 73px;
  overflow: hidden;
}
#title *
{ 
  color: #ffcc00;
  margin: 0px;
  padding: 0px;
}
#title h1
{ 
  font-size: 24px;
  font-stretch: expanded;
  letter-spacing: 1em;
  font-weight: 800;
  padding: 10px 0px;
}
#title p 
{ 
  font-style: italic;
  font-weight: 600;
  padding: 0px;
  margin: 0px;
  
}
/* The black navigation bar */
#nav-black
{ 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: x-small;
  font-stretch: condensed;
  width: 100%;
  background-color: black;
  color: #ffcc00;
  padding: 3px 0px 3px 0px;
}
#nav-black *
{ 
  color: #ffcc00;
  font-weight: bold;
  line-height: 140%;
  padding: 4px 1em 4px 1em;
}
#nav-black a:hover, #nav-yellow a:hover
{ 
  text-decoration: none;
}
#nav-black a:visited
{ 
  color: #ffcc00;
}
#nav-black a:hover
{ 
  color: #ffffff;
}
/* The yellow navigation bar */
#nav-yellow a:visited
{ 
  color: #990000;
}
#nav-yellow a:hover
{ 
  color: #000000;
}
#nav-yellow
{ 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: x-small;
  font-stretch: condensed;
  width: 100%;
  background-color: #ffcc00;
  background-image: url("../images/shadow2.png");
  background-position: top left;
  background-repeat: repeat-x;
  color: #990000;
  padding: 3px 0px 3px 0px;
}
#nav-yellow *
{ 
  margin: 4px 1em 4px 1em;
  line-height: 140%;
}
/* The main part of the window, contained in c-main */
#main
{ 
  position: relative;
  padding: 12px 10px 80px 10px;
  margin-left:10%; margin-right:10%;
}
#main table tr td
{ 
  vertical-align: top;
}
/* The optional body part has a white field and some margin */
#body
{ 
  margin: 6px 1% 12px 1%;
  padding: 0px 12pt;
  border: 1px solid #cccccc;
  background-color: #ffffff;
}
/* Navigation blocks on the left side */
#nav-left
{ 
  width: 220px;
}
.column, .sponsor 
{
  display: block;
  background-color: #ffffcc;
  margin: 6px 4px 6px 4px;
  padding: 0px;
  border: 1px solid black;
  font-size: small;
  font-family: Verdana, Arial, Helvetica, sans-serif;        
}
.column H2 
{
  font-size: small;
  background-color: #990000;
  color: #ffcc33;
  margin: 0pt;
  padding: 4px;
  text-align: left;
}
.column IMG 
{
  border: 0pt;
  margin: 0pt;
  padding: 0pt;
}
.sponsor IMG
{ 
  margin: 4px;
}
.column div
{
  background-image: url("../images/shadow1.png");
  background-repeat: repeat-x;
  background-position: top left;
  margin: 0px;
  padding: 4px;
  list-style-type: square;
  color: #990000;
}
.sponsor div
{
  background-image: url("../images/shadow3.png");
  background-repeat: repeat-x;
  background-position: top left;
}
.column div p 
{
  margin: 0px 0px 4px 0px;
}
.column hr
{ 
  color: #ffcc00;
  background-color: #ffcc00;
  border: none;
  height: 1px;
  width: 90%;
}
/* The footer */
#foot
{ 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  margin: 12px 0px 0px 0px;
  padding-left: 12px;
  background-color: #ffcc00;
  color: black;
}
/* Phyllis result tables */
.selection
{ 
  background-color: white;
  border: 1px solid gray;
  border-collapse: collapse;
}
.selection th
{ 
  margin: 0pt;
  padding: 2pt 1em;
  text-align: left;
}
tr.sel-shadow, td.sel-shadow, th.sel-shadow
{ 
  background-image: url("../images/shadow3.png");
  background-position: top left;
  background-repeat: repeat-x;
}
.selection td
{ 
  padding: 2pt 1em;
}
.newitems
{ 
  color: #990000;
}
.results
{ 
  background-color: white;
  border: 1px solid gray;
  border-collapse: collapse;

}
.results th
{ 
  background-color: #990000;
  color: #ffcc33;
  margin: 0pt;
  padding: 4px;
}
.results td
{ 
  padding: 2pt 1em 2pt 1em;
}
tr.hrule, .hrule td, .hrule th
{ 
  border-bottom: 1px solid gray;
}
.datatable
{ 
  background-color: white;
  border: 1px solid gray;
  border-collapse: collapse;
}
.datatable th
{ 
  margin: 0pt;
  padding: 4px;
}
.red-bar
{ 
  background-color: #990000;
  color: #ffcc33;
  text-align: left;
}
.datatable td
{ 
  padding: 2pt;
}


/* stylistical things */

a img
{ 
  border: none;
}
a
{ 
  text-decoration: none;
}

A:link, a:visited {
	color: #990000;
}

a:hover
{ 
  text-decoration: underline;
}

.tsc {
	text-align: right;
	color: gray;
	font-size: 7pt;
}
.tsc A {
	color: gray;
	text-decoration: underline;
}
th
{ 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: smaller;
  font-weight: bold;
  vertical-align: top;
}

input.flat
{ 
  border: 1px solid black;
}