body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin: 10px;
	background-color: #FFFFFF;
  	}
h1 	{
	font-size:small;
	padding: 3px;
	font-weight: bold;
	margin: 0px;
	color: #000099;
	background-color: #CCCCFF;
	}
h2 {
	font-size:small;
	font-weight: bold;
	margin-top:20px;
	margin-bottom:7px;
	margin-left:0px;
	margin-right:0px;
	color: #000099;
	}
p {
	text-align:justify;
 	margin-top: 0px;
	margin-bottom: 0px;
	}
ul	{
	margin-top : 0px;
	margin-bottom: 0px;
	}
li {
	list-style-type: square;
	text-align: justify;
	margin: 0px;
	}
.indent1 {
	margin-left: 15px;
	}
.indent2 {
	margin-left: 40px;
	}
.boldunderline {
	font-weight: bold;
	text-decoration: underline;
	}
/* The order of these below matters. If you put the code for hover before visited, then the visited links don't change if you hover.
*/
a:link {
	color:#0000CC;
	text-decoration:none;
	}
a:visited{
	color:#0000CC;
	text-decoration:none;	
	}
a:hover {
	color: #009900;
	}
a:focus {
	color: #009900;
	}
a:active {
	color: #009900;
	}

table.main h2 {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:7px;
	margin-right:7px;
	}

td {
	vertical-align:top;
	margin-top:0px;
	margin-bottom:0px;
	}
	
.smallbutton{
	font-size: 8pt;
	margin-right: 2px;
	}

.tablelines {
	background-color:#003399;
	}
	
.shaded {
	background-color:#CCECFF;
	}

.notshaded {
	background-color:#FFFFFF;
	}

table.details {
/* Hard to center tables using CSS. Setting left and right margins to auto does not work in IE */
/*Hard to set cell spacing using CSS in IE as well */
	border:none;
	}

table.details h2 {
	margin-top:0px;
	margin-bottom:5px;
	margin-left:7px;
	margin-right:7px;
	}