H1
{
    COLOR:  white;
    FONT-FAMILY: Arial,Verdana,Helvetica,sans-serif;
    FONT-SIZE: 36px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
}
P {
	color: #400040;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 14pt
}
BODY
{
    COLOR: blue;
    FONT-FAMILY: Arial,Verdana,Helvetica,sans-serif;
    FONT-SIZE: 10pt;
    TEXT-DECORATION: none;
	font-weight: bold;
	background-color: white;
	text-align: left;
	margin: 0px;
	padding: 0px;

}
a  {
	 font-family: Arial,Verdana,Helvetica,sans-serif;
	 font-size: 10pt;
	 text-decoration: underline;
	 color: blue;
     font-weight: bold
}
a:hover  { color: #FF9966 }

TABLE {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	width: 95%
	
}

TD
{
    COLOR: Black;
    FONT-FAMILY: Arial,Verdana,Helvetica,sans-serif;
    FONT-SIZE: 12px;
    TEXT-DECORATION: none;
	background-color: white       
}

TH
{
    COLOR: white;
    FONT-FAMILY: Arial,Verdana,Helvetica,sans-serif;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
	background-color: gray;    
}
th.select {
	text-align: left;;
	font-weight: bold;
	font-style: normal;
	background-color: silver;
	font-size: 14pt
}
.addressLine {
	background-color: #dddddd
}

/* *************************** Scrolling tables *********************************** */
div.scrollTableContainer {
height: 50%;
overflow: auto;
width: 95%;
margin: 0 0 15px 0;
position: relative;
}

/* The different widths below are due to the way the scroll bar is implamented */

/* All browsers (but especially IE) */
div.scrollTableContainer table {
width: 100%;
}

/* Modern browsers (but especially firefox ) */
html>/**/body div.scrollTableContainer table {
width: 99.9%;
}

/* Modern browsers (but especially firefox ) */
html>/**/body div.scrollTableContainer table>tbody {
overflow: auto;
height: 50%;

}

div.scrollTableContainer thead tr {
position:relative;
top: expression(offsetParent.scrollTop); /*IE5+ only*/
/* fixes the header being over too far in IE, doesn’t seem to affect FF */
left: 0px;
}

/*prevent Mozilla scrollbar from hiding cell content*/
div.scrollTableContainer td:last-child {padding-right: 20px;}


/* make the TH elements pretty */
/*Edit scheme to match your page */
thead th {
	background: silver;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-top: 1px solid gray;
	font-weight: normal;
	padding: 5px 5px;
	text-align: center;
}



td.left{
	text-align: left;
	border-right: 1px solid gray;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
	padding: 5px 5px 5px 5px;
}
td.center{
	text-align: center;
	border-right: 1px solid gray;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
	padding: 5px 5px 5px 5px;
}
td.right{
	text-align: right;
	border-right: 1px solid gray;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
	padding: 5px 5px 5px 5px;
}

td.bold{
	font-size: 12pt;
	font-weight: bold
}

H2 {
	color: black;
	font-family: Arial, Verdana, sans-serif;
	font-size: 18pt
}

.small {
	width: 50%
}
.smaller {
	width: 25%
}