/* -----I copied this stylesheet from the original and changed stuff.  All text to black, all background images are gone, and all fonts are in pts. Some more margins are auto and some floats have been removed where content might not fit.----- */

*
{
	margin: 0;
	padding: 0;
}

/* -----Background color is now white, and all text is now black.----- */

body
{
	background-color: #fff;
	color: #000;
	font: 12pt "century gothic", arial, sans-serif;
	text-align: center;
}
a:link
{
	color: #000;
	text-decoration: none;
	border: 0;
}

/* -----Some of the margins have been tightened because I removed the menus from view.----- */

#banner
{
	margin: 5px 0 0 0;
	padding: 10px 0 15px 0;
	width: 100%;
	background-color: #fff;
	text-align: center;
	color: #000;
}
.title
{
	font-size: 24pt;
	font-weight: bold;
	font-family: "party let", "freestyle script", sans-serif;
}
#mainmenu
{
	display: none;
}
#submenu
{
	display: none;
}
#content
{
	width: 70%;
	background-color: #fff;
	margin: 0 auto 10px auto;
	padding: 0px 0px 0px 20px;
	text-align: left;
}
#content p
{
	margin: 0;
	padding: 2px 0 10px 20px;
}
#subtitle
{
	width: 100%;
	margin: 10px 0 0 0;
	padding: 10px 0 20px 0;
	font-size: 14pt;
	font-family: "century gothic", arial, sans-serif;
	text-align: center;
	font-weight: bold;
}
#subtitle p
{
	margin: 0;
	padding: 0;	
}
#flatlist
{
	margin: 0;
	padding: 0;
}
#flatlist ul li
{
	margin: 0;
	display: inline;
	list-style-type: none;
	white-space: nowrap;
}
#content ul
{
	margin: 0;
	padding: 2px 10px 10px 15px;
}
#content ul li
{
	margin: 0;
	padding: 0 0 0px 5px;
}
.bold
{
	font-weight: bold;
}
#graphic
{
	float: right;
	width: 200px;
	margin: 5px 20px 0 20px;
	padding: 0;
	border: 1px solid #000;
}
table
{
	float: right;
	width: 300px;
	margin: 5px 20px 0 20px;
	padding: 5px 0 5px 5px;
	border: 1px solid #000;
	text-align: center;
	border-collapse: collapse;
}
th
{
	padding: 2px 0px;
	font-size: 13pt;
}
td
{
	padding: 2px 0px;
	border-top: 1px solid #000;
}
#noborder
{
	float: right;
	width: 300px;
	margin: 5px 20px 10px 20px;
	padding: 0;
	border: 0px solid #000;
}

/* -----I removed the larger image of myself from view for the printout.  I do not need people printing my picture out and the book mentioned that background pictures do not view when printed on all browsers anyway.----- */

#photos
{
	float: none;
	margin: 0;
	padding: 25px 0 0 0px;
	width: auto;
	height: 250px;
	text-align: center
}
#photos ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#photos ul li
{
	margin: 0;
	padding: 0;
	display: inline;
}
#photobox
{
	display: none;
}
form
{
	font-family: "century gothic", arial, sans-serif;
	font-size: 13pt;
}
input
{
	font-family: "century gothic", arial, sans-serif;
	font-size: 13pt;
}
textarea
{
	font-size: 13pt;
}
.radios
{
	margin: 0;
	padding: 0 0 0 20px;
}
#alignform
{
	margin: 0 20px 0 0;
	padding: 0 20px 0 0;
	width: 300px;
}
#buttons
{
	clear: both;
	margin: 0;
	padding: 10px 0 0 10px;
	text-align: center;
}

/* -----I also removed the footer from view, as it does not contain any important content.----- */

#footer
{
	display: none;
}