/* the entire page */
body {
	color: 303030;
	font-family: Georgia, Times New Roman, Times, serif;
	background-color: #333333;
}

/* Horizonal Rule */
hr {
	color:#333333;
	background-color:#333333;
	width:80%
}

/* Links */
a:link {
	color: #990000;
}

/* Links on Hover */
a:hover {
	color: #0000FF;
}

/* Visited Links */
a:visited {
	color: #660000;
}

/* Active Links (that you've just clicked) */
a:active {
	color: #AA0000;
}

/* Makes a nice background, applied to most of the page after we've centered it.  Repeats only on the Y-axis (in case something screwy makes the page wider) and has a backup background colour, for use while the proper background loads.  A width of 980px plus a padding on each side of 10px makes this a total of 1000 pixels wide */
.totalpagebackground {
	background:url(images/pagebackground.jpg) repeat-y #F3EBDE;
	width:980px;
	padding:10px;
	align:center;
}

/* Headers */
h1 {
	font-size:1.6em;
	font-weight:normal;
}

/* Subheaders */
h2 {
	font-size:1.2em;
}

/* add a bit of padding to one particular picture */
.josephpic {
	padding:11px;
	border:0px;
}