/* div layout IDs are displayed below */
/* eg margin convention clockwise 12 3 6 9 Oclock */

	@page {    size: auto; margin: 10%;}
	.spacer { clear: both; }

	body {
		margin:10px 10px 0px 10px;
		padding: 0px 0px 0px 0px;
		}

	#frame {
 		width: 749px;
		position: relative;
		margin: 10px;
		}	

	#titlearea { 
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

/*   XXXXXXXXXXXX  This controls the TOP menu area and buttons  */

	#topmenuback { 
    		height: 30px;
		margin: 0em auto;
		text-align: center;
		padding: 0px 0px 0px 0px;
		border: 0;
	}

	#topmenualign { 
		margin: 0em 0em 0em 30px;
		text-align: center;
		padding: 0px;
	}

.menutopbox {
	width: 90px;
	height: 30px;
	float: left;
	margin: auto;
    	padding: 0px;
	text-align: center;
}

.menutopboxhover {
	width: 90px;
	float: left;
    	padding: 0px;
}

/*  XXXXXXXXXXXX This controls the SIDE menu area and buttons  */
	#leftarea {
		float: left;
		width: 150px;
		margin-top:  0px;
		text-align: center;
		}

.menubox {
	float: left;
}

.submenubox {
	float: left;
}

/*   XXXXXXXXXXXX  This controls the MIDDLE menu area and buttons  */

	#centerarea {
		float:left;
		width: 437px;
		margin: 0;
		padding:0px;
		}

.mult_tab_frame
{
	width: 98%;
	margin: 0px;
    	padding: 0px;
	border-collapse: collapse;
}

	.headingarea {
		height: 30px;
		margin: 0em 1em 0em 1em;
		padding: 2px 0px 2px 0px;
	}

	.articlearea {
		margin: 0em 1em 1em 1em;
		padding: 0px 0px 0px 0px;
		width: 500px; //100%; 
	}

.articlearea img{
	float: right;
	padding: 0px 0px 10px 10px;
	margin: 5px 0px 5px 5px;
}

.maintable
{
	width: 98%;
	margin: 0px;
    	PADDING: 0px;
	border-collapse: collapse;
}
	img {
		margin: 0px 0px 0px 0px;
		border: 0px;
		text-align: center;
	}

/*   XXXXXXXXXXXX  This controls the RIGHT area  */

	#rightarea {
		width: 100px;
		padding:0px;
		float:left;
		}

.offersbox {
	width: 91px;
	margin:  4px auto 0px auto;
    	padding: 0px;
}

.offersboxhover {
	width: 91px;
	margin:  4px auto 0px auto;
    	padding: 0px;
}

/* XXXXXXXXXXXX bottom menu section  */

	#bottombar {
		width: 588px;
		height: 78px;
		float: left;
		text-align: center;
		margin: 0em auto;
		padding: 0px 0px 0px 0px;
		margin-left: 50px;
		}

	#finaltext {
		width: 588px;
		height: 15px;
		float: left;
		text-align: center;
		margin: 0em auto;
		padding: 0px 0px 0px 0px;
		}

	#graphicarea {
		}

/*   XXXXXXXXXXXX  This controls the tables created using our table code generator  */
/*   XXXXXXXXXXXX  Modify the class name layout in the str2web/default/tablestyles directory to add more  */

.sub_table
{
	width: 95%;
	margin: auto;
    	padding: 1px;
	border-collapse: collapse;
}

.top_row {
	margin: 0px;
    	padding: 0px;
	border-collapse: collapse;
	}

.last_row {
	margin: 0px;
    	padding: 0px;
	border-collapse: collapse;
	}
