/* General Operation */
body				{ font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 10px; background-color: #003333; text-align: center }
table.page td		{ font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; border-top: 1px solid white; border-left: 1px solid white;
						border-right: 1px solid black; border-bottom: 1px solid black; margin: 0; padding: 0; vertical-align: top; text-align: left }
table.page tr.dark	{ background-color: #003333; height: 10px }
table.page tr.verticalFrame
					{ font-size: 1px; line-height: 1px; height: 5px; background-color: #003333 }
table.page td.sideFrame
					{ width: 5px; background-color: #003333 }

table.normal		{ border: 1px solid black }
table.normal td		{ border: 1px solid black; text-align: right; padding: 5px }
table.normal th		{ border: 1px solid black; text-align: center; padding: 5px }

	
h1 					{ font-size: 16px; font-weight: bold; margin: 0.67em 0 }
h2					{ font-size: 14px; font-weight: bold; margin: 0.83em 0 }
h3					{ font-size: 12px; font-weight: bold; margin: 1em 0 }

a:link				{ color: #8e928e; text-decoration: none }
a:visited			{ color: #8e928e; text-decoration: none }
a:hover				{ color: #2da944; text-decoration: underline }
a:active			{ color: #003333; text-decoration: none }

a.reverse:hover		{ color: #fff }
a.reverse:active	{ color: #fff }

img					{ border: none }

					/* General Classes */
.subButtons			{ color: white; font-weight: bold; position: relative; left: 12px }
.accent				{ background-color: #2da944 }
.bar				{ width: 20px; }

					/* Special Table Cells */
#outer				{ background-color: #336666; margin: 0 auto }
#breadCrumbs		{ color: #CFF; font-size: 8px; vertical-align: middle; padding: 5px }
#mainContent		{ position: relative; background-color: white; width: 532px; max-width: 532px }
#mainContent .column
					{ float: left; clear: left; margin: 0; width: 150px }
#mainContent p.column
					{ margin-left: 5px; font-style: italic }
#mainContent p, #mainContent h3, #mainContent li
					{ padding: 0 }
#mainContent p		{ margin: 0 0 10px 0 }
#mainContent h3		{ margin: 0 }
#mainContent li		{ margin: 0 0 5px 0 }
#topLevel			{ padding: 10px 10px 10px 175px; background-image: url(../Images/SubTitle.jpg); background-repeat: no-repeat }
#splashContent		{ padding: 130px 10px 10px 175px; background-image: url(../Images/MainTitle.jpg); background-repeat: no-repeat }
#logo 				{ width: 432px; height: 100px; max-height: 100px; background-image: url(../Logo/TasconLogohorizontal.gif); background-repeat: no-repeat; background-position: 0px 10px }
#copyright 			{ color: white; font-size: 10px; text-align: right; padding: 5px 10px }
#copyright a:link,
#copyright a:visited
					{ color: white }
#copyright a:hover,
#copyright a:active	{ text-decoration: underline }

					/* Button Control */
td.button			{ width: 200px }
a.button			{ display: block; background-image: url(../Images/buttonOrnament.png); background-repeat: no-repeat; background-position: 7px 5px; border-top: 1px solid white;
						border-bottom: 1px solid black; position: relative; background-color: #799; padding: 7px 5px 5px 25px; margin: 0 }
a.button,
a.button:hover,
a.button:visited,
a.button:active		{ color: black; text-decoration: none }
a.button:visited	{ background-color: #799 }
a.button:hover		{ background-color: #2da944 }
a.button:active		{ background-color: #003333 }
a.button img		{ border: none }
a.button p			{ font-size: 9px; margin: 0; padding: 0 0 5px 0 }
a.button ul			{ display: none; list-style: none }
a.button:hover ul,
a.button:active ul	{ display: block; margin: 0 0 0 20px; padding: 3px 0 0 0 }
a.button li			{ display: block; background-image: url(../Images/TracerOff.png); background-repeat: no-repeat;
						background-position: 3px 3px; margin: 0; padding: 3px 4px 0 25px; cursor: pointer; font-size: 9px;
						color: white; font-weight: bold }