/* DEFAULT TAG DEFINITIONS */
body {
	margin:				0px 0px 0px 0px;
	font-family:		Arial, Helvetica, sans-serif;
	background-color:	lightGrey;
	color:				black;
}
table {
	width:				100%;
	color:				black;
}
td {
	padding:			0px 0px 0px 0px;
	margin:				0px 0px 0px 0px;
	vertical-align:		top;
	text-align:			left;
	text-indent:		0px;
	color:				black;
}
ul {
	margin-top:			0px;
	margin-bottom:		12px;
}
p {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10pt;
	font-weight:		normal;
	font-style:			normal;
	text-indent:		24px;
	margin:				0px 0px 12px 0px;
	color:				black;
}
li {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10pt;
	font-weight:		normal;
	font-style:			normal;
	color:				black;
}
/* TABLE CLASSES */
.mainTable {
	width:				750px;
	height:				400px;
	border-style:		groove;
	border-width:		0px 0px 3px 3px;
	background-color:	white;
}
.leftCell {
	width:				175px;
	height:				287px;
	border-style:		groove;
	border-width:		0px 3px 0px 0px;
}
.rightCell {
	width:				560px;
	height:				287px;
	background-color:	white;
	padding:			20px 40px 10px 40px;
}
.contentTable {
	border-style:		groove;
	border-width:		4px 4px 4px 4px;
	height:				257px;
	width:				480px;
}
.contentCell {
	padding:			10px 24px 10px 24px;
	height:				249px;
	width:				472px;
}
.titleBar {
	width:				750px;
	height:				88px;
}
.buttonCell {
	vertical-align:		middle;
	width:				110px;
	height:				20px;
}
/* TEXT CLASSES */
.leftHeading {
	background-color:	#CFCFCF;
	font-family:		times new roman, times, serif;
	font-size:			12pt;
	font-weight:		bold;
	color:				darkSlateBlue;
	text-align:			center;
	text-indent:		0px;
	width:				175px;
	height:				20px;
	margin:				12px 0px 12px 0px;
}
.pageTitle {
	font-family:		Times New Roman, times, serif;
	font-size:			18pt;
	font-weight:		bold;
	font-style:			italic;
	text-align:			center;
	color:				darkSlateBlue;
	margin:				6px 0px 24px 0px;
	text-indent:		0px;
}
.title {
	font-family:		Times New Roman, times, serif;
	font-size:			16pt;
	font-weight:		bold;
	font-style:			italic;
	color:				darkSlateBlue;
	margin:				6px 0px 0px 0px;
	text-align:			left;
	text-indent:		0px;
	border-style:		groove;
	border-width:		0px 0px 2px 0px;
}
.author {
	font-family:		Times New Roman, times, serif;
	font-size:			12pt;
	font-weight:		bold;
	font-style:			italic;
	color:				darkSlateBlue;
	margin:				0px 0px 24px 0px;
	text-align:			right;
	text-indent:		0px;
}
.subTitle {
	font-family:		Times New Roman, times, serif;
	font-size:			14pt;
	font-weight:		bold;
	font-style:			italic;
	color:				darkSlateBlue;
	margin:				-6px 0px 22px 0px;
	text-align:			center;
	text-indent:		0px;
}
.heading {
	font-family:		Times New Roman, times, serif;
	font-size:			13pt;
	font-weight:		bold;
	font-style:			italic;
	text-indent:		0px;
	color:				slateBlue;
	margin:				0px 0px 0px 0px;
}
.block {
	text-indent:		24px;
	margin:				0px 38px 12px 38px;
}
.blockItalic {
	text-indent:		24px;
	margin:				0px 38px 12px 38px;
	font-style:			italic;
}
.blockDouble {
	text-indent:		24px;
	margin:				0px 72px 12px 72px;
}
.MLAFootnote {
	font-size:			8pt;
	text-indent:		-38px;
	margin:				0px 0px 12px 38px;
}

.center {
	text-indent:		0px;
	text-align:			center;
}
.italic {
	font-style:			italic;
}
.poem {
	text-align:			center;
	text-indent:		0px;
	font-size:			11pt;
}
.error {
	color:				red;
}
/*******************************************************************
TABLE CLASSES
   - these are some default classes that many of our applications
     use.  If this is a static site with no applications, then
	 removing these would probably not be harmful.  Otherwise,
	 change colors, margins, etc., as needed when they do not
	 have the desired look.  If I might work on the site, there
	 is a good chance that I will want these classes, though.
*******************************************************************/
.left_form_cell {
	padding:			3px 3px 3px 3px;
	font-weight:		bold;
	border-style:		solid;
	border-width:		0px 0px 1px 0px;
	border-color:		#DDDDDD;
	vertical-align:		middle;
}
.right_form_cell {
	padding:			3px 3px 3px 3px;
	border-style:		solid;
	border-width:		0px 0px 1px 0px;
	border-color:		#DDDDDD;
	vertical-align:		middle;
	text-align:			right;
}
.left_info_cell {
	padding:			5px 5px 5px 5px;
	font-weight:		bold;
	border-style:		solid;
	border-width:		0px 0px 1px 0px;
	border-color:		#DDDDDD;
	vertical-align:		middle;
}
.right_info_cell {
	padding:			5px 5px 5px 5px;
	border-style:		solid;
	border-width:		0px 0px 1px 0px;
	border-color:		#DDDDDD;
	vertical-align:		middle;
}
.title_cell {
	font-weight:		bold;
	font-size:			14px;
	padding:			3px 3px 3px 3px;
}
.content_cell {
	padding:			3px 3px 3px 3px;
}
.row1 { background-color:#FFFFFF; }
.row2 { background-color:#EDEDED; }

/*******************************************************************
OUR PHP LIBRARY'S status_message() CLASS DEFINITIONS
   - like the table classes, these are specific to the application,
     and can be removed for static sites.
*******************************************************************/
.status_container {
	margin:				20px 10px 20px 10px;
	padding:			3px 5px 3px 10px;
	border-style:		solid;
	border-color:		#CCCCCC;
	border-width:		0px 0px 0px 1px;
}
.status_title {
	font-size:			16px;
	font-weight:		bold;
	color:				navy;
	border-style:		solid;
	border-width:		0px 0px 1px 0px;
	border-color:		navy;
}
.status_message {
	font-size:			12px;
	color:				navy;
}
/* LINK CLASSES */
a.button	{
	display:			block;
	font-family:		Times New Roman, Times, serif;
	font-size:			10pt;
	font-weight:		bold;
	text-align:			center;
	text-decoration:	none;
	border-style:		groove;
	border-width:		0px 2px 2px 0px;
	background-color:	white;
	color:				black;
	width:				110px;
	height:				20px;
}
a.button:hover {
	display:			block;
	background-image:	url(/lib/images/woh_button.jpg);
	font-family:		Times New Roman, Times, serif;
	font-size:			10pt;
	font-weight:		bold;
	text-align:			center;
	text-decoration:	none;
	border-style:		groove;
	border-width:		0px 2px 2px 0px;
	color:				white;
	width:				110px;
	height:				20px;
}
a.button_on {
	display:			block;
	background-image:	url(/lib/images/woh_button.jpg);
	font-family:		Times New Roman, Times, serif;
	font-size:			9pt;
	font-weight:		bold;
	text-align:			center;
	text-decoration:	none;
	border-style:		inset;
	border-width:		2px 1px 1px 2px;
	color:				white;
	width:				110px;
	height:				20px;
}
.leftLink {
	display:			block;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			8pt;
	font-weight:		bold;
	margin:				8px 10px 8px 20px;
	text-indent:		-10px;
	text-decoration:	none;
}
a.leftLink:link {
	color:				slateBlue;
}
a.leftLink:visited {
	color:				slateBlue;
}
a.leftLink:hover {
	color:				red;
}
a.leftLink:active {
	color:				black;
}
.essayLink {
	display:			block;
	font-family:		Times New Roman, times, serif;
	font-size:			13pt;
	font-weight:		bold;
	font-style:			italic;
	text-indent:		0px;
	color:				slateBlue;
	margin:				24px 0px 0px 0px;
}
a.essayLink:link {
	color:				slateBlue;
}
a.essayLink:visited {
	color:				slateBlue;
}
a.essayLink:hover {
	color:				red;
}
a.essayLink:active {
	color:				black;
}