body 
{ 
  font-family: Georgia, "Times New Roman", Times, serif; 
/*  font-family: Verdana, Arial, Helvetica, sans-serif; */
  line-height: 130%;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

/* container blocks */
#c-body 
{ 
  position: relative;
  background-color: #006666; 
  color: #ccffff;
  margin: 0px;
  padding: 0px;
  height: 100%;
  width: 100%;
}

#c-head
{ 
  margin: 0px;
  padding: 0px;
  background-color: #ffffff;
}
#titlebar
{ 
  margin: 0px;
  padding: 0px 0px 0px 95px;
  background-color: #ffffff;
}
#c-main 
{ 
  width: 100%;
  position: relative;
  margin: 0px 0px 0px 0px;

  padding: 0px;
}
#c-foot 
{
  position: absolute;
  height: 70px;
  width: 100%;
  bottom: 0px;
  margin: 0px;
  background-color: #669999;
  color: #ffffff;
  border-top: 1px solid black;
}
/* the ECN logo */
#logo
{ 
  position: absolute;
  left: 0px;
  width: 85px;
}
/* The tile next to the logo */
#title
{ 
  height: 75px;
  overflow: hidden;
}
#title *
{ 
  color: #006666;
  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: #003333;
  color: #ccffff;
  padding: 2px 0px 2px 0px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
#nav-black *
{ 
  color: #ccffff;
  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: #ccffff;
}
#nav-black a:hover
{ 
  color: #ffffff;
}
/* The yellow navigation bar */
#nav-yellow 
{ 
  display: none;

}
#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: #ffffcc;
  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 100px 10px;
  margin-left:5%;
  margin-right:5%;
}
#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;
}
.column div
{
  margin: 0px;
  padding: 4px;
  list-style-type: square;
  color: #990000;
}
.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: 4px 0px 0px 0px;
  padding-left: 12px;
/*  background-color: #669999;
  color: #ffffff; */
}
/* 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: #66ffcc;
}

a:hover
{ 
  text-decoration: underline;
}

.tsc 
{
  position: absolute;
  right: 0pt;
  bottom: 0px;
  text-align: right;
  color: #006666;
  font-size: 7pt;
}
.tsc A 
{
  color: #006666;
  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;
}
