td			{ font-family: Trebuchet MS; font-size: 10pt; }
.norm		{ font-family: Trebuchet MS; font-size: 10pt; text-align: left; }
.normcent	{ font-family: Trebuchet MS; font-size: 10pt; text-align: center; }
.small		{ font-size: 8pt; }
body		{ background-color: #F5F4E0; background-image: url('bg-diagonal.gif'); }
a			{ color: #3399FF; text-decoration: none;}
a:hover		{ color: #0033CC; text-decoration: underline;}
#yomi		{ position: relative; font-family: MS Mincho, MS Gothic; font-size: 20pt; color: #000000; }
#flashCard	{ position: relative; font-family: MS Mincho, MS Gothic; font-size: 50pt; color: #000000; }
#cardCount	{ position: relative; visibility: visible; }	
.ctrlPanel{
			  border-width: 1px; border-style: outset; border-color: #99CCFF; 
			  background-color: #ffffff; }
			  
			  
.shadow, .tableHead{
			  background-image: url('bg-diag-small.gif');
			  background-position: bottom left;
			  background-repeat: repeat-x; }
.tableHead, .activeTab, .inactiveTab
			{ font-size: 12pt; font-weight: bold; }
.tableHead	{ color: #ffffff; }

.tableHead, .inactiveTab
			{ background-color: #0033CC; }
.activeTab 	{ background-color: #99CCFF; text-transform: uppercase; }
.activeTab a{ color: #0033CC }
.activeTab a:hover, .inactiveTab a:hover{ color: #3399FF }
.inactiveTab a{ color: #ffffff }

.flashCardContainer, .tableCell{
			  border-width: 1px; border-style: outset; border-color: #99CCFF; 
			  background-color: white;}

.textHead	{ font-family: Trebuchet MS; font-size: 18pt; color: #3399FF;
			  line-height: 80%; text-align: left;
			  border-bottom: solid 1px #99CCFF; }
.justify	{ text-align: justify; }

.border		{ border-width: 1px; border-style: outset; border-color: #99CCFF }