body
{
	background-color: #ffffff;
	color: #000000;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: small;
	/*margin: 10px 12% 10px 12%;*/
	width: 80%;
	padding-left: 5em;
	padding-right: 5em;
}

img {
	border: 0;
}

.bigred	
{
	color: #2A478B;
	font-family: Arial,Helvetica,Sans-Serif;	
	font-size: 13pt;
	font-style: bold;
	font-variant: bold;
	font-weight: bold;
}

.bigwhite
{
	color: #ffffff;
	font-family: Arial,Helvetica,Sans-Serif;	
	font-size: 13pt;
	font-style: bold;
	font-variant: bold;
	font-weight: bold;
}


a.bigwhite:link {
	color: white;
	font-family: Arial,Helvetica,Sans-Serif;	
	text-decoration: none;
	font-size: 13pt;
	font-style: bold;
	font-variant: bold;
	font-weight: bold;
}

a.bigwhite:hover {
	color: white;
	text-decoration: none;
	font-family: Arial,Helvetica,Sans-Serif;	
	font-size: 13pt;
	font-style: bold;
	font-variant: bold;
	font-weight: bold;
}

a.bigwhite:visited {
	color: white;
	text-decoration: none;
	font-family: Arial,Helvetica,Sans-Serif;	
	font-size: 13pt;
	font-style: bold;
	font-variant: bold;
	font-weight: bold;
}

A.content:link
{
	color: #2A478B;
	text-decoration: underline;
}

A.content:visited
{
	color: #2A478B;
	text-decoration: underline;
}

A.content:hover
{
	color: #2A478B;
	text-decoration: none;
}

.contentwhite
{
	color: #ffffff;
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 11pt;
	font-weight: bold;
	text-decoration: none;
}

td.content
{
	color: #000000;
	font-size: small;
}

td.contentsmall
{
	color: #000000;
	font-size: smaller;
}

.footer
{
	color: #000000;
	font-size: 9pt;
	text-align: center;
}

.header
{
	color: #ffffff;
	font-size: large;
}

td.header
{
	background-color: #702373;
}

td.highlighted
{
	background: #dfdfdf;
}

/******************************/

.pageHeader  {
	color: #ffffff;
	background-color: #702373;
	font-size: large;
	text-align: center;
	margin: 0 0 0 140px;
	padding: .25ex;
}

.leftMargin  {
	margin-left: 143px;
}

.left  {
	margin-left: 220px;
	border: 6px solid red;
}

.pad {
	padding: .5ex;
}

h1 {
	font-size: medium;
}

h2 {
	font-size: medium;
}

h3 {
	font-size: medium;
}

address {
	font-style: normal;
}

dt {
	margin-top: 1ex;
	
}

.spacer {
	padding-left: 2.5ex;
	padding-top: 1ex;
	padding-right: .5ex;
	padding-bottom: 2ex;
}

.hidden {
	clear: both; 
	padding: 0; 
	margin: 0; 
	border: 0; 
	visibility: hidden;
}

.midline {
	vertical-align: middle;
}

.center {
	text-align: center;
}

.none {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	padding-bottom: 1ex;
}

a:link
{
	color: #2A478B;
	text-decoration: underline;
}

A:visited
{
	color: #2A478B;
	text-decoration: underline;
}

A:hover
{
	color: #2A478B;
	text-decoration: none;
}


/*
	The about rules are going to be used for anything that has these border requirments.
	The naming is not the best, but we don't want to have to rename anything or to create two sets of
	basically identical rules, so we'll just go with it:)
*/
h2.about {
	padding-bottom: 0;
	margin-bottom: 0;
}

p.about {
	margin-top: 0em;
	padding-top: 0em;
}

dl.about {
	margin-top: 0em;
	padding-top: 0em;
}

dt.about {
	margin-top: 0em;
	padding-top: 0em;
}

.small {
	font-size: small;
}


div.about {
	font-size: small;
}

.noborder {
	margin-bottom: 0;
	padding-bottom: 0;
}

.centered {
    display: block;
    margin-left: auto;
    margin-right: auto 
}
img.displayed {display: block; margin-left: auto; margin-right: auto}
