img.right {
  float:right;
  margin: 5px 5px 5px 5px;
}

#image_div {
  float:right;
  background-color: #ddd; 
  padding-left: 1em;
  padding-right: 0em;
  padding-bottom: 1em;
  padding-top: 0em;
  text-indent: 0em;
  color: black;
  font-size: 80%;
  clear: both;
  width: 306px;
  height: 195px;
}

#image_row {
  float:left;
  background-color: #ddd; 
  padding-left: 0em; 
  padding-right: 0em; 
  padding-bottom: 0em;
  padding-top: 0em;
  text-indent: 0em; 
  color: black;
  font-size: 80%;  
  clear: none;
  border-color: blue;
  width: 7500px;
  page-break-before: right;
}

#valid_time_div {
  float:left;
  color: black;
  font-size: 100%;   
  text-align: center;
  width: 120px;
  height: 3em;
  border-color: black;
  border-style:solid;
  border-width:thin;
  padding-left: 1px; 
  padding-right: 1px; 
  padding-bottom: 1px;
  padding-top: 1px;
}

#valid_day_time_div {
  float:left;
  color: black;
  font-size: 100%;   
  font-weight: bold;   
  text-align: center;
  width: 235px;
  height: 3em;
  border-color: black;
  border-style:solid;
  border-width:thin;
  padding-left: 1px; 
  padding-right: 1px; 
  padding-bottom: 1px;
  padding-top: 1px;
}

#time_header_div {
  float:left;
  background-color: #ddd; 
  text-indent: 0em; 
  color: black;
  font-size: 100%;   
  font-weight: bold;   
  text-align: center;
  width: 120px;
  height: 146px;
  border-color: black;
  border-style:solid;
  border-width:thin;
  padding-left: 1px; 
  padding-right: 1px; 
  padding-bottom: 1px;
  padding-top: 1px;
}

#cref_image_div {
  float:left;
  background-color: #ddd; 
  text-indent: 0em; 
  color: black;
  font-size: 100%;   
  font-weight: bold;   
  text-align: center;
  width: 235px;
  height: 146px;
  clear: none;
  position: relative;
  border-color: black;
  border-style:solid;
  border-width:thin;
  padding-left: 1px; 
  padding-right: 1px; 
  padding-bottom: 1px;
  padding-top: 1px;
}
#cref_image_div_new {
  float:left;
  background-color: #ddd; 
  text-indent: 0em; 
  color: black;
  font-size: 100%;   
  font-weight: bold;   
  text-align: center;
  width: 215px;
  height: 151px;
  clear: none;
  position: relative;
  border-color: black;
  border-style:solid;
  border-width:thin;
  padding-left: 1px; 
  padding-right: 1px; 
  padding-bottom: 1px;
  padding-top: 1px;
}
#time_header_div_new {
  float:left;
  background-color: #ddd; 
  text-indent: 0em; 
  color: black;
  font-size: 100%;   
  font-weight: bold;   
  text-align: center;
  width: 120px;
  height: 151px;
  border-color: black;
  border-style:solid;
  border-width:thin;
  padding-left: 1px; 
  padding-right: 1px; 
  padding-bottom: 1px;
  padding-top: 1px;
}
#valid_day_time_div_new {
  float:left;
  color: black;
  font-size: 100%;   
  font-weight: bold;   
  text-align: center;
  width: 215px;
  height: 3em;
  border-color: black;
  border-style:solid;
  border-width:thin;
  padding-left: 1px; 
  padding-right: 1px; 
  padding-bottom: 1px;
  padding-top: 1px;
}

#date_div {
  float:left;
  text-color: #336699; 
  background-color: white;
  text-indent: 0em; 
  color: #336699;
  font-size: 100%;   
  text-align: center;
  height: 2em;
  width: auto;
  border-color: black;
  border-style:solid;
  border-width:thin;
}

#date_label_div {
  float:left;
  color: #336699; 
  text-indent: 0em; 
  font-size: 100%;   
  font-weight: bold;   
  text-align: right;
  width: 9em;
  height: 10em;
  padding-left: 1px; 
  padding-right: 1px; 
  padding-bottom: 1px;
  padding-top: 1px;
}

#date_element_div {
  float:left;
  color: #336699; 
  text-indent: 0em; 
  font-size: 100%;   
  font-weight: bold;   
  text-align: left;
  width: 16em;
  height: 10em;
  padding-left: 1px; 
  padding-right: 1px; 
  padding-bottom: 1px;
  padding-top: 1px;
}

.selectRunTimeWidth {
  width:160px;
}

.selectNumWidth {
  width:70px;
}



/* override esrl colors */

h1 {
   color: #336699;
   font-size:125%;
   font-weight: bold;
}

h2 {
   color: #336699;
   font-size:110%;
   font-weight: bold;
}

/* override esrl colors */

#minor_nav a {
        color: #336699;
        text-decoration: underline;
}

#minor_nav a:hover {
        text-decoration: underline;
        color: #000066;
}

/* override esrl height parameter */

#footer {
        clear: both;
        font-size: 80%;
        background: #000066 url(../images/gradient.gif) top left repeat-y;
        color: white;
        padding: 1.0em 0.7em 0.6em 0.7em;
        margin: 0em;
        line-height: 1.3em;
        width: auto;
        /* increase height for more lines !!!! */
        height: 6em;
        border: none;
}
/* a div for the actual page content!                       */
/* note that the left margin is set to be the same width as */
/* the minor_nav left column. this allows us to create the  */
/* column effect.                                           */
#cref_content {
        padding: 0em 0em 0em 1em;
        border-top: solid 1px white;     /* borders force correct height on */
        border-bottom: solid 1px white;  /* some browsers */
        background: white url(../images/point.gif) top left repeat-y;
}

#valid_day_time_div a {
        text-decoration: none;
        color: #006699;
}

#valid_day_time_div a:hover {
        text-decoration: underline;
}