/*

   Cascading Style Sheet for the Ozone Watch web site
      http://ozonewatch.gsfc.nasa.gov/

   Written by:
      Eric R. Nash

  Original development by:
    Robert Simmon
    Leslie Lait

   Revision history:
      $Log: o3watch.css,v $
*/

/*********** Map Pages (Home and Monthly) ************/

/*
  Container for the main image on the home and map pages. It is floated left,
  given a specific width.
*/
#main_image
{
  float : left;
  margin : 0 0 10px 0;
  width : 348px;
}

/*
  The palette for the main image on the home and map pages. It is placed in 
  the center of the image.
*/
#main_image_palette
{
  clear : left;
  float : left;
  margin : 0 0 10px 71px;
  width : 275px;
}

/*
  The caption for the main image on the home and map pages. It is floated left 
  and given a specific width.
*/
#main_image_caption
{
  clear : left;
  float : left;
  left : 0;
  margin : 0 0 -1em 0;
  width : 100%;
}

/*
  Contains a link that jumps back a year.
*/
#map_back_jump
{
  clear : left;
  float : left;
  font-size : 0.9em;
  margin : 0 0 1em 0;
  width : 28%;
}

/*
  Contains a link that steps back a month or year.
*/
#map_back_step
{
  float : left;
  font-size : 0.9em;
  margin : 0 0 1em 0;
  width : 22%;
}

/*
  Contains a link that steps forward a month or year.
*/
#map_next_step
{
  float : left;
  font-size : 0.9em;
  margin : 0 0 1em 0;
  text-align : right;
  width : 22%;
}

/*
  Contains a link that jumps forward a year.
*/
#map_next_jump
{
  float : right;
  font-size : 0.9em;
  margin : 0 0 1em 0;
  text-align : right;
  width : 28%;
}

/*
  Table for animations.
*/
#anim
{
  margin : 0 0 1em 0;
}

/*
  Animation table headers. Align text left and add a bit for padding the widths.
*/
#anim th
{
  padding : 0 0.5em 0 0.5em;
  text-align : left;
}

/*
  Animation table left headers. Add padding at the top (for spacing between 
  groups), and pad to the right.
*/
#anim th.anim_left
{
  padding : 0.5em 1em 0 0;
}

/*
  Animation table cells. Align text centered, add a bit for padding the widths, 
  and push the text to the bottom.
*/
#anim td
{
  height : 1em;
  padding : 0 0.5em 0 0.5em;  
  text-align : center;
  vertical-align : bottom;
}