div {
	overflow: auto;
	}
	
table.container {
	width: 150px;
	background-color: #D75020;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
	margin-left: 10px;
	border: none;
	text-align: left;
	z-index: 0;
}

td.banner {
	background-color: #d75020;
	width: 750px;
	vertical-align: middle;
}

td.links {
	vertical-align: top;
	display: block;
	width: 150px;
	background-color: #d75020;
}

td.linkson {
	display: block;
	width: 150px;
	background-color: E7735A;
}

a.nav:link, a.nav:active, a.nav:visited {
	display: block;
	width: 100%;
	text-decoration: none;
	color: #000;
}

a.nav:hover {
	display: block;
	width: 100%;
	text-decoration: none;
	background-color: #e77351;
}

.shadowed {
	font-size: 100%;
	color: black;
	text-align: left;
}

/* default setup that everything sees */
.shadow {
  /* needed for Internet explorer */
  height: 1.7em;
  

  /* Needed for Gecko */
  line-height: 2em;
  white-space: nowrap;
}

/* 
 * used by browsers which know about
 * :before to create the shadow 
 */


/*\*/
html*.shadow {

  [color:red;/* required by Safari 
              * so that [] is correctly
              * begun. associated with
              * the property, yet hiding
              * it. Seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    text-shadow: #ffffff 5px 5px 5px; 

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/*\*/
html*.shadow:before {

  [color:red;/* required by Safari. 
                seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    display: none;

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}