/************************************************************************
**
** Brian Dill's Personal Website CSS Stylesheet
** 2002-12-02
**
************************************************************************/

body {
	font:			normal 10pt "verdana", "arial", sans-serif;
	color:			#000000;
	background:		#e6e6de;
	text-align:		left;
	vertical-align:	middle;
	border:			none;
	margin-left:	0px;
	margin-right:	0px;
	margin-top:		0px;
	}


td {
	font:			 normal 10pt "verdana", "arial", sans-serif;
	}

a:link {
	color:			#6633cc;
	background:		inherit;
	}

a:visited {
	color:			#333366;
	background:		inherit;
	}

a:hover {
	color:			#ff0000;
	background:		inherit;
	}

th {
	font-size:		10pt;
	color:			rgb(255,255,50);
	background:		rgb(80,75,80);
	}

h1, h2, h3, h4, h5, h6 {
	font-family:	"arial", "ms sans serif", sans-serif;
	}

h1 {
	text-align:		center;
	font-size:		20pt;
	color:			rgb(153,0,0);

	background:		inherit;
	margin-top:		3px;
	margin-bottom:	3px;

	}
h2 {
	text-align:		center;
	font-size:		18pt;
	color:			#3700b4;
	background:		inherit;
	margin-top:		3px;
	margin-bottom:	3px;
	}
h3 {
	font-size:		16pt;
	color:			#3700b4;
	background:		inherit;
	}
h4 { font-size:		14pt; }
h5 { font-size:		12pt; }
h6 { font-size:		10pt; }


ol {
	list-style-type:upper-roman;
	}

ol li {
	padding-bottom:	 10px;
	}
/***************************************************************
**
**					 Custom CSS Classes
**
****************************************************************/
.clsCenter {
	text-align:		center;
	width: 			100%;
	margin-left:	auto;
	margin-right:	auto;
	}
.clsRight {
	text-align:		right;
	}
.clsSmaller {
	font-size:		smaller;
	}

#divQuotes {  /* Jack Handy/Murphy's Laws quotes on home page. */
	color:			#000099;
	background:		#ccccaa;
	font:			normal 10pt sans-serif;
	padding:		5px;
	border:			solid 1px #000000;
	width:			60%;
	margin-left:	auto;
	margin-right:	auto;
	margin-top:		5px;
	margin-bottom:	5px;
	}

.clsDivBox {
	width:			80%;
	text-align:		left;
	color:			inherit;
	background:		#ccccaa;
	border: 		solid 2px navy;
	padding:		5px 15px 5px 15px;
	margin-left:	auto;
	margin-right:	auto;
	margin-top:		5px;
	margin-bottom:	5px;
	}

.clsDivTalkBack {
	width:			80%;
	text-align:		left;
	border:			solid thin navy; background:#cccccc; color:inherit;
    padding: 		5px 15px 5px 15px;
	margin-left:	auto;
	margin-right:	auto;
	}

.clsLastUpdated {
	text-align:		center;
	font: normal 8pt 'ms sans serif', helvetica, sans-serif;
	margin-left:auto;
	margin-right:auto;
	}

.clsCourtesyOf {
	font: 			bold 12pt arial, sans-serif;
	text-align:		center;
	width:			100%
	}
/* ======================================================================
**	Regular table alternating rows
**
*/
	.clsTblData {
		border-collapse:	collapse;
		margin-left:		auto;
		margin-right:		auto;
		margin-top:			10px;
		margin-bottom:		10px;
		border:				solid 1px #000000;
	}
	.clsTblData th {
		color:				#ffffff;
		background:			#002288;
		}
	.clsTblData td {
		padding-left:		5px;
		padding-right:		5px;
		border:				solid 1px #666666;
		}
	.clsSelectedRow {
		color:			#000000;
		background:		#ff9966;
		cursor:			pointer;
		}
	.clsSelectedRow td {
		text-decoration:	none;
		}
	.clsRowEven {
		color:			navy;
		background:		#cccccc;
		}
	.clsRowOdd {
		color:			navy;
		background:		#aaaaaa;
		}
/* ======================================================================
**			 EDIT TABLE RELATED
**
*/

.clsEditTable {
	width:				100%;
	border-collapse:	collapse;
	padding:			2px;
	/*
	border:				1px solid black;
	*/
	}
.clsEditTable td {
	font:				normal 10pt arial;
	}
.clsEditTableHeaderRow td {
	font-weight:		bold;
	}

.clsAlternateRowColor {
	color:				inherit;
	background:			#EEEEDD;
	}

.clsAlternateRowColorDimmed {
	background:			#eeeedd;
	color:				gray;
	}

.clsRowColorDimmed {
	color:				gray;
	background:			inherit;
	}
.clsRowCreateNewRecord {
	color:				inherit;
	background:			#99cc99;
	}

/***************************************************************
**
** clsHeadline is the Story Headline text - usually hyperlinks
**
****************************************************************/

.clsHeadline {
	font:			 	bold 12pt "arial", "verdana", "tahoma", "helvetica", sans-serif;
	text-align:			left;
	text-decoration:	none;
	cursor:				pointer;
	}

.clsHeadline:link {
	color:				#3333dd;
	background:			inherit;
	text-decoration:	none;
	}

.clsHeadline:visited {
	color:				#333366;
	background:			inherit;
	text-decoration:	none;
	}

.clsHeadline:active {
	color:				#ff3333;
	background:		 	#003366;
	}

.clsHeadline:hover {
	color:				#ff0000;
	background:			inherit;
	text-decoration:	underline;
	}

/*********************************************************
**
** Header/Footer navigation tables
**
*********************************************************/
#tblFooter, #tblHeader {
	background:		 	#000066;
	border: 			outset 4px silver;
	text-align:			center;
	margin-left:		auto;
	margin-right:		auto;
	}
#tblFooter td, #tblHeader td {
	background:		 	#000066;
	color:				#ffffff;
	border:				solid 2px #000066;
	font:			 	bold 10pt Verdana, sans-serif;
	padding:			2px;
	padding-left:		20px;
	padding-right:		20px;
	text-align:			center;
	}

#tblFooter td:hover, #tblHeader td:hover {  /* not supported by IE */
	border:				solid 2px #000000;
	border-right:		solid 2px #ffffff;
	border-bottom:		solid 2px #cccccc;
	background:			#000055;
	}

#tblFooter a:link, #tblHeader a:link {
	color:				#FFFFFF;
	background:			inherit;
	text-decoration:	none;
	}

#tblFooter a:visited, #tblHeader a:visited {
	color:				#AAAAAA;
	background:			inherit;
	text-decoration:	none;
	}

#tblFooter a:hover, #tblHeader a:hover {
	color:				lime;
	background:			inherit;
	text-decoration:	underline;
	}

/* ===================================================================
	 Print related
 =================================================================== */

.clsPrintOnly {
	display:			none;
	}

@media print {

	.clsNoPrint { display:none; }
	.clsPrintOnly { display: inline; }
	#tblFooter, #tblHeader { display: none; }
	.clsDivTalkBack { display: none; }
	.clsDivBox {
		width: 	95%;
		border:	none;
		}

	}