body
{
  font-family: Arial, helvetica, sans-serif;
  /* Base font size, all other fonts should be relative to this 
  * (ie use percentages)*/
  font-size: 18px;
  background-image: url(../images/background.png);
  background-repeat: repeat;
  color: #000000;
}

img.pictures
{
	float: left;
	border: thin solid #990000;
	padding: 1px;
	margin: 3px;
}

img.pictures.right
{
	float: right;
}

.title
{
  /*background-image: url(../images/titleBackground.png);*/
}

p.title
{
  font-size: 140%;
  font-weight: bolder;
}

table.titletable
{
}

table.navtable
{
	border-top: 2px solid #990000;
	border-bottom: 2px solid #990000;
  font-size: 80%;
}

#selected
{
/*		background: #FFAAAA;*/
        background: url(../images/menuitem-red.png) repeat-y;
}

/* Main Content Styles */
.content
{
  /* The relative font size */
  font-size: 100%;
  border: 1px dotted;

  width: 80%;
  margin: 2% 10% 15% 10%;
  padding: 10px;
  /*background: url(../images/contentBackground.png); */
	background: white;
}

.affiliations
{
  /* The relative font size */
  font-size: 80%;
}

/* Footer */
div.footer
{
  font-size: 70%;
  width: 80%;
  margin-top:0;
  margin-left: 10%; 
  border-top:1px solid #c25200;
  padding: 0px 10px 0 10px;
}

div.heading
{
  font-size: 100%;
  text-align: left;
  font-weight: bold;
  /*border-bottom: 1px solid;*/
  text-decoration: underline;
}

/* Link Styles */
a:link
{
  color: #990000;
  text-decoration: none;
}

a:visited
{
  color: #990000;
  text-decoration: none;
}
a:hover
{
/*  color: #e49600;*/
  color: #6b86b5;
  text-decoration: underline;
}


div.lessons
{
}

div.lessons dl 
{
 font-weight: bold;
}

div.lessons dd
{
  font-weight: normal;
  font-size: 90%;
}

div.menu a:link, div.menu a:visited
{
  text-decoration: none;
}

/* Misc. Styles */
.large
{
  font-size: 120%;
}

.small
{
  font-size: 80%;
}
.bold
{
  font-weight: bold;
}

.selected
{
  text-decoration: underline;
  color: #e49600;
}
