ÿþ/*  created using www.csswizard.net  */

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

/* eg margin convention clockwise 12 3 6 9 Oclock */



  @page {    size: auto; margin: 10%;}

  .spacer { clear: both; }



body {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	}



#pageframe {

	margin: 0px auto 0 auto;

	padding: 0px 10px 0px 0px;

	position: relative;

	}



#titlearea {

    	height: 51px;

	margin: 0px 0px 0px 0px;

	padding: 10px 0px 10px 0px;

	}



#custom1 {

    	position: absolute;

    	top: 0px;

    	right: 0px;

	}



#custom2 {

	}



#custom3 {

	}



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



#topmenuback {

    	height: 70px;

	margin: 0px 0px 0px 0px;

	padding: 1px 0px 2px 210px;

	}



.menutopbox {

	width: 60px;

	height: 50px;

	margin: 0px 2px 0px 2px;

    	padding: 4px 0px 0px 0px;

    	float: left;

	}



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



#leftarea {

	width: 200px;

	margin: 37px 0px auto 0px;

	padding: 0px 0px 0px 0px;

	position: absolute;

	left: 0px;

	}



.leftarea2 {

	width: 200px;

	}



.menubox {

	margin: 3px 0px 0px 10px;

	}



.submenubox {

	margin: 0px 0px 0px 15px;

	}

	

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

	

#centerarea {

	margin: 0px 0px 0px 201px;

	padding: 0px 0px 0px 20px;

	min-height: 300px;

	}



#authorarea {

	width: 80%;

	margin: 0px auto 0px auto;

	}



.multcolmnframe {

	width: 98%;

	position: relative;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	border-collapse: collapse;

	}



.headingarea {

	margin: 0px 20px 0px 0px;

	padding: 2px 0px 2px 0px;

	}



.articlearea {

	margin: 5px 20px 20px 0px;

	padding: 0px 0px 0px 0px;

	}



/* columns in text areas */



.clmn1 { position: relative; float: left; width: 80%; margin: 6px 2% 4px 8%; padding: 4px 0px 4px 0px;}

.clmn2 { position: relative; float: left; width: 40%; margin: 4px 5% 4px 5%; padding: 4px 0px 4px 0px;}

.clmn3 { position: relative; float: left; width: 28%; margin: 4px 2% 4px 2%; padding: 4px 0px 4px 0px;}

.clmn4 { position: relative; float: left; width: 20%; margin: 4px 2% 4px 2%; padding: 4px 0px 4px 0px;}





img	{

	border: 0px;

	float: right;

}



/*   XXXXXXXXXXXX  This controls the Right area and buttons  */



#column3 {

	width: 180px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	float:right;

	}

	

/*   XXXXXXXXXXXX  Pict and surround XXXXXXXXXXXX */



.articlepicture, .articlepicture0, .articlepicture1 {

	margin: 10px 10px 10px 10px;

	padding: 10px 10px 10px 10px;

	float: right;

	position: relative;

	}



.articlepicture1 {

	float: left;

	}



.frametopleft {

	width: 110px;

	height: 60px;

	position: absolute;

	top: 0px;

	left: 0px;

	}



.frametopright {

	width: 110px;

	height: 60px;

	position: absolute;

	top: 0px;

	right: 0px;

	}



.framebottomleft {

	width: 110px;

	height: 60px;

	position: absolute;

	bottom: 0px;

	left: 0px;

	}



.framebottomright {

	width: 110px;

	height: 60px;

	position: absolute;

	bottom: 0px;

	right: 0px;

	}

	

/*   XXXXXXXXXXXX  Bottom bar controls  XXXXXXXXXXX */ 



#bottombar {

	width: auto;

	margin: 0px 10px auto 240px;

	padding: 0px 0px 0px 0px;

}



/*   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  */



.subtable {

	width: 98%;

	margin: 0px 0px 0px 0px;

    	padding: 0px 0px 0px 0px;

	}



.toprow {

	margin: 0px 0px 0px 0px;

    	padding: 0px 0px 0px 0px;

	}



.lastrow {

	margin: 0px 0px 0px 0px;

    	padding: 0px 0px 0px 0px;

	}