/* My CSS File */
/* Try to generalize the layout so it can be quickly changed */

/* Define body background color and font */

body
{
  font-family: times-new-roman, book-antiqua, sans-serif;
  font-size: 10pt;
  color:black;
  background-color: #F0F0F0; 
  }

/* Define light text on a dark background */
p.dark
{
  font-family: serif;
  font-size: 14pt;
  font-weight: normal;
  color: #ffff99;
}

/* Define dark text on a light background */
p.light
{
  font-family: serif;
  font-size: 14pt;
  font-weight: normal;
  color: black;
} 

/* Define dark text on a light background */
p.highlight
{
  font-family: serif;
  font-size: 14pt;
  font-style: italic;
  font-weight: normal;
  color: #CC00CC;
} 
/* Create a class of link named 'menu' */
a.menu
{
  font-family: sans-serif;
  font-size: 10pt;
  font-weight: bold;
  text-decoration: underline;
}

a.menu:link 
{
  color: #707070;
}
a.menu:visited
{
  color: #707000;
}
a.menu:hover
{
  color: black;
}
a.menu:active 
{
  color: #A00000;
}
/* end of <a class="menu"> definition */

/* Create a class of picture link named "yellow" */
/* Currently unused, may be changing name before use */
a.yellow
{
  font-family: sans-serif;
  font-size: 12pt;
  font-weight: bold;
  text-decoration: none;
}

a.yellow:link 
{
  color: #FFCC00;
}
a.yellow:visited
{
  color: #FFCC00;
}
a.yellow:hover
{
  color: white;
}
a.yellow:active 
{
  color: white;
}
/* end of <a class="yellow"> definition */