@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&family=Kalam&display=swap');

BODY {
	font-family: 			"Roboto Condensed", "Arial", "Helvetica", sans-serif !important;
	background-image:		url('images/Background.gif');
	background-position:	center;
	}
	
TABLE.verb-tense-button {
	height:				34px;
	width:				275px;
	position:			relative;
	z-index:			2;
	}
	
TABLE.verb-tense-button TD {
	border-style:		solid;
	border-width:		1px;
	border-color:		#57A0E0 #003399 #003399 #57A0E0;
	cursor:				pointer;
	}

P.tense-button {
	font-size:			17px;
	font-weight:		bold;
	line-height:		100%;
	color:				#fff;
	margin:				0px 0px 0px 10px;
	}

.topnav {
	FONT-SIZE:			16px;
	LINE-HEIGHT:		100%;
	MARGIN:				0px 0px 0px 0px;
	}

A:link      {color: #066ACD;}
A:visited   {color: #066ACD;}
A:hover     {color: #066ACD;}

A:link.topnav      {color: #FFFFFF; text-decoration: none;}
A:visited.topnav   {color: #FFFFFF; text-decoration: none;}
A:hover.topnav     {color: #FFFFFF; text-decoration: underline;}

TABLE.tense-menu {
	border-style:		solid;
	border-width:		0px 1px 1px 1px;
	border-color:		#3284FF;
	width:				275px;
	position:			absolute;
	top:				42px;
	z-index:			2;
	}

TABLE.tense-menu TD {
	border-width:		0px;
	padding:			5PX 0px 5px 15px;
	background-color:	#E9F2FF;
	width:				275px;
	color:				#3284FF;
	cursor:				pointer;
	}

TABLE.tense-menu TD P {
	FONT-SIZE:			17px;
	font-weight:		bold;
	LINE-HEIGHT:		150%;
	}

TABLE.tense-submenu TD {
	border-style:		solid;
	border-width:		0px 1px 0px 1px;
	border-color:		#ccc #ccc #fff #fff; 
	height:				41px;
	vertical-align: 	middle;
	cursor:				pointer;
	}

P.tense-submenu {
	font-size:			17px;
	font-weight:		bold;
	line-height:		100%;
	color:				#0267CC;
	margin:				0px 10px 0px 10px; 
	}

TABLE.dropdown-menu {
	border-style:		solid;
	border-width:		1px;
	border-color:		#3284FF;
	position:			absolute;
	top:				91px;
	}

TABLE.dropdown-menu TD {
	min-width:			140px;
	border-width:		0px;
	font-size:			17px;
	line-height:		100%;
	color:				#0468CC;
	background-color:	#FFFFFF;
	padding:			6px 10px;
	cursor:				pointer;
	}

.title {
	font-size:			40px;
	FONT-WEIGHT:		bold;
	LINE-HEIGHT:		100%;
	margin:				50px 0px 30px 0px;
	}

.subtitle {
	color: 				#666;
	FONT-SIZE:			32px;
	FONT-WEIGHT:		bold;
	LINE-HEIGHT:		100%;
	MARGIN-TOP:			0px;
	MARGIN-BOTTOM:  	30px;
	}

table.conjugation-chart {
	border-width:		4px;
	border-spacing:		0px;
	border-style:		solid;
	border-color:		black;
	border-collapse:	collapse;
	}
	
table.conjugation-chart tr {
	height:				90px;
	}

table.conjugation-chart td {
	border-width:		4px;
	border-style:		solid;
	border-color:		#666;
	padding:			0px 0px 0px 10px; 
	min-width:			320px;
	cursor:				pointer;
	}

.conjugation {	
	font-size:			40px;
	FONT-WEIGHT:		bold;
	LINE-HEIGHT:		100%;
	MARGIN:				0px 10px;
	display:			none;
	}

.irregular {
	background-color: rgba(255,255,0,0.5);
	}

.small {
	font-size:			32px;
	}

A:link.tense-menu      {color: #666666; text-decoration: none;}
A:visited.tense-menu   {color: #666666; text-decoration: none;}
A:hover.tense-menu     {color: #0267CC; text-decoration: none;}

A:link.nav      {color: #777777;}
A:visited.nav   {color: #777777;}
A:hover.nav     {color: #3284FF;}

input {
	font-family: 	"Roboto Condensed", "Arial", "Helvetica", sans-serif;
	font-size:		17px;
	margin:			0px;
	}

.showHide {
	font-size:		17px;
	margin: 		10px;
	}

.conjugationNote {
	font-family: 	'Kalam', cursive;
	font-size:		23px;
	line-height:	150%;
	margin:			30px;
	}

.copyright {
	FONT-FAMILY:	'Roboto Condensed', 'Arial', 'Helvetica', sans-serif;
	FONT-SIZE:		12px;
	LINE-HEIGHT:	100%;
	MARGIN:			4px 0px 6px 0px;
	COLOR:			#0267CC;
	}

.endNotes {
	FONT-SIZE:		18px;
	FONT-WEIGHT:	bold;
	LINE-HEIGHT:	140%;
	MARGIN-TOP:		20px;
	MARGIN-BOTTOM:  0px;
	}