/*
// style.css: cascading style sheet definitions for Harrison Avenue web site
*/

/* Set the overall properties for the document.
//
// Note that because of a bug, other selectors fail to inherit this
// font-family setting.
  background: #a0a0a0 ;
  background: #ffffff ;
  background: #c3c3c3 ;
  background: #f5f5f5 ;
  background: "white" ;
  background-image: URL(Images/pteridium_esculentum_background_smaller.jpg);
  background-repeat: repeat;
  background-attachment: fixed;
*/
HTML
{
  background: URL(images/pteridium_esculentum_background_smaller.jpg) repeat fixed;
}

BODY
{
  font-family: times ;
  color: #000000 ;
}

/* This font-family setting works around a bug in browsers that fail to
// properly inherit font-family property
*/
H1
{
  font-family: times;
  font-size: 30px;
  color: blue;
}
H2,H3,H4,H5,P,TH,TD
{
  font-family: times;
  color: blue;
}

UL
{
  font-family: times;
  list-style-type: square;
}

H1.main
{
  font-family: times;
  font-size: 40px;
  color: blue;
}

H2.main
{
  font-family: times;
  color: blue;
}

/* Link properties */
A
{
  text-decoration: none ;
}

A:link
{
  color: ff0000 ;
}

A:visited
{
  text-decoration: none ;
  color: blue ;  /* also red=ff0000, lt blue=6495ed, dkblue=0000ff */
}

A:hover
{
  text-decoration: none ;
  color: 000080 ; /* 000080 */
  background-color: add8e6 ; /* ffe4c4 */
}

/* Link "button" class, for table buttons */
A.button,A.button:link,A.button:visited,INPUT.button
{
  width: 124px;
  text-decoration: none ;
  color:           000000 ; /* 000000 */
  background-color:      f0d58c ; /* 000000 */
  font: 12px times;
}
A.button:hover,A.button:active,A.button:focus,INPUT.button:hover,TD.button:hover,TD.button:active,TD.button:focus
{
  width: 124px;
  text-decoration: none ;
  color:  000080 ;
  background-color:  add8e6 ;
  font: 12px times;
}

/* "TableTitle" class */
HTML.TableTitle,A.TableTitle
{
  text-decoration: none ;
  color:  000000 ;
  font: bold 14px times;
}

A.TableTitle:hover
{
  text-decoration: none ;
  color:  0000ff ;
  font: bold 14px times;
  background-color: ffff00 ;
}

/* "TableCell" class */
HTML.TableCell,A.TableCell,font.TableCell
{
  text-decoration: none ;
  color:  000000 ;
  font: 14px times;
}


/* Link "plain" class, for links that looks like regular text.
//
// I'd like to know how to set the color to the current text color,
// instead of explicitly setting it here.
// Can CSS indicate an "unset" or "default" value?
*/
A.plain
{
  text-decoration: none ;
}

/* Default ADDRESS properties */
ADDRESS,ADDRESS.thumb
{
  font: italic 14px times;
  bottom:    1px;
}



/* Block paragraph table style */
TH.para
{
  text-align: left ;
  vertical-align: top ;
  background-color:    aeaeae ;
}
TD.para
{ 
  background-color:    aeaeae ;
}


/* Schedule table style */
TABLE.schedule
{
  border-width: thin
  border-style: solid
}

TH.schedule
{
  vertical-align: top ;
  background-color:     aeaeae ;
}

TD.schedule
{
  vertical-align: top ;
  background-color:     aeaeae ;
}

IMG.absleft,TABLE.absleft
{
  position: absolute; top: 30px; left: 0px;
}
IMG.absright,TABLE.absright
{
  position: absolute; top: 0px; left: 700px;
}
IMG.left,TABLE.left
{
  float: left;
}
IMG.right,TABLE.right
{
  float: right;
}
IMG.bead
{
  z-index: 6;
  border: 0;
}
DIV.button
{
  width: 124px;
  text-decoration: none ;
  color:           000000 ; /* 000000 */
  background-color:      f0d58c ; /* 000000 */
  font: 12px times;
}
DIV.button:hover,DIV.button:active,DIV.button:focus
{
  width: 124px;
  text-decoration: none ;
  color:  000080 ;
  background-color:  add8e6 ;
  font: 12px times;
}
DIV.box
{
  display: block;
}
P.box
{
  display: block;
  text-align: center;
}
P.left
{
  display: block;
  text-align: left;
  position: relative; left: 1.5em;
}
P.right
{
  display: block;
  text-align: right;
  position: relative; left: -1.5em;
}