body
{	
margin: 0;
color: rgb(0, 0, 0);
background:#EAF1F2;
}
a:link
{
color: blue;
}
a:active
{
color: darkred;
}
a:visited
{
color: navy;
}
a:hover
{	color: red;
}

h1
{	background: whitesmoke;
color: darkblue;
border: 1px dotted silver;
text-align: center;
padding: 5px;
margin: 5px;


}
h2
{
color: rgb(51, 0, 153);
margin:5px;
background-image: url(../images/musicnotes.gif);

}
h3
{
color: rgb(51, 0, 153);
font-family:  Arial, Arial, Helvetica;
border-bottom: 1px dashed gray;
}
h4
{
color: rgb(51, 0, 153);
font-family:  Arial, Arial, Helvetica;
}
li
{	
margin: 5px;
}
div.quote
{border-bottom: 1px dashed silver;
border-top: 1px dashed silver;
background:whitesmoke;
padding:10px;
}
#topline
{
background: royalblue;
height: 10px;
border-bottom: 1px dotted silver;

}
#main
{ 
background: white;
width: 80%;
padding: 10px;
border: 1px solid gray;
 
}
#footer
{ 	border-top: 1px solid #DBE7E9;
	font-family:  Arial, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	font-size: 80%;

}
#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
font-weight:bold;
}

#navcontainer li { margin: 0 0 3px 0; }

#navcontainer a
{
display: block;
padding: 2px 2px 2px 24px;
border: 1px solid gray;
width: 160px;
background-color: #DBE7E9;
background-image: url(images/l1_down.gif);
}

#navcontainer a:link, #navlist a:visited
{
color: navy;
text-decoration: none;
}

#navcontainer a:hover
{
border: 1px solid #333;
background-color: #FFFFFF;
background-image: url(images/l1_over.gif);
color: #333;
}

#active a:link, #active a:visited, #active a:hover
{
border: 1px solid #333;
background-color: #FFFFFF;
background-image: url(images/l1_over.gif);
color: #333;
font-weight: strong;
}
  /* allow room for 3 columns */
  #columns ul
  {
    width: 40em;
  }

  /* float & allow room for the widest item */
  #columns ul li 
  {
    float: left;
    width: 10em;
  }

  /* stop the float */
  #columns br
  {
    clear: left;
  }

  /* separate the list from subsequent markup */
  #columns, div.columns3
  {
    margin-bottom: 1em;
  }
#showbox {
font-family: Arial;
font-size: 12px;
margin: 5px 2px 3px 2px;
background: lightgoldenrodyellow;
padding: 10px 10px 10px 15px;
background-image: url(images/paperleft.jpg);
background-repeat: repeat-y;
border: medium double saddlebrown;
}