/*--*/
a	{ text-decoration: none; }
a:hover	{ background-color: white; color: black; }
body	{
	margin-top: 20px;
	margin-bottom: 30px;
	background-color:#f8f8f8;
}

.spc4px	  { padding-top: 4px; }
.spc6px	  { padding-top: 6px; }
.spc8px   { padding-top: 8px; }
.spc10px  { padding-top: 10px; }
.spc12px  { padding-top: 12px; }
.spcFrame { padding-top: 30px; }
.spcDoc   { padding-top: 40px; }
.spcPhoto { padding-top: 50px; }


/*--*/
.frameTitle {
	width: 900px;
	padding-top: 20px;
	padding-left: 40px;
	padding-right: 40px; /* for top page buttom */
	padding-bottom: 30px;
	border-spacing: 0px;
#	border: 1px solid #bbb;
	border: 1px solid #ccc;
	background-color: white;
	border-radius: 10px;
#	box-shadow: 0 0px 2px rgba(0, 0, 0, 0.5);
}
.date {
	font: bold 100%/100% Arial, Helvetica, sans-serif;
	font-size:16pt;
	padding-bottom: 10px;
	text-shadow: 10px 1px 2px rgba(0, 0, 0, 0.1);
	color:dimgray;
}
.title {
	font: bold 100%/100% Arial, Helvetica, sans-serif;
	font-size:20pt;
	padding-bottom: 10px;
	text-shadow: 5px 2px 1px rgba(0, 0, 0, 0.1);
	color:dimgray;
}
.view	{
	display: inline-block;

	font: bold 100%/100% Arial, Helvetica, sans-serif;
	font-size:12pt;
	color: white;
#	background-color: teal;
	background-color: cadetblue;

	padding-top: 5px;
	padding-left: 10px;
	padding-right: 30px;
	padding-bottom: 4px;

	border-radius: 4px;
	box-shadow: 10px 0px 4px rgba(0, 128, 128, 0.2);
}
.link	{
	display: inline-block;

	font: bold 100%/100% Arial, Helvetica, sans-serif;
	font-size:12pt;
	color: white;
#	color: seashell;
#	background-color: darkorange;
#	background-color: sandybrown;
	background-color: orange;

	padding-top: 5px;
	padding-left: 10px;
	padding-right: 30px;
	padding-bottom: 4px;

	border-radius: 4px;
	box-shadow: 10px 0px 4px rgba(255, 165, 0, 0.3);
}


/*--*/
.frame	{
	width: 900px;
	padding-top: 30px;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 20px;
	border-spacing: 0px;
#	background-color:#f8f8f8;
	background-color: white;
#	border: 1px solid #bbb;
	border-radius: 10px;
}
.framePhoto {
	border-spacing: 0px;
	border-collapse: collapse;
	cellspacing: 0px;
	cellpadding: 0px;
	border: 0px solid red;
}
.sub	{
	font:bold 100%/100% Helvetica, sans-serif;
	font-size:18pt;
	padding-left: 16px;
	padding-right: 16px;
	border-left: 8px solid orange;
	color:dimgray;
}
.doc	{
	width: 810px;
	color:black;
	font: sans-serif;
#	font-size:14pt;
	font-size:12pt;
	line-height:26px;
}
.exp	{
	color:black; font:sans-serif; font-size:12pt;
	padding-left: 2px;
}
.photo	{
	vertical-align:top;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 10px;
	padding-bottom: 20px;
	border: 0px solid #bbb;
}
.expR	{
	color:black; font:sans-serif; font-size:12pt;
	vertical-align:top;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
}
.video	{
	vertical-align:top;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 10px;
	padding-bottom: 12px;
	border: 0px;
}
.rtn	{
	font:bold 100%/100% Helvetica, sans-serif;
	font-size:12pt;
	color:white;
	background-color:orange;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 12px;
	padding-bottom: 5px;
	border: 0px solid #bbb;
	border-radius: 4px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.mail	{
	white-space: pre-wrap;
	font: 100%/100% Helvetica, sans-serif;
	font-size:10pt;
	line-height:12pt;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	border: 1px solid #bbb;
	border-radius: 8px;
}
.round-table {
	border-spacing: 0;
	cellpadding: 4;
	bgcolor: red;
}
.round-table > * > tr:first-child > *  { border-top:  1px solid #bbb; }
.round-table > * > tr > *:first-child  { border-left: 1px solid #bbb; }
.round-table > * > tr > * { border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; }
.round-table > * > tr:first-child > *:first-child { border-top-left-radius:     8px; }
.round-table > * > tr:first-child > *:last-child  { border-top-right-radius:    8px; }
.round-table > * > tr:last-child  > *:first-child { border-bottom-left-radius:  8px; }
.round-table > * > tr:last-child  > *:last-child  { border-bottom-right-radius: 8px; }

.tab	{
	vertical-align:top;
	color:black;
	font:sans-serif;
	font-size:12pt;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 3px;
	padding-bottom: 1px;
}