
body {
	background: url('sheetmusic_burlap.jpg');
	background-attachment: fixed;
}

#navcontainer
{
/* height="80%"*/

 }

 #navcontainer ul
 {
 margin: 0;
 padding: 0;
 list-style-type: none;
 float: left;

 }

 #navcontainer li 
 { 
 margin: 0 0 .2em 0;

 }

 #navcontainer a
 {
 display: block;
 color: #FFF;
   background: #036 url(buttonflower1.jpg);
   background-position: top left;
background-attachment: fixed;
 width: 9em;
 padding: .2em .8em;
 text-decoration: none;
 }

 #navcontainer a:hover
 {
   background: #369 url(buttonflower2.jpg);
   background-position: top left;
background-attachment: fixed;
 color: #FFF;
 }


 #container
 {
 width: 70%;
 margin: 10px auto;
 background-color: #fff;
 color: #333;
 border: 1px solid gray;
 line-height: 130%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px
 }

 #top
 {
 padding: .5em;
/* background-color: #369;*/
 background: #369 url(flowerbanner3.jpg);
/*   background-attachment: fixed; */
 border-bottom: 1px solid gray;

padding: 10px;
 }

 #top h1
 {
 padding: 0;
 margin: 0;
/*color: ddeeff; */
 color: #fff
 }

 #leftnav
 {
 float: left;
/* width: 160px;*/
width: 20%
 margin: 0;
 padding: 1em;

 }

 #content
 {
 margin-left: 200px;
 padding: 1em;
max-width: 36em;
 }

#content a:link
{
color: #33a; 
text-decoration:none;
}
#content a:visited
{
color: #33a; 
text-decoration:none;
}
#content a:hover
{
color: #336; 
text-decoration: underline;
}

#content h4
{
text-decoration: underline;
}

 #footer
 {
  clear: both;

 margin: 0;
 padding: .5em;
 color: #eee;
 background: #036 url(flowerbanner4.jpg);
 border-top: 1px solid gray;

 }

#footer a {color: #fff; }

 #leftnav p { margin: 0 0 1em 0; }
 #content h2 { margin: 0 0 .5em 0; }


 }
