BODY {
	margin-top:0px;
	background-color:grey;
}

/* The table containing the whole layout, appears once in each layer */
TABLE.main {
	width:726; height:100%;
	border-left-style:groove;
	border-left-color:white;
	border-left-width:3;
	border-right-style:groove;
	border-right-color:white;
	border-right-width:3;
}

/* The table containing the menu */
TABLE.menu {
	width:160; height:504;
	background-attachment:scroll;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image:url('layout_menu.jpg');
}

/* The cell containing the logo */
TD.head {
	width:720; height:96;
	background-attachment:scroll;
	background-position:top center;
	background-repeat:no-repeat;
	background-image:url('layout_top.jpg');
}

/* The cell containing the table that contains the menu */
TD.menu {
	width:160; height:100%;
	background-color:#2ABBF4;
	background-image:none;
	vertical-align:top;
}

/* The cell containing the content of the page, color will be changed to transparent in the upper layer */
TD.body {
	width:560; height:100%;
	background-color:white;
	background-image:none;
	color:black;
	vertical-align:top;
	padding:0;
	padding-top:10;	
}

/* The cells containing each item in the menu */
TD.l-selector {
	width:160; height:30;
}

TD.menu-item {
	width:160; height:55;
	background-attachment:scroll;
	background-position:top center;
	background-repeat:no-repeat;
	background-image:url('button_off.gif');
}

TD.menu-item:hover {
	width:160; height:55;
	background-attachment:scroll;
	background-position:top center;
	background-repeat:no-repeat;
	background-image:url('button_on.gif');
}


/* Define the layers of the document */
DIV.layer {
	width:99%; height:100%;
	border-style:none;
	margin:0; padding:0;
	text-align:center; 
	top:0;
	background-color:transparent;
}