/* CSS Document */

/* The next 2 cascade, so as to keep them in sync. */

body, td, th
	{
	font-size:					12pt;
	}

body
	{
	background-color:		#ffffff;
	background-image:		url(/library/images/texture.texturestation.lt_gray_005.144x144.jpg);
	padding:						0px;
	font-family:				"Times New Roman", Times, serif;
	}

/* The next 3 cascade, so as to keep them in sync. */

#logo, .logocolor,	.logofont, #PageData div.title
	{
	color:							#ce401c;
	font-weight:				900;/* 900 = max. 700 = bold. */
	}

#logo,				.logofont, #PageData div.title /* ... but not .logocolor, which remains exaxtly as defined above. */
	{
	font-size:					14pt;
	font-stretch:				extra-expanded;
	text-shadow:				1px 1px 1px #000;
	}

#logo
	{
	background-image:		url(/library/images/paper.leftside.gif);
	height:						60px;
	width:						200px;
	position:						absolute;
	top:							0px;
	left:							0px;
	/* vertical-align: middle; != valign="middle". padding: 6px; works better: */
	padding:						6px;
	text-align:					center;
	vertical-align:				middle;
	}

#MainNav
	{
	height:						60px;
	width:						824px;
	position:						absolute;
	top:							0px;
	left:							200px;
	padding:						0px;
	}

#MainNav a
	{
	font-family:					Verdana, Arial, Helvetica, sans-serif;
	font-size:						8pt;
	margin:							0px;
	text-decoration:				none;
	}

.buttonheadroom					{margin-top:		3px;}

#MainNav input[type=submit],
#MainNav a
	{
	margin:							2px;
	padding:							.25em;
	color:								#fff;
	font-weight:					bold;
	text-shadow:					1px 1px 1px #000;
/*	border:							solid thin #882d13; */
	-webkit-border-radius:		.7em;
	-moz-border-radius:		.7em;
	border-radius:					.7em;
	-webkit-box-shadow:		2px 2px 3px #999;
	-moz-box-shadow:			2px 2px 3px #999;
	box-shadow:					2px 2px 3px #999;
	background-color:			#ce401c;
	background-image:			-webkit-gradient(linear, left top, left bottom, from(#e9ede8), to(#ce401c),color-stop(0.4, #8c1b0b));
	background:					-moz-linear-gradient(#e9ede8, #8c1b0b, #ce401c);
	background:					linear-gradient(#e9ede8, #8c1b0b, #ce401c);
	}

#MainNav input[type=submit]:hover,
#MainNav input[type=submit]:focus,
#MainNav a:hover,
#MainNav a:focus
	{
	background-color:			#f60;
	background-image:			-webkit-gradient(linear, left top, left bottom, from(#e9ede8), to(#f60),color-stop(0.4, #8c1b0b));
	background:					-moz-linear-gradient(#e9ede8, #8c1b0b, #f60);
	background:					linear-gradient(#e9ede8, #8c1b0b, #f60);
	color:								#ffc;
	}

#JavaScriptOffWarning
	{
	background:					#fff;
	color:								#f00;
	font-size:						8pt;
	}

#OrgName
	{
	background-color:			#ff9966;
	height:							20px;
	width:							200px;
	position:							absolute;
	top:								60px;
	left:								0px;
	padding:							0px;
	text-align:						center;
	vertical-align:					middle;
	}

#PageInfo
	{
	background-color:			#ff6633;
	height:							20px;
	width:							824px;
	position:							absolute;
	top:								60px;
	left:								200px;
	padding:							0px;
	vertical-align:					middle;
	}

#PageInfo span.lighter
	{
	background-color:			#ff9966;
	}

#PageNav
	{
	background-image:			url(/library/images/paper.leftside.gif);
	height:							688px;
	width:							200px;
	position:							absolute;
	top:								80px;
	left:								0px;
	padding:							0px;
	overflow:						auto;
	}

#PageData
	{
	height:							688px;
	width:							824px;
	position:							absolute;
	top:								80px;
	left:								200px;
	padding:							0px;
	overflow:						auto;
	}

#PageData div.title
	{
	color:								#ce401c;
	font-size:						14pt;
	font-stretch:					extra-expanded;
	font-weight:					900;/* 900 = max. 700 = bold. */
	width:							100%;
	padding:							12px 0px 12px 0px;
	text-align:						center;
	text-shadow:					1px 1px 1px #000;
	vertical-align:					middle;
	}

/* ****************************************************************** */
/* *						FORM FIELDS								* */
/* ****************************************************************** */

.coldata								{
										text-align:			left;
										white-space:		nowrap;
										}
.colerrmsg							{
										color:				#900;
										}
.collabel								{
										text-align:			right;
										white-space:		nowrap;
										}
.disableddata						{
										}
.disabledlabel						{
										}
.manddata							{
										}
.mandlabel							{
										}
.optdata								{
										}
.optlabel					{
							}
.reqddata					{
							}
.reqdlabel					{
							}
.viewdata					{
							}
.viewlabel					{
							}

/* ****************************************************************** */
/* *						HTML 5 TAGS								* */
/* ****************************************************************** */

article, aside, footer, header, nav, section
							{display:			block;}

/* ****************************************************************** */
/* *						UTILITY CLASSES							* */
/* ****************************************************************** */

.addheadroom3				{margin-top:		3px;}
.addheadroom6				{margin-top:		6px;}
.addheadroom9				{margin-top:		9px;}
.draggable					{
							padding:			3px;
							-khtml-user-drag:	element;
							-webkit-user-drag:	element;
							user-drag:			element;
							}
.droppable					{padding:			3px;}
.dropallowed				{border:			3px solid #009;}
.formlabel					{text-align:		right;}
.formdata					{text-align:		left;}
.hide						{display:			none;}
.indent10,.indent			{padding-left:		10px;}
.indent20					{padding-left:		20px;}
.indent30					{padding-left:		30px;}
.indent60					{padding-left:		60px;}
.inlineblock				{display:			inline-block;}
.inlinetable				{display:			inline-table;}
.pad1						{padding:			1px;}
.pad2						{padding:			2px;}
.pad3						{padding:			3px;}
.pad4						{padding:			4px;}
.pad5						{padding:			5px;}
.pad6						{padding:			6px;}
.pad7						{padding:			7px;}
.pad8						{padding:			8px;}
.pad9						{padding:			9px;}
.pad10						{padding:			10px;}
.pad15						{padding:			15px;}
.pad20						{padding:			20px;}
.table						{display:			inline-table;}
.tr							{display:			table-row;}
.td							{display:			table-cell;}