/* ------------------------------------------
   Body
   ------------------------------------------ */

BODY
{
	background-color: lightgrey;
	text-align: center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 100%;
}

/* ------------------------------------------
   Template
   ------------------------------------------ */

/* Main table for all page. */
.mainTable 
{
	width: 99%;
	height: 100%;
	text-align: left;
	margin: auto;
	background-color: White;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 0 0 0;
	font-size: 75%;
}

@media print
{
	.mainTable 
	{
		width: auto;
		height: auto;
	}
}

/* Content area. */
.mainTableContent 
{
	width: 80%;
	height: 100%;
	vertical-align: top;
	padding-left: 1em;
	padding-right: 0.5em;
	padding-top: 0ex;
	padding-bottom: 1ex;
}

/* Side left area. */
.mainTableLeft 
{
	width: 20%;
	height: 100%;
	vertical-align: top;
	padding-left: 0.5em;
	padding-right: 0.5ex;
	padding-bottom: 1ex;
	padding-top: 1em;
}

/* Side right area. */
.mainTableRight 
{
	width: 0%;
	height: 100%;
	vertical-align: top;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 1ex;
	display: none;
}

/* Header area. */
.mainTableHeader 
{
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	margin-top: 1ex;
	margin:  0 0 0 0;
	font-size: 10px;
	height: 1%;
	width: 100%;
	background-color: White;
	vertical-align: top;
}

/* Footer area. */
.mainTableFooter 
{
	border-top: solid 1px black;
	margin-top: 1ex;
	margin:  0 0 0 0;
	font-size: 80%;
	height: 1%;
	text-align: center;
	background-color: White;
	width: 100%;
	vertical-align: bottom;
}

/* Used for links in header. */
.headermenu
{ 
	font-family: Verdana; 
	font-size: 9px; 
	font-style: normal;
	line-height: 15px;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	color: #FFFFFF ;
	letter-spacing: 1px;
}
	
.headermenu A			{ padding-left: 4ex; }
.headermenu A:link		{ color: #FFFFFF; font-weight: bold; text-decoration: none; }
.headermenu A:visited 	{ color: #FFFFFF; font-weight: bold; text-decoration: none; }
.headermenu A:active 	{ color: #FFFFFF; font-weight: bold; text-decoration: underline; }
.headermenu A:hover		{ color: #FFFFFF; font-weight: bold; text-decoration: underline; }	

/* Used for links in footer. */
.footer_1
{
	font-family: Verdana; 
	font-size: 10px; 
	font-style: normal;
	line-height: 15px;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	color: #474A4E ;
	white-space: nowrap;
	text-align: left;
	padding-left: 2ex;
}
	
.footer_1 A:link 		{ font-weight: normal; text-decoration: none }
.footer_1 A:visited 	{ font-weight: normal; text-decoration: none }
.footer_1 A:active		{ font-weight: normal; text-decoration: underline }
.footer_1 A:hover		{ font-weight: normal; text-decoration: underline }	


.footer_2
{
	font-family: Verdana; 
	font-size: 9px; 
	font-style: normal;
	line-height: 9px;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	color: #000000 ;
	white-space: nowrap;
	text-align: left;
	padding-left: 2ex;
}
	
.footer_2 A:link	{ font-weight: normal; text-decoration: none }
.footer_2 A:visited	{ font-weight: normal; text-decoration: none }
.footer_2 A:active	{ font-weight: normal; text-decoration: underline }
.footer_2 A:hover	{ font-weight: normal; text-decoration: underline }

/* ------------------------------------------
   Error List
   ------------------------------------------ */

DIV.errorList
{
	border: red 1px solid;
	margin-top: 1ex;
	margin-bottom: 2ex;
	padding: 1ex;
}

H2.errorList 
{
	color: Red;
	font-weight: bold;
	border: none;
	margin: 0 0 0 0;
	font-size: 110%;
	padding-bottom: 0.5ex;
}

UL.errorList
{
	font-size: medium;
	color: Red;
	border: none;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 100%;
	margin-left: 1.5em;
}



@media print 
{
	.mainTable 
	{
		height: 600;
	}
	.screenOnly
	{
		display: none;
	}
}