/* ******************************************************************************************************** */
/*                                                                                                          */
/*                                                background                                                */
/*                                                                                                          */
/* ******************************************************************************************************** */

html {
  background-color:				#ff33ff;	/* Far Horizon.	#ECF1EF						*/
}

body {
  margin:						5px auto;
  padding:						5px 0px;
  width:						1125px;

  border-top-style:				solid;
  border-top-width:				2px;
  border-right-style:				double;
  border-right-width:				6px;
  border-bottom-style:				solid;
  border-bottom-width:				2px;
  border-left-style:				double;
  border-left-width:				6px;
  border-color:					#C1CDCD;	/* Azure3.								*/

  background-color:				#e5ccff;	/* Gainsboro.	#ECF1EF							*/

  text-align:					center;
}

/* ******************************************************************************************************** */
/*                                                                                                          */
/*                                                   logo                                                   */
/*                                                                                                          */
/* ******************************************************************************************************** */

div#logo {
  display:						inline-block;
}

div#logo img {
  width:						300px;
  height:						120px;
  vertical-align:					middle;
}

/* ******************************************************************************************************** */
/*                                                                                                          */
/*                                                  header                                                  */
/*                                                                                                          */
/* ******************************************************************************************************** */

div#header {
  display:						inline-block;
}

div#header img {
  width:						725px;
  height:						120px;
  vertical-align:					middle;
}

/* ******************************************************************************************************** */
/*                                                                                                          */
/*                                                   body                                                   */
/*                                                                                                          */
/* ******************************************************************************************************** */

div#body {
  display:						inline-block;
  margin:						25px 0px 20px 0px;
  width:						800px;
  vertical-align:					top;
}

div#body table {
  width:						100%;
  border-spacing:					0px;

  font-family:					Arial;
  font-size:					8pt;
  font-weight:					bold;
  font-style:					oblique;
  text-align:					justify;
  line-height:					120%;
}

div#body td {
  padding:						10px 40px;
}

div#body td.first {
  background-color:				#838B8B;	/* Azure4.								*/
  color:						#FF0000;	/* Red.								*/
}

div#body td.even {
  background-color:				#EEF3E2;	/* Green Veil.							*/
  color:						#000000;	/* Black.								*/
}

div#body td.odd {
  background-color:				#BEBEBE;	/* Gray.								*/
  color:						#000080;	/* Navy.								*/
}

div#body h1 {
  margin:						0px;
  padding:						15px 0px;

  font-family:					'Times New Roman';
  font-size:					24pt;
  text-align:					center;
  text-transform:					uppercase;
  text-shadow:					2px 2px 1px #000000;
  letter-spacing:					10pt;
  word-spacing:					5pt;
}

div#body h1.long {
  padding:						0px;

  font-size:					18pt;
  text-shadow:					1px 1px 1px #000000;
  line-height:					150%;
}

div#body h2 {
  margin:						0px;
  padding:						5px 0px 15px 0px;

  font-family:					'Times New Roman';
  font-size:					16pt;
  letter-spacing:					3pt;
}

div#body td.even h2 {
  color:						#000080;	/* Navy.								*/
  text-shadow:					1px 1px 1px #FFFFFF;	
}

div#body td.odd h2 {
  color:						#000000;	/* Black.								*/
  text-shadow:					1px 1px 1px #FFFFFF;
}

div#body h3, h4 {
  margin:						0px;
  padding:						0px;

  font-size:					8pt;
  letter-spacing:					2pt;
}

div#body p {
  margin:						5px 0px 0px 0px;
  padding:						0px;
}

div#body ul, ol {
  margin:						5px 0px 0px 15px;
  padding:						0px;
}

div#body ol {
  margin:						5px 0px 0px 18px;
  padding:						0px;
}

div#body em {
  text-decoration:				underline;
}

div#body a {
  color:						inherit;
  text-decoration:				underline;
}

div#body a:hover {
  color:						#FFFFFF;	/* White.								*/
  text-shadow:					0px 0px 1px #000000;
}

/* ******************************************************************************************************** */
/*                                                                                                          */
/*                                                 menu bar                                                 */
/*                                                                                                          */
/* ******************************************************************************************************** */

div#menu-bar {
  display:						inline-block;
  margin:						25px 0px 20px 0px;
  width:						225px;
  height:						400px;
  vertical-align:					top;
}

div#menu-bar table {
  margin:						0px auto;
  width:						100%;
  border-spacing:					0px 2px;
}

div#menu-bar img {
  width:						75%;
  border-style:					none;
}

div#menu-bar div {
  display:						none;

  border-style:					solid;
  border-width:					1px;
  border-color:					#000080;	/* Navy.								*/

  font-family:					Arial;
  font-size:					8pt;
  font-style:					oblique;
  text-align:					center;
}

div#menu-bar p {
  margin:						4px;
  padding:						2px;
  line-height:					120%;
}

/* ******************************************************************************************************** */
/*                                                                                                          */
/*                                                  footer                                                  */
/*                                                                                                          */
/* ******************************************************************************************************** */

div#footer {
  margin:						0px auto;
  width:						1030px;
  height:						18px;
}

div#footer table {
  width:						100%;
  height:						100%;

  border-style:					solid;
  border-width:					1px;
  border-color:					#FFFFFF;	/* White.								*/
  border-spacing:					0px;

  background-color:				#696969;	/* Dimgray.								*/
  color:						#FFFFFF;	/* White.								*/

  font-family:					Arial;
  font-size:					7pt;
  letter-spacing:					2px;
}

div#footer a {
  color:						inherit;
  text-decoration:				inherit;
}

div#footer a:hover {
  color:						#00FFFF;	/* Cyan.								*/
}