@charset "utf-8";
/* std_layout.css
 * Provides the basic layout framework that will structure a page.  Provide Placement commands and overall body support.
 */

/* Page Content Area Controllers: 
 * Provide the layout of the entire viewing region of the page.
 */
 
 /* Forces the viewing region to be centered */
body.std_display
{
	text-align:center;
}

 /* Creates a viewing Region of a specific size.  
  * Used with body.std_format to set the size of a webpage and center its contents. using the width class.
  */
div#PageContentArea
{
	margin:0 auto;
	text-align: left;
}

/* Page Layout Controllers: */

 /* Div Style table Systems:
  * Start the table with a -begin class, that encloses a seriese of -row classes.
  * Then begin building columns with a serise of -col classes and set the widths of each cell to align them if you want them aligned.
  * End the seriese of -col with a final -col-end class div.  This forces the parent -row div to enclose all floting divs inside it.
  * -table-end, row-end are only for tracking and have no real effect, though they can be interchangeable with -col-end functionality.
  */
  
  /* basic table tags that clear both left and right floating divs */
 .lay-table-begin, .lay-table-end, .lay-table-row, .lay-table-col-end, .lay-table-row-end
 {
 	clear:both;
 }
 
 .lay-table-r-begin, .lay-table-r-end, .lay-table-r-row, .lay-table-col-r-end, .lay-table-row-r-end
 {
 	clear:right;
 }
 
 .lay-trk-table-l-begin, .lay-trk-table-l-end, .lay-trk-table-l-row, .lay-trk-table-col-l-end, .lay-trk-table-row-l-end
 {
 	clear:left;
 }
 
 /* Mostly used for tracking purposes */
 .lay-trk-table-begin, .lay-trk-table-end, .lay-trk-table-row, .lay-trk-table-col-end, .lay-trk-table-row-end
 {
 	clear:none;
 }
 
  /* The basic column tag natrually floats left */
 .lay-table-col, .lay-float-left
 {
 	float:left;
 }
  /* A column tag that floats right */
 .lay-table-r-col, .lay-float-right
 {
 	float:right;
 }

/* Element Size Controls: */
 /* Specifies Specific Widths of elements in pixels */
.lay-width25
{
	width:25px;
}

.lay-width50
{
	width:50px;
}

.lay-width75
{
	width:75px;
}

.lay-width100
{
	width:100px;
}

.lay-width150
{
	width:150px;
}

.lay-width200
{
	width:200px;
}

.lay-width250
{
	width:250px;
}

.lay-width300
{
	width:300px;
}

.lay-width350
{
	width:350px;
}

.lay-width400
{
	width:400px;
}

.lay-width500
{
	width:500px;
}

.lay-width600
{
	width:600px;
}

.lay-width700
{
	width:700px;
}

.lay-width800
{
	width:800px;
}

.lay-width900
{
	width:900px;
}

.lay-width1000
{
	width:1000px;
}

 /* Specifies Specific Widths of elements in percentage of their parent tag */
.lay-width5p
{
	width:5%;
}

.lay-width10p
{
	width:10%;
}

.lay-width15p
{
	width:15%;
}

.lay-width20p
{
	width:20%;
}

.lay-width25p
{
	width:25%;
}

.lay-width30p
{
	width:30%;
}

.lay-width35p
{
	width:35%;
}

.lay-width40p
{
	width:40%;
}

.lay-width45p
{
	width:45%;
}

.lay-width50p
{
	width:50%;
}

.lay-width55p
{
	width:55%;
}

.lay-width60p
{
	width:60%;
}

.lay-width65p
{
	width:65%;
}

.lay-width70p
{
	width:70%;
}

.lay-width75p
{
	width:75%;
}

.lay-width80p
{
	width:80%;
}

.lay-width85p
{
	width:85%;
}

.lay-width90p
{
	width:90%;
}

.lay-width95p
{
	width:95%;
}

.lay-width100p
{
	width:100%;
}