body
{
	/* background-color: #831f41; */
	background-image: url(images/bg.jpg);   
	margin-top:0px; 
	margin-bottom:0px; 
	padding-top:0px;   /* this fixes opera top space */
	padding-bottom:0px;
	/* font-family: "Comic Sans MS", sans-serif; */
}

/* the 2 bodydivs have duplicate code; fix it */
/* in fact, why would I need al these extra body divs, why not just use body? */
div.bodydiv
{
	color: rgb(0, 0, 0);
	background-image: url(images/bg.jpg);   
	/* background-color: #f5cbcd;   */
	/* border-left:  0.15em solid #831f41; */
	/* border-right: 0.15em solid #831f41; */
	font-family: "Comic Sans MS", sans-serif;
}
div.bodydiv2
{
	color: rgb(0, 0, 0);
	background-image: url(images/bg.jpg);   
	/* background-color: #f5cbcd;   */
	/* background-repeat: repeat-y left top;  */
	/* border-left:  0.15em solid #831f41; */
	/* border-right: 0.15em solid #831f41; */
	font-family: "Comic Sans MS", sans-serif;
	padding: 1cm;
}
/*
div.title-text
{
	text-align: center;
}
*/

.imagebutton
{
	margin-bottom: 0.7cm;
}
.foto
{
	border-top: 2px solid #888;
	border-left: 2px solid #888;
	border-right: 2px solid #444;
	border-bottom: 2px solid #444;
}
.floatright
{
	/* margin: 10px 10px 10px 10px; */
	float: right;
}
.floatleft
{
	/* margin: 10px 10px 10px 10px; */
	float: left;
}

.floatright p
{
	font-family: "Comic Sans MS", sans-serif;
	font-size: small;
}
.floatleft p
{
	font-family: "Comic Sans MS", sans-serif;
	font-size: small;
}

.clearclass
{
	clear: both
}

h1 { color: #831f41;} 
p { 
	color: black; 
}
div.leftside1{ 
		color: blue; 
		font-size: normal
		position: absolute;
		margin-left: 1cm;
}
 
p:first-letter {color: #831f41; font-weight: bolder; font-size: larger;}
ul { color: black;}

.leftside1{
	position: relative;
	top: 0;
	right: 0;
	padding-right: 25em;
}
.rightside1 {
	position: absolute;
	top: 0;
	right: 0;
	width: 24em;
}