@media screen {
  /* Layout Stylesheet */ 
  
  body {
    margin:1em;
    background: #ba8f7e;
    background-image: url(./pics/bg.jpg);
    color: black;
    text-align:left;
    padding:0;
  }
  
  
  #navlist {
    padding: 3px 0;
    margin-left: 0;
    border-bottom: 1px solid #778;
    font: bold 12px Verdana, sans-serif;
  }
  #navlist li {
    list-style: none;
    margin: 0;
    display: inline;
  }
  
  #navlist li a, #navlist li a.normal {
    padding: 2px 0.5em 3px 0.5em;
    margin-left: 3px;
    border: 1px solid #778;
    border-bottom: none;
    background: #DDE;
    text-decoration: none;
  }
  
  #navlist li a:link { color: #448; }
  #navlist li a:visited { color: #667; }
  
  #navlist li a:hover {
    color: #000;
    background: #AAE;
    border-color: #227;
  }
  
  #navlist li a.current {
    background: white;
    border-bottom: 1px solid white;
  }
  
  
  /* --------- Text areas ----------- */
  /* From:
  http://www.alistapart.com/articles/cssdropshadows/
  */
  
  .dialog_content {
    overflow:auto;
    color: #DDDDDD;
    font-family: monospace;
    background-color:#222222;
  }
  
  span.status, span.status2 {
    color: yellow;
    background-color:#222222;
  }
  
  span.status2 {
    font-family:monospace;
  }
  
  a.bigbutton {
    border-style: double; 
    color:#050;
    background-color:white;
    font-family:'trebuchet ms',helvetica,sans-serif;
    font-size:large;
    font-weight:bold;
    text-decoration:none;
    padding: 0 0.25em  0 0.25em; 
  }
  
  /* ---- Drop shadows ---- */
  .p-shadow-r, .p-shadow-l {
    /*  width: 90%; */
    float:left;
    background: url(pics/shadowAlpha.png) no-repeat bottom right !important;
    background: url(pics/shadow.gif) no-repeat bottom right;
    margin: 10px 0 0 10px !important;
    margin: 10px 0 0 5px;
  }
  .p-shadow-r {
    float:right;
  }
  
  .p-shadow-r div, .p-shadow-l div {
    background: none !important;
    background: url(pics/shadow2.gif) no-repeat left top;
    padding: 0 !important;
    padding: 0 6px 6px 0;
  }
  
  .p-shadow-r p, .p-shadow-l p {
    color: #777;
    background-color: #fff;
    font: italic 1em georgia, serif;
    border: 1px solid #a9a9a9;
    padding: 4px;
    margin: -6px 6px 6px -6px !important;
    margin: 0;
  }
  
  
  #button {
    width: 12em;
    border-right: 1px solid #000;
    padding: 0 0 1em 0;
    margin-bottom: 1em;
    font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
    background-color: #90bade;
    color: #333;
	}
  
  #button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
  }
  
	#button li {
		border-bottom: 1px solid #90bade;
		margin: 0;
  }
  #button li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #1958b7;
		border-right: 10px solid #508fc4;
		background-color: #2175bc;
		color: #fff;
		text-decoration: none;
		width: 100%;
  }
  
	html>body #button li a {
		width: auto;
  }
  
	#button li a:hover {
		border-left: 10px solid #1c64d1;
		border-right: 10px solid #5ba3e0;
		background-color: #2586d7;
		color: #fff;
  }
  
  p.answer {
    width:auto;
  }
  
  h2.question {
    width:auto;
  }
  
    a.ctlbutton {
    border-style: double; 
    color:#050;
    background-color:white;
    font-family:'trebuchet ms',helvetica,sans-serif;
    font-size:small;
    font-weight:bold;
    text-decoration:none;
    padding: 0 0.25em  0 0.25em; 
  }
  

}