body {
background-image: url("bgjpgs/purplegreendark.jpg");
}

p {
font-family: sans-serif;
color: orange;
font-size: 12;
font-style: bold;
}

p.bio {
font-family: sans-serif;
color: darkgreen; 
background-color: white;
font-size: 12;

width: 440px;
border-style: double;
}

p.pic {
font-family: geneva, serif;
color: orange;
font-size: 12;
}

div.leftpix {
	float: left;
	width: 50%;
	text-align: center;
	min-height: 300px;
	min-width: 500px;
}

div.left {
	float: left;
	width: 45%;
	text-align: center;
	min-height: 300px;
}

div.rightpix {
	float: right;
	width: 50%;
	text-align: center;
	min-height: 300px;
	min-width: 500px;
}

div.right {
	float: right;
	width: 45%;
	text-align: center;
	min-height: 300px;
}

div.title {
	text-align: center;
}

div.bottom {
	clear: both;
	text-align: center;
}

img.left {
float: left;
}

img.right {
float: right;
}

img.lsmall {
float: left;
width: 50px;
height: 80px;
}

img.rsmall {
float: right;
width: 50px;
height: 80px;
}

h1 {
font-family: geneva;
color: orange;
font-size: 14;
}

h2 {
font-family: sans-serif;
color: orange;
font-size: 18;
}

a {
font-family: sans-serif;
color: orange;
font-size: 12;
font-weight: bold;
}

a:link {color: orange}
a:visited {color: white}
a:hover {color: white}
a:active {color: white}

a.bio {
font-family: sans-serif;
color: darkgreen;
font-size: 12;
font-style: underline;
font-weight: normal;
}

a.bio:link {color: red}
a.bio:visited {color: darkgreen}
a.bio:hover {color: orange}
a.bio:active {color: black}