/* main.css 10-14-2023 */

body		{
		margin: 0px; background:#333333;
		color:#c0c0c0;
		font-family: "Trebuchet MS";
		}
table		{
		width: 540px;
		border-collapse: collapse;
		}
td		{
		padding: 5px;
		}
.f8		{font-size: 8pt;}

.f2		{font-size: 13px;}
.f3		{font-size: 16px;}
.f4		{font-size: 19px;}
.f5		{font-size: 24px;}

.f3o		{font-size: 16px; color: #ff8000;}
.f4o		{font-size: 19px; color: #ff8000;}
.f5o		{font-size: 24px; color: #ff8000;}
.f6o		{font-size: 32px; color: #ff8000;}
.f7o		{font-size: 48px; color: #ff8000;}

.f6ob		{font-size: 32px; color: #ff8000; font-weight: bold;}
.f7ob		{font-size: 48px; color: #ff8000; font-weight: bold;}

a:link, a:visited	{color: #ff8000;}

.RaceSetLinks	{
		font-family: arial;
		font-size: 10pt;
		}
.RaceSetLinks td	{
		padding: 4px;
		vertical-align: top;
		}
.RaceSetLinks li	{
		padding-top: 4px;
		}
.RaceSetLinks li a:hover	{
		margin-left: 0px;
		}
.footer		{
		font-family: arial;
		font-size: 10pt;
		color: #ff8000;
		}
/* borrowed & modified codemahal.com still no dropdown */
#nav		{
		background-color: #333333;
		text-align: right;
		height: 95vh;
		width: 160px;
		margin-top: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
		float: left;
		overflow: auto;
		}
#nav hr		{
		margin: 1px 0px 1px 20px;
//		width: 120px;
		color: #ff8000;
		}
#container	{
		display: flex:
		vertical-align: top;
//		width: 540;
		height: 95vh;
		float: left;
		padding: 10px 20px 10px 5px;;
		overflow: auto;
		}
h2		{
		font-family: "Tahoma";
		}
h3		{
		font-size: 10pt;
		text-align: left;
		margin: 4px 0px 4px 20px;
		padding-left: 10px;
		display: block;
		background-color: #ff8000;
		color: #333333;
		}
#footer2	{
		clear: both;
	//	padding-left: 190px;
		}
ul		{
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 100%;
		background-color: #333333;
		font-size: 8pt;
		font-style:none;
		}
li a		{
		display: block;
		color: #ff8000;
		padding: 0px 2px 2px 0px;
		text-decoration: none;
		}
li a:visited	{
		background-color: #ff8000;
		color: #ff8000;
		}
li a:hover	{
		background-color: #ff8000;
		color: #333333;
		margin-left: 20px;
		}

/* mobile 10/28/2023 */
@media screen and (orientation: landscape)
{
#container	{
//		display: none;
//		padding-right: 10px;
		}
}
@media screen and (min-width: 320px) and (max-width: 568px) and (orientation: portrait)
{
body		{
		background-image: url('/images/landscapeplease.gif');
		background-repeat: repeat-y;
		background-position: 20px 0px; //horizontal vertical
		}
#nav		{
		padding-top: 20px;
		margin-top: 0px;
		margin-left: 180px;
		}
#container	{
		display: none;
		{
}