body
{
	margin: 0;
	padding: 10px;
	border: 0; /* This removes the border around the viewport in old versions of IE */
	width: 100%;
	background: #fff;
	 
	text-align: center;
	font-family: Trebuchet MS;
	font-size: 11px;
}
.Heading1
{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	padding-left: 5px;
	color: #222;
}
#fixed
{
		background: #fff;
	margin: 0 auto;
	width: 500pt; /* you can use px, em or % */
	text-align: left;
}
a
{
	color: #369;
}
a:hover
{
	color: #fff;
	background: #369;
	text-decoration: none;
}
h1, h2, h3, h4
{
	padding: 0;
}
h1
{
	font-size: 18px;
	margin: .8em 0 .2em 0;
}
h2
{
	font-size: 16px;
	margin: .4em 0 .2em 0;
}
h3
{
	font-size: 14px;
	margin: .2em 0 .1em 0;
}
h4
{
	margin: .05em 0 .05em 0;
	font-size: 12px;
}
.legaltext
{
	font-size: 9px;
}
p
{
	margin: .4em 0 .8em 0;
	padding: 0;
}
img
{
	margin: 10px 0 5px;
}
.Bold
{
	font-weight: bold;
	font-size: 14px;	
}
/* Header styles */
.header
{
	clear: both;
	float: left;
	width: 100%;
}
.header
{
	border-bottom: 1px solid #000;
}
.header p, .header h1, .header h2
{
	padding: .4em 15px 0 15px;
	margin: 0;
}
.header ul
{
	clear: left;
	float: left;
	width: 100%;
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
}
.header ul li
{
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
.header ul li a
{
	display: block;
	float: left;
	margin: 0 0 0 1px;
	padding: 3px 10px;
	text-align: center;
	background: #eee;
	color: #000;
	text-decoration: none;
	position: relative;
	left: 15px;
	line-height: 1.3em;
}
.header ul li a:hover
{
	background: #369;
	color: #fff;
}
.header ul li a.active, #header ul li a.active:hover
{
	color: #fff;
	background: #000;
	font-weight: bold;
}
.header ul li a span
{
	display: block;
}
/* 'widths' sub menu */
#layoutdims
{
	clear: both;
	background: #eee;
	border-top: 4px solid #000;
	margin: 0;
	padding: 6px 15px !important;
	text-align: right;
}
/* column container */
.colmask
{
	position: relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear: both;
	float: left;
	width: 100%; /* width of whole page */
	overflow: hidden; /* This chops off any overhanging divs */
}
/* 1 column full page settings */
.fullpage
{
	background: #fff;
}
.fullpage .col1
{
	margin: 0 0px;
}
/* Footer styles */
.footer
{
	clear: both;
	float: left;
	width: 100%;
	border-top: 1px solid #000;
}
.footer p
{
	padding: 10px;
	margin: 0;
}

.textbox
{
		border: solid 1px #f2f2f2;
	color: #555;
	background: #fff;
	padding-top: 1px;
	padding-bottom: 1px;
	width: 100%;
	text-align: left;
	float: right;
	font-size: 12px;
	font-family: Calibri, Trebuchet MS, Verdana;
}

.Underline
{
	border-bottom: 1px solid gray;
}
.borderTop
{
	border-top: 1px solid gray;
}
.Shade1
{
	color: #5a718c;
}
.Shade2
{
	color: #7290b2;
}
.Shade3
{
	color: #8bb0d9;
}
.Shade4
{
	color: #a4cdff;
}
.Shade1b
{
	color: #ffbe00;
}
.Shade2b
{
	color: #ffd10f;
}
.Shade3b
{
	color: #ffde20;
}
.Shade4b
{
	color: #ffec64;
}

.ProductTable
{
	width: 100%;
	border: none;
	/*padding-left: .5%;
	padding-right: .5%;*/
}

.SystemPage
{
	margin-top: 25px;
	position: relative;


	background-color: #fff;
	height:680pt;
	width: 100%;
	page-break-inside: avoid;
	page-break-after: always;

}
.PageContent
{
	float:left;

	width: 100%;
	padding-top:0px;
	padding-bottom:50px;

}
.SystemPage .footer
{

	position: absolute;
	bottom: 0;
	width: 100%;
	height: 50px;
	border-top: solid 1px rgb(150,150,150);


}

.SystemPage .footer .footertext
{
	float: left;
	font-size: 10px;
	width: 70%;
}

.SystemPage .footer .footerimg
{
	float: right;

}

.imgFloatLeftPad5
{
	float: left;
	padding: 5px;
}

.tblFloatWidthSeventy
{
	float: left;
	width: 60%;
	border: none;

}

.titlebar
{
	width: 100%;
	height: 40px;
	border-bottom: solid 2px Gray;	
	padding-bottom: 1px;	
	overflow: hidden;
}
.titlebar .WebSite
{
	float: right;
	font-size: 10px;
	Padding-top:25px;
	padding-right: 5px;
	color: Gray;
}
.titlebar .Name
{
	float: left;
	padding-top: 16px;
	font-size: 18px;
	text-align: right;
	font-weight: bold;
}
.titlebar .icon
{
	float: right;
	width: 32px;
	height: 32px;
	padding-bottom: 2px;
}
.imageContainer
{
	position: relative;
	width: 100%;
	padding: 3px;
	height: 600px;
}
.mainImage
{
	display: block;
		margin: 0 auto;
}
.imageLeft
{
	position: absolute;
	bottom: 0px;
	left: 5px;
}
.imageRight
{
	position: absolute;
	bottom: 0px;
	right: 5px;
}
.floatLeft
{
	float: left;
	padding: 5px;
}
/*
.EconRowShade
{
	background-color: #F0F0F0;
}
.EconRowMajor
{
	background-color: #fff;
	border-bottom: solid 1px #000
}

.EconResultTable
{
	border: collapse;

}

.EconResultTable td
{
	padding-top: 3px;
}

.Red
{
	color:Red;
}
.Green
{
	color: Green;
}
.Bold
{
	font-weight: bold;
}
*/