/* This stylesheet controls the webpage areas positions and size */

  @page {    size: auto; margin: 10%;}
  .spacer { clear: both; }

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#pageframe {
	width: 48em;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	}
	
#titlearea {
    	height: 130px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
#bluespace{
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
#space{
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}


/*   XXXXXXXXXXXX  This controls the TOP menu area and butts  */

#topmenuback {
	height: 22px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0em;
	}
	
.menutopbox {
	width: 90px;
	height: 18px;
	margin: 0px 2px 0px 2px;
    	padding: 0px 0px 0px 0px;
    	float: left;
	}


/*   XXXXXXXXXXXX  Bottom bar controls  XXXXXXXXXXX */ 


#bottombar {
	width: 100%;
	height: 90;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
	text-align:center;
	}