.Arial_15px {  font-family: Arial, Helvetica, sans-serif; font-size: 95%}
.Arial_13px {  font-family: Arial, Helvetica, sans-serif; font-size: 85%}
.Arial_12px {  font-family: Arial, Helvetica, sans-serif; font-size: 80%}
.Arial_11px {  font-family: Arial, Helvetica, sans-serif; font-size: 73%}
.Arial_10px {  font-family: Arial, Helvetica, sans-serif; font-size: 70%}

.bgtext { font-family:Arial, Helvetica, sans-serif; font-size: 70%; color:#CCCCCC}
a.bgtext:link { color:#CCCCCC; text-decoration:underline }
a.bgtext:active { color:#FF0000; text-decoration:underline }
a.bgtext:visited { color:#999999; text-decoration:underline }

a:link            { color:#003399; text-decoration: underline }
a:active         { color: CC0000; text-decoration: underline }
a:visited        { color:#000033; text-decoration: underline }
a:hover         { color:#CC0000; text-decoration: underline }


.breadcrumb {  font-family: Arial, Helvetica, sans-serif; font-size: 75%; color: FFFFFF}
a.breadcrumb:link            { color: FFCCCC; text-decoration: none }
a.breadcrumb:active         { color: FF9999; text-decoration: underline }
a.breadcrumb:visited        { color: FFCCCC; text-decoration: none }
a.breadcrumb:hover         { color: FF9999; text-decoration: underline }

.breadcrumb2 {  font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: FFFFFF}
a.breadcrumb2:link            { color: FFCCCC; text-decoration: none }
a.breadcrumb2:active         { color: FF9999; text-decoration: underline }
a.breadcrumb2:visited        { color: FFCCCC; text-decoration: none }
a.breadcrumb2:hover         { color: FF9999; text-decoration: underline }

.home {  font-family: Arial, Helvetica, sans-serif; font-size: 90%; color: FFFFFF}
a.home:link            { color: FFCCCC; text-decoration: underline }
a.home:active         { color: FF9999; text-decoration: underline }
a.home:visited        { color: FFCCCC; text-decoration: underline }
a.home:hover         { color: FF9999; text-decoration: underline }


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

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

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

.pagetitle {
	font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
	font-size: 135%;
	color: #FF0000;
}

.whiteheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
}

h2 {
	font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
	font-size: 125%;
	color: #FF0000;
	font-weight:500;
}

h3 {
	font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
	font-size: 75%;
	color:#333333;
}

.left {float: left; padding: 5px 10px 5px 0; }
.right {float: right; padding:5px 0 5px 10px; }
.clear {clear:both; }

/* The item below is for a list inside of a table, with no margins. */

ul.table {
	list-style-type: circle;
	margin-left: 1mm;
	padding-left: 1mm;
}

/* The items below belong w/in the left column. */

.teal {
	background-color:#86D6BD; 
	padding:.25em;
	font-weight:bold;
}

.list {
	list-style-type: disc;
	margin-left: 1mm;
	pading-left: 1mm;
}

/* For an announcement table on the home page */

table.announcement {
	background-color:#FFFFCC;
	border: 2px solid red;
	border-collapse:collapse;
	padding: 5px;
	margin-right: auto;
	margin-left:auto;
	font-weight: bold;
	width: 650px;
}

/* For the Autopay page - three column layout */

table.pay {border: 0; padding: 1em; width:100%; }
tr.pay {width: 33% }