BODY {
	color: #000;
	background: #FFF;
	font-family: verdana, arial, helvetica, sans-serif;
	margin: 0 20% 0 10%;
}

H1	{
	text-align: center;
	color: #009;
	background-color: transparent;
	clear: both;
}

H2 { 
	margin-left: -10%; 
	color: #009;
	background-color: #FFF;
	clear: both;
}

H3 { 
	margin-left: -5%; 
	color: #009;
	background-color: #FFF;
	clear: both;
}

H4 { 
	color: #009;
	background-color: #FFF;
}
h5 {
	color: #009;
	background-color: #FFF;
}
A:link {
	color: #009; 
	background-color: transparent;
}

A:visited { 
	color: #900;
	background-color: transparent;
}

A:hover {
	background-color: #CFF;
}

A:active { 
	color: #900;
	background-color: transparent;
}

blockquote {
	margin-left: 5%; 
	margin-right: 5%;
	margin-top: 2em;
	margin-bottom: 2em;
	font-style: italic;
}

blockquote.source {
	text-align: right;
	font-weight: bold;

}
kbd { 
	font-size: 120%;
	font-weight: normal;
	}
p	{
	font-family: Veranda, Arial, Helvetica, sans-serif;
	text-align: justify;
	position: relative;
	width: 100%
	}
ul	{
	margin-left: 10%;
	position: relative;
	}
dl	{
	margin-left: 10%;
	margin-right: 20%;
	}
ol	{
	margin-left: 10%;
	position: relative;
	}
dd	{
	font-size: smaller;
	}
.note	{
	position: absolute;
	top: auto;
	font-size: x-small;
	left: 100%;
	width: 25%;
	color: #888;
	background-color: #CCF;
	text-align: left;
	font-family: Times, serif;
	border: solid 1px;
	padding: 0.5em;
	letter-spacing: -0.05em
	}

.marginal {
	position: absolute; 
	top: auto; 
	font-size: x-small;
	left: -10%; 
	width: 10%;
	color: #CCC;
	background-color: transparent;
	text-align: right;
}

.marginal a:link {	
	color: #777;	
	background-color: transparent;
}
.marginal a:visited { 
	color: #CCC;	
	background-color: transparent;
}
.marginal a:active { 
	color: #F77;	
	background-color: transparent;
}

.hide {
	display: none;
}

.highlight {
	color: #FFF;
	background-color: #FF3;
}
.centered {
	text-align: center;
}
.footnote	{
	font-size:	smaller;
}
.footer	{
	clear: both;	
	margin-top: 1in;
	text-align: center;	
	font-size:	8pt;
	font-family: "comic sans", Arial, Helvetica, sans-serif;
}

hr {
	width: 100%;
	height: 3px;
}

div.buttons{
	text-align: center;
	padding: 25px;
}

div.buttons img { border: none; padding: 0 1em;}
div.buttons a:link { background-color: transparent; }
div.buttons a:visited { background-color: transparent; }
div.buttons a:active { background-color: transparent; }
div.buttons a:hover { background-color: transparent; }

.photoleft	{
	background: #CCF;
	font-size: x-small;
	font-family: Times, serif;
	border: solid 1px;
	color: #888;
	float: left;
	clear: left;
	padding: 5px;
	text-align: center;
	}	

.photoright	{
	background: #CCF;
	font-size: x-small;
	font-family: Times, serif;
	border: solid 1px;
	color: #888;
	float: right;
	clear: right;
	padding: 5px;
	text-align: center;
}	

.disclaimer {
	text-align: justify;
	font-size: xx-small;
	color: #888888;
	border: thin double #888888;
	padding: 5px;
	margin: 0 10%;
	background-color: #CCCCCC;
	letter-spacing: -0.075em
	}
	p.attention {
		color: #ffffff; 
		border: thin double #ff0000; 
		padding: 5px;
		background-color: #ff7777;
	}

	p.attention A:hover	{
		background-color: #FFC;
	}
  p.warning {
   	color: #000000; 
   	border: thin double #000000; 
   	padding: 5px;
   	background-color: #ff0000;
	}
  p.caution {
    color: #000000; 
    border: thin double #000000; 
 	  padding: 5px;
   	background-color: #ffff77;
	}

  p.caution A:hover   {
   	background-color: #FFC;
	}
