/* 

EXAMPLE A1

Note: If an element's border color is not specified with a border property, user agents must use the value of the element's 'color' property as the computed value for the border color.

*/

html
	{
	background-color: #d6cdb1;
	background-image: url('SeeThroughLines.png');
	}

body
	{
	background-image: url('OrnamentalDecoration.png');
	background-position: right top;
	background-repeat: no-repeat;
	color: black;
	padding: 50px 100px;
	/* 
	You may write-out the padding for each side, one-by-one:
		padding-top: 50px;
		padding-right: 100px;
		padding-bottom: 50px;
		padding-left: 100px;

	Alternatively, you may write-out the padding for all sides all-at-once:
		padding: 50px 100px 50px 100px; 
		(padding: TOP RIGHT BOTTOM LEFT)
		  

	Also, if opposite sides are the same dimensions, then you may use:
		padding: 50px 100px;
		(padding: TOP+BOTTOM RIGHT+LEFT)
	*/
	}
	
h1, h2, h3
	{
	font-family: Palatino, Georgia, serif;
	}

h1
	{
	font-variant: small-caps;
	color: black;
	border-bottom-style: dotted;
	border-bottom-width: 2px;
	}

h2
	{
	color: #754a0c;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	}

h3
	{
	color: #8f5c11;
	margin-left: 40px;
	margin-right: 40px;
	}

p, ul, ol
	{
	text-align: justify;
	line-height: 16pt;
	font-size: 12pt;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #38270e;
	margin-left: 40px;
	margin-right: 40px;
	}

ul 
	{
	list-style-type: square;
	}

sup
	{
	font-size: 7pt;
	line-height: 0pt;	/* Avoid irregular line-heights caused by superscripting text. */
	}
	
.References
	{
	font-size: 9pt;
	line-height: 11pt;
	}
	
a:link    { text-decoration: none; color: #38270e; }	/* Unvisited link  */
a:visited { text-decoration: none; color: black;   }	/* Visited link    */
a:hover   { text-decoration: none; color: #8f5c11; }	/* Mouse over link */
a:active  { text-decoration: none; color: gray;    }	/* Selected link   */