@charset "UTF-8";

* {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}

body
{
	font-size: 	1.5em;
	padding:	 20px;
	width:		90%; /* 750px;*/
	background:	#bababa; /* grey */
	margin: 	0 auto;
}
header
{
	text-align: center;
	margin:10px;
	padding: 10px;
	border-radius: 10px;
	background-color: #ccc;
	box-shadow:  #666 4px 4px;
}
footer
{
	font-size: 11pt;
	margin:15px;
	padding: 10px;
}
/* Div modes */

div
{
	background: #ffffff;/* white */
	padding:	20px;
	margin:		15px;
	border-radius: 10px;
	box-shadow:  #666 4px 4px;

	/*border:		5px solid blue;*/
}

#shadowbox
{
		box-shadow:  #666 4px 4px;
}

/* Paragraph modes */

p /* yellow paragraph */
{
  padding: 10px;
	font-size:	1.2em;
	color:		blue;
/* 	background:	gold;*/
	margin:	0 20px;
}

blockquote /* gray blockquote */
{
	margin: 0 100px;
	background: #ccc;
	border-left: 3px solid red;
	border-right: 2px dashed blue;
	padding: 10px 20px;
}

blockquote p /* blue paragraph into blockquote */
{
	padding: 		10px;
	font-weight: 	bold;
	font-size:		0.7em;
	font-style:		italic;
	background:		skyblue;
	word-break:		break-all;
}


p.first /* an aquamarine paragraph with a margin and no padding*/
{
	padding: 0;
	margin: 20px;
	background: aquamarine;
}

p.second /* an orange paragraph with no margin and with a padding */
{
	padding: 10px 20px;
	margin: 0;
	background: orange;
}

p.third /* a paragraph with a padding and a margin */
{
	padding: 10px;
	margin: 10px;
	background: green;
}

td
{
	font-family: Arial, Helvetica, sans-serif;
}

th
{
	font-family: Arial, Helvetica, sans-serif;
}