html, body { margin: 0; padding: 0; background-color:black;}
		body { padding-bottom: 20px; text-align: center; }
                #topbar {
			background-color:#baa;
                }

		#container {
			text-align: left;
			margin: 0 auto;
		}		
		#header {
                        color: white;
                        background-color:black;
			border: 1px solid black;
                        padding-bottom:0;
		}
		#content {
			background-color:white;
			border: 1px solid black;
		}
		#footer {
			background-color:white;
			border: 1px solid black;
		}

                dt {
                         font-weight:bold;
                         background-color:#bfb;
                         width:15em;
                }


@media screen {
                p.illustration {
                        float:right;
                }
                thead th {
                   background-color:#bfb;
                   text-align:center;
                }

                th, td {
                  border: thin gray dotted;
                  padding: 0.5em;
                }

                #header {
                        background-image:url("beethoven-background.jpg");
                        background-position: bottom right;
                        background-repeat: no-repeat;
			margin: 20px;
			padding: 20px;

                }

		#sidebar {
			background-color:#baa;
			border: 1px solid black;
			margin-left: 20px;

		}
                #container {
			width: 1000px;


                }      
		#content {
			margin-left: 20px;
			margin-right: 142px;
			padding: 20px;
			float: left;
			width: 550px;
                        display:inline;

                }
		#footer {
			margin: 20px 20px 0 20px;
			padding: 20px;
			clear: left;
                }
                #topbar {
                        margin-left:20px;
                        margin-right:20px;
                        padding-left:20px;        
                        padding-right:20px;
                }
}

@media handheld {
#topbar, #content, #container, #sidebar, #footer, #header {
  padding:auto;
  margin:auto;
  width:auto;
  float:none;
}
#sidebar,#content {
 background-color:white;
 display:block;
}
#header {
 margin:0;
 padding:0.2em;
 background-image:none;
}
h1 {
 margin:0;
 padding:0;
 font-size:1.1em;
}
}