/* ---------------------------------------------
 *  base table
 * --------------------------------------------- */

td.banner, td.menu  {
	border-collapse:collapse;
	padding:0px;
	margin:0px;
	border:0px;
	background-position: bottom;	
	border-style: none;
	padding:0px;
}

td.banner {
	background-image:url('./images/banner-tile.png');
}

table#banner tr { 
	padding: 0px;
	border:0px;
	margin:0px;
}
table#banner {
	display:block;
	border-top:15px;
	border-left:15px;
	border-right:15px;
	border-bottom:5px;
	padding:0px;
	cellspacing:0px;
	cellpadding:0px;
	margin-bottom:0px;
	color:#ff6600;
	border-style: solid;
	border-color:#ff6600; 
	background-color: #ff6600;
	border-collapse:collapse;
}
table#banner * img { 
 	display:block; /* this seems to be the crucial command  to prevent extra space below image */ 
	border:0px; 
	margin-bottom:0px; 
	padding:0px;}	

td.menu p, td.menu  a {
	vertical-align:middle;
	margin:0;
	border:0;
	font-family: "Lucida Console", "Verdana", "Sans Serif";
	font-size:11pt;
	background: #ff6600; 
	color:white; 
	text-decoration: none;
}

td.menu * a:hover {	background: 	#FF3300  !important; }

td.menu p {
	padding-left:0pt;
	padding-right:0pt;
	padding-top:0pt;
	padding-bottom:2pt;
	border:0px; 
	background:#ff6600; 
	color:white; } 
	 
table#banner * a {
	vertical-align:middle;
	margin:0;
	border:0;
	font-family: "Lucida Console", "Verdana", "Sans Serif";
	font-size:11pt;
	background: #ff6600; 
	color:white; 
	text-decoration: none;
}