body {
 color: #444444;
 font-size: 0.9em;
 line-height: 1.6em;
 font-family: trebuchet ms, sans-serif;
 text-align: center;
 background-color:#ff0000;
 background: #DFDFDF;
 z-index: -1;
 }

body, input, textarea, select {
 font-family: trebuchet ms, sans-serif;
 }

#wrapper {
 position: relative;
 top: 0px;
 width: 800px;
 height: 700px;
 margin: 0px auto;
 text-align: justify;
 z-index: 1;
 border: 2px solid #CCCCCC;
 background: url(tile.jpg);
 }

#toppanel {
 position: relative;
 width: 800px;
 height: 170px;
 border-bottom: 2px solid #CCCCCC;
 background: url(tile2.jpg);
 }

#logo {
 z-index: 100;
 position: absolute;
 top: 0px;
 left: 495px;
 width: 304px;
 height: 165px;
 }

#listen {
 z-index: 10;
 position: relative;
 top: 50px;
 width: 156px;
 left:20px;
 padding: 2px 2px;
 border: 1px solid #CCCCCC;
 background: url(tile3.jpg) repeat-x bottom left;
 }

#button {
 display: table align=left;
 padding: 0;
 margin: 0 auto;
 list-style: none;
 white-space: nowrap;
 }

#button li {
 display: table-cell;
 margin:0;
 padding:0;
 }

#button li a {
 float: left;
 font-family: trebuchet ms, sans-serif;
 font-size:0.8em;
 font-weight: bold;
 height:3.1em;
 line-height:3.1em;
 letter-spacing:1px;
 padding:0 1em;
 text-decoration:none;
 color:#1F55A3;
 background: url(but1.jpg) repeat-x bottom left;
 border: 1px solid #CCCCCC;
 border-color: #DDD #888 #888 #DDD;
 }

#button li a:hover {
 background: url(but2.jpg);
 border-color: #888 #DDD #DDD #888;
 }

#navigation {
 z-index: 10;
 position: relative;
 top: 84px;
 width: 796px;
 padding: 2px 2px;
 border: 1px solid #CCCCCC;
 background: url(tile3.jpg) repeat-x bottom left;
 }

#menu {
 display: table align=left;
 padding: 0;
 margin: 0 auto;
 list-style: none;
 white-space: nowrap;
 }

#menu li {
 display: table-cell;
 margin:0;
 padding:0;
 border: 1px solid #CCCCCC;
 border-color: #DDD #888 #888 #DDD;
 }

#menu li a {
 float: left;
 font-family: trebuchet ms, sans-serif;
 font-size:0.8em;
 font-weight: bold;
 height:3.1em;
 line-height:3.1em;
 padding:0 1em;
 text-decoration:none;
 color:#1F55A3;
 background: url(but1.jpg) repeat-x bottom left;
 border-right:2px solid #AAAAAA;
 }

#menu li a:hover {
 background: url(but2.jpg);
 border-color: #888 #DDD #DDD #888;
 }

#bottompanel {
 position: absolute;
 top: 600px;
 width: 780px;
 height: 80px;
 border-top: 2px solid #CCCCCC;
 padding: 10px;
 text-align: left;
 font-size: 0.8em;
 background: url(tile2.jpg);
 }

#bottompanel p {
 margin: 0px;
 padding: 0px;
 }

#content {
 position:relative;
 width: 790px;
 padding: 10px 10px 10px 10px;
 z-index: 3;
 }

h1 {
 font-size: 1.3em;
 padding: 0px 0px 0px 0px;
 color: #1F55A3;
 border-bottom: 2px solid #A7CAFB;
 }

body, input, textarea, select {
 font-family: trebuchet ms, sans-serif;
 }

input, textarea, select {
 font-size: 1em;
 }

p, h1, h2, h3, h4 {
 margin: 10px 10px 8px 0px;
 }