H1 {font-family: Arial; font-size: 20pt; color: #9999CC; text-align: center;}
H2 {font-family: Arial; font-size: 20pt; text-align: center;}
H3 {font-family: Arial; font-size: 16pt;}
H4 {font-family: Arial; font-size: 14pt;}
H5 {font-family: Arial; font-size: 12pt;}
H6 {font-family: Arial; font-size: 18pt;}

body {font-family: Arial, Hevetica, sans-serif; background: #eeeeee;}

DIV.footer {font-family:Arial,Helvetica; font-size: 8pt; text-align: right; font-style:Italic;}
DIV.large  {font-family:Arial,Helvetica; font-size: 14pt;}
DIV.normal  {font-family:Arial,Helvetica; font-size: 12pt;}
DIV.smallish {font-family:Arial,Helvetica; font-size: 10pt;}
DIV.small {font-family:Arial,Helvetica; font-size: 8pt;}

SPAN.Small {font-family:Arial,Helvetica; font-size:8pt;}
SPAN.underline {text-decoration: underline;}
P          {font-family:Arial,Helvetica; font-size:12pt;
/*    clear: both; */
}

/*div.pictureleft {float: left;
     padding-right: 8px;
}*/

div.pictureleft {float: left;
     padding-right: 4px;
}

div.pictureright {float: right;
     padding-left: 4px;
}
/* previous 150px wide 150px height */
div.picturethumbleft {float: left;
        background: #ffffff;
        margin-left: 2%;
       /* width: 22%; */
        padding-right: 4px;
}

div.picturethumbright {float: right;
        background: #ffffff;
        margin-right: 2%;
        margin-right: 20px;
       /* width: 22%; */
        padding-left: 8px;
}

div.captionthumbleft {float: left;
        margin-left: 2%;
        margin-right: 2%;
        overflow: auto;
        background: #ffffff;
        width: 24%;
   /*     height: 150px; */
        padding-right: 4px;
}

div.captionthumbright {float: right;
        margin-right: 2%;
        margin-left: 2%;
        overflow: auto;
        background: #ffffff;
        width: 24%;
   /*     height: 150px; */
        padding-right: 4px;
}
div.picture {clear: both;
     width:90%;
     text-align: center;
     padding-right: 8px;
     padding-left: 8px;
}

div.caption {
	clear: both;
	width: 90%;
	margin-left:7px;
	margin-right:5px;
	padding: 5px;
   font-family:Arial,Helvetica;
   font-size:12pt;
	text-align: center;
	border-left: 4px solid #ccc;
	border-top: 4px solid #ccc;
	border-right: 4px solid #f6f6f6;
	border-bottom: 4px solid #f6f6f6;
}

div.captionright {
	float: right;
	width: 25%;
	margin-right: 0px;
	padding: 5px;
	text-align: left;
	border-left: 4px solid #ccc;
	border-top: 4px solid #ccc;
	border-right: 4px solid #f6f6f6;
	border-bottom: 4px solid #f6f6f6;
}

div.textright {
	width: 50%;
	float: right;
	margin-right: 0px;
	padding: 5px;
}

div.textleft {
	width: 40%;
	float: left;
	margin-left: 0px;
	padding: 5px;
}

div.captionright50 {
	float: right;
	width: 45%;
	margin-right: 0px;
	padding: 5px;
	text-align: left;
	border-left: 4px solid #ccc;
	border-top: 4px solid #ccc;
	border-right: 4px solid #f6f6f6;
	border-bottom: 4px solid #f6f6f6;
}
div.captionleft {
	float: left;
	width: 25%;
	margin-left: 0px;
	padding: 5px;
	text-align: left;
	border-left: 4px solid #ccc;
	border-top: 4px solid #ccc;
	border-right: 4px solid #f6f6f6;
	border-bottom: 4px solid #f6f6f6;
	
}

div.captionleft50 {
	float: left;
	width: 45%;
	margin-left: 0px;
	padding: 5px;
	text-align: left;
	border-left: 4px solid #ccc;
	border-top: 4px solid #ccc;
	border-right: 4px solid #f6f6f6;
	border-bottom: 4px solid #f6f6f6;
	
}
 #leftcol {
	float: left;
	top: 3%;
	left: 2%;
	width: 47%;
	margin-left: 0px;
	padding: 5px;
	text-align: left;
	border-left: 4px solid #ccc;
	border-top: 4px solid #ccc;
	border-right: 4px solid #f6f6f6;
	border-bottom: 4px solid #f6f6f6;
	
}


 #rightcol {
    float: right;
	top: 3%;
	right: 3%;
	width: 47%;
	padding: 5px;
	margin-right: 0px;
	border-left: 4px solid #ccc;
	border-top: 4px solid #ccc;
	border-right: 4px solid #f6f6f6;
	border-bottom: 4px solid #f6f6f6;

}
 #footer {
    background: #ffffff;
	clear: both;
	left: 4%;
	width: 96%;
	margin-top: 10px;
	padding: 5px;
	text-align: left;
	border-left: 4px solid #ccc;
	border-top: 4px solid #ccc;
	border-right: 4px solid #f6f6f6;
	border-bottom: 4px solid #f6f6f6;
	
}

div.widebuffer {
    width: 93%;
    clear: both;
}
#leftfooter {
	float: left;
	left: 3%;
	height: 10%;
	width: 33%;
	text-align: left;
	margin-top: 4px;
	margin-right: 1px;
	margin-left: 1px;
 }
 
#centrefooter {
    float: left;
	left: 35%;
	height: 10%;
	width: 30%;
	text-align: center;
	margin-top: 4px;
	margin-right: 1px;
	margin-left: 1px;
 }


#rightfooter {
	float: right;
	right: 3%;
	height: 10%;
	width: 34%;
	text-align: right;
	margin-top: 4px;
	margin-right: 1px;
	margin-left: 1px;
 }


/* lefthead used with singlecol */

#lefthead {
	float: left;
	top: 3%;
	left: 2%;
	width: 47%;
	margin-left: 1px;
	padding: 5px;
	text-align: left;
	border-left: 4px solid #ccc;
	border-top: 4px solid #ccc;
	border-right: 4px solid #f6f6f6;
	border-bottom: 4px solid #f6f6f6;
	
}

/* righthead used with singlecol */
#righthead {
	float: right;
	top: 3%;
	right: 3%;
	width: 47%;
	padding: 5px;
	margin-right: 3px;
	border-left: 4px solid #ccc;
	border-top: 4px solid #ccc;
	border-right: 4px solid #f6f6f6;
	border-bottom: 4px solid #f6f6f6;
}


 #singlecol {
    background: #ffffff;
	clear: both;
	width: 93%;
	/* height: 50%; is this necessary*/
	margin-left: 0px;
	padding: 5px;
	text-align: left; 
	border-left: 4px solid #ccc;
	border-top: 4px solid #ccc;
	border-right: 4px solid #f6f6f6;
	border-bottom: 4px solid #f6f6f6;
}

a {color: #0000ee}
a img {	border: none}
a:visited {color: #551a8b}
a:hover {color: #dd0000}