body, html
{
    color: black;
    font-family: arial, helvetica, 'sans serif';
	font-size: 16px;
    background-color: #eef0ff;
	height: 100%;
	margin-bottom: 1px;
}
h1, h2, h3, h4
{
	color: navy;
	font-weight: bold;
    font-family: arial, helvetica, 'sans serif';
	text-align: left;
}
h1
{
	font-size: 30px;
	text-align: center;
}
h2
{
	font-size: 22px;
}
h3
{
	font-size: 18px;
	font-style: italic;
	margin-bottom: 8px;
}
h4
{
	font-size: 18px;
	margin-bottom: 0px;
}

strong { color: navy; }

.bigheader
{
	font-size: 30px;
	text-align: center;
	color: navy;
	font-weight: bold
}
.stdtitle
{
	font-size: 20px;
	text-align: left;
	color: navy;
	font-weight: bold
}
.underline
{
	text-decoration: underline;
}
.header
{
	font-size: 18px;
	font-weight: bold;
}
.date
{	font-size: 16px;
	font-style: italic;
	float: right;
	color: black;
	font-weight: bold;
}
.ordinal{vertical-align: text-top; font-size: 13px;}
.center
{
	text-align: center
}
.w17insignia  /* used to position insignia on w17 header */
{
	position: absolute;
	top: 190px;
	left: 30px;
	width: 110px
}
.w22insignia  /* used to position insignia on w22 header */
{
	position: absolute;
	top: 30px;
	left: 240px;
}
.w22insignia1  /* used to position insignia on w22 header */
{
	position: absolute;
	top: 190px;
	left: 30px;
	width: 110px;
}
.frac1 /* fraction numerator */
{
	font-size: 11px;
	font-weight: bold;
}
.frac2 /* fraction denominator */
{
	font-size: 10px;
	font-weight: bold;
}
.quotebox
{
	float: left;
	background: url('buttons/quotes.png') no-repeat 12px 10px;
	background-color: #ffcc00;
	padding: 20px 20px 20px 36px;
	border-radius: 12px;
	color: #444;
}
p
{
    margin-left: 0px;
	margin-top: 12px;
	margin-bottom: 10px;
	text-indent: 0px;
    margin-right: 0px;
    text-align: justify
}
p.copy
{
    margin-left: 0px;
	text-indent: 0.5in;
    margin-right: 0px;
    text-align: left;
	font-size: 14px;
	font-style: italic
}
.copyright
{
	text-align: center;
	font-size: 10px;
	color: navy;
	border: solid 1px navy;
	padding: 10px;
	margin-top: 15px;
}
.about
{	text-align: center;
	font-style: italic;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 12px;
}
img
{
    border: none;
}
img.photo
{
    border: solid 2px navy;
	margin: 0px
}
.picture
{
	border: solid 1px grey;
}
img.header /* radius for header corners */
{
	border-radius: 5px;
}
img.header-lrad/* radius for header corners - left panel */
{
	border-radius: 5px 0px 0px 5px;
}
img.header-rrad/* radius for header corners - right panel */
{
	border-radius: 0px 5px 5px 0px;
}
img.right
{
    float: right;
	margin-top: 5px;
    margin-bottom: 15px;
    margin-left: 15px;
}
img.left
{
    float: left;
	margin-top: 5px;
    margin-bottom: 15px;
    margin-right: 15px;
}
div.left
{
	float: left;
	margin-bottom: 10px;
	margin-right: 15px;
}
img.right_clear
{
    clear: left;
    float: right;
    margin-bottom: 0.1in
}
img.left_clear
{
    clear: right;
    float: left;
    margin-bottom: 0.1in
}
img.spacer
{
	height: 15px
}
div.right
{
	float: right;
	margin-bottom: 0.1in;
	margin-left: 0.15in
}
span.right
{
	float: right;
	margin-bottom: 0.1in;
	margin-left: 0.15in
}
span.left
{
	float: left;
	margin-bottom: 0.1in;
	margin-right: 0.15in
}
a:link
{
    color: blue;
	text-decoration: none;
	font-weight:bold;
}
a:visited
{
    color: blue;
	text-decoration: none;
	font-weight:bold;
}
a:active
{
    color: red;
	text-decoration: none;
	font-weight:bold;
}
a:hover
{
    color: red;
	text-decoration: underline;
	font-weight:bold;
}
.inverse a:link{color: red}
.inverse a:visited{color: red}
.inverse a:active{color: blue}
.inverse a:hover{color: blue}
hr
{
    background: navy;
    height: 1px;
	border: none;
}
span.red
{
	color: red
}
span.blue
{
	color: blue
}
li
{
    text-align: justify
}