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


#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;
  vertical-align: middle;
  border-color: blue;
  width: 3500px;
  page-break-before: right;
}

#valid_time_div {
  float:left;
  color: black;
  font-size: 100%;   
  vertical-align: middle;
  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;
  vertical-align: middle;
  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;
  vertical-align: middle;
  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;
}

#rucmaps_image_div {
  float:right;
  background-color: black; 
  text-indent: 0em; 
  color: black;
  font-size: 100%;   
  font-weight: bold;   
  text-align: center;
  width: 215px;
  height: 81px;
  clear: both;
  position: relative;
  vertical-align: center;
  align: center;
  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: 10em;
  height: 10em;
  padding-left: 1px; 
  padding-right: 1px; 
  padding-bottom: 1px;
  padding-top: 1px;
}

.selectRunTimeWidth {
  width:11em;
}

.selectNumWidth {
  width:5em;
}

/* override esrl colors */

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

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

h5 {
   color: red;
   font-size:90%;
   font-weight: bold;
}

/* override esrl colors */

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

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

#minor_header a {
        text-decoration: none;
}
#minor_header a:hover {
        text-decoration: underline;
}

/* site-wide default style for hypertext links */
a {
        text-decoration: underline;
        color: #006699;
}

a:hover {
        text-decoration: none;
}

/* override esrl height parameter */

#footer {
        clear: both;
        font-size: 80%;
        background: #000066 url(../images/gradient.gif) top left repeat-y;
        color: white;
        text-decoration: none;
        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;
}

#footer a {
        color: white;
        text-decoration: none;
}

#footer a:hover {
        color: white;
        text-decoration: underline;
}

/* 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;
}

/*
body {
     font-size: 95.1%
}
*/
