body {font-family: georgia; background-color: #333333; text-align: center;}

#canvas {width: 900px; padding: 0px 0px 0px 0px; margin-right: auto; margin-left: auto;  }

#top {float: left; width: 100%; display: block; background: #aaaaaa; padding: 10px 0 10px 0;}

#main {width: 900px; float: left; display:block; background-color: #ffffff;  padding: 0px 0px 0px 0px; margin: 0px 0 0 0;}

#header {background: #5781d3; padding: 0px 0 20px 0; border-bottom: solid 5px #fda457;}

td.tdw {
max-width: 250px;
overflow-x: hidden;
}


h1 {color: #fff;}
td.r {text-align: right; }
td.big {text-align: right; font-size: 30px}
td.td1 {background-color: #ccc; min-width: 150px;}
td {padding-right: 15px; padding-bottom: 10px;}
tr {vertical-align: top;}
a {text-decoration: none; color: #0b2b6b;}
a:visited {color:#2450a7;}
a:hover {color:#7897d3;}

h3 {color: #ff0000;}

.awesome {
 background: #222 url(/epi/alert-overlay.png) repeat-x;
 display: inline-block;
 padding: 5px 10px 6px;
 color: #fff;
 text-decoration: none;
 font-weight: bold;
 line-height: 1;
 -moz-border-radius: 5px;
 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
 text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
 border-bottom: 1px solid rgba(0,0,0,0.25);
 position: relative;
 cursor: pointer;
}

.red.awesome:hover{	 background-color: #f25100; color:#ffffff; }
.red.awesome:visited {color:#ffffff;}

.red.awesome {
  background-color: #e33100;
}
.green.awesome, .green.awesome:visited	{ background-color: #91bd09;  color: #ffffff}
.green.awesome:hover	{ background-color: #a1cd19; color: #ffffff;}
.blue.awesome, .blue.awesome:visited { background-color: #5781d3; }
.blue.awesome:hover	{ background-color: #6791e3; color: #ffffff; }