body {
  font-family: arial;
} 

h1 {
  color: #006699;
  font-size: 140%;
}
h2 {
  color: #006699;
  font-size: 115%;
}
h3 {
  color: #006699;
  font-size: 105%;
}
h4 {
  color: #006699;
  margin: 5px;
}

#boundingBox {
  width: 880px;
  margin-left: 30px;
}

#evchallenge {
  float: left;
  margin: 5px;
  height: 27px;
  font-size: x-small;
}

#googleSearch {
  margin-top: 5px;
  float: right;
  height: 27px;
  width: 275px;
}

.clear { clear: both; margin: 0; padding: 0; }
.clearleft { clear: left; }
.clearright { clear: right; }

#curvetop {
  width: 880px;
  height: 100px;
  background: white url(Images/curvetop.gif) top left no-repeat;
}

#curvebot {
  float: left;
  background: white url(Images/curvebot.gif) top left no-repeat;
  width: 880px;
  height: 34px;
}

#main {
 background: #008dff;
 width: 880px;
 float: left;
 padding: 0;
} 

#logo {
  margin: 0;
  color: white;
}

#logotext {
  color: white;
  font-weight: bold;
  font-size: xx-large;
  position: relative;
  top: 20px;
  left: 200px;
  width: 550px;
}

#motto {
  color: yellow;
  font-size: small;
  font-weight: bold;
  position: relative;
  top: 20px;
  left: 120px;
  width: 650px;
}

#content {
  float: left;
  background-color: white;
  width: 820px;
  padding-bottom: 10px;
  margin-left: 30px;
}

/* ---- begin navBox ---- */
.navBox {
  float: left;
  margin: 0 30px 10px 0;
  width: auto;
  padding: 10px 0 10px 0;
  font-family: arial;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
  background: white url(Images/menu.gif) 0 10px repeat;
  line-height: 18px;
}
.navBox ul {
  list-style-type: none;
  text-align: left;
  font-size: 90%;
  margin: 0;
  padding: 0 15px 0 10px;
}
.navBox li a {
  color: #0c346c;
  text-decoration: none;
}
.navBox li a:hover {
  background-color: yellow;
}
.navBox li.current {  /* Directories in the current path */
  font-weight: bold;
  font-style: italic;
}
.navBox li.selected {    /* The current page */
/*  background-color: yellow; */
  font-weight: bold; 
  font-style: italic;
  color: red;
}

/* ---- End navBox ---- */

#footer {
  font-size: small;
  width: 300px;
  position: relative;
  left: 320px;
  text-align: center;
}

.noflow {     /* Doesn't wrap under the menu. */
  float: left;
  width: 590px;
  padding-left: 20px;
}

.flow {      /* Does wrap under the menu -- default. */
  padding: 10px 10px 10px 10px;
}

.big_list li {
  list-style-type: none;
  line-height: 20pt;
}

.small_list li {
  list-style-type: none;
  line-height: 10pt;
  font-size: small;
}

.medium_list li {
  list-style-type: none;
  text-indent: -20px;
}

.appform {
  font-size: small;
} 

.revision {
  font-size: small;
  float: right;
  font-style: italic;
}
  
.pubdate {
  font-size: small;
  color: #555;
}
.source {
  font-size: small;
  color: #555;
  font-style: italic;
}
.deadline {
  font-size: large;
  color: red;
  font-weight: bold;
  text-align: center;
  width: auto;
}
.caption {
  font-size: small;
  text-align: center;
}

.pix1 {
  border-top: 1px solid lightgrey;
  border-left: 1px solid lightgrey;
  border-collapse: collapse;
}
.pix1 th, .pix1 td {
  border-right: 1px solid lightgrey;
  border-bottom: 1px solid lightgrey;
  padding: 5px;
}