.head1 {
	font-family: Times, "Times New Roman", serif; 
	text-align: center;
	font-weight: bold;
	font-size: 48px;
	color: #0000FF;
}

.head2 {
	font-family: Times, "Times New Roman", serif; 
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	color: #000000;
}

.head3 {
	font-family: Times, "Times New Roman", serif; 
	text-align: left;
	font-weight: bold;
	font-size: 18px;
	color: #000000;
}

.menustyle {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	background-color: #000000;
}

a:link          {color: #0000FF; text-decoration: none}
a:visited       {color: #0000FF; text-decoration: none}
a:active        {color: #0000FF; text-decoration: none}
a:hover         {color: #FFFFEE; text-decoration: none; background: #0000FF}

a:link.white    {color: #FFFFFF; text-decoration: none; background: #000000}
a:visited.white {color: #FFFFFF; text-decoration: none}
a:active.white  {color: #FFFFFF; text-decoration: none}
a:hover.white   {color: #FFFFFF; text-decoration: none; background-color: #0000FF}

a:link.grey    {color: #AAAAAA; text-decoration: none; background: #000000}
a:visited.grey {color: #AAAAAA; text-decoration: none}
a:active.grey  {color: #AAAAAA; text-decoration: none}
a:hover.grey   {color: #AAAAAA; text-decoration: none}

a.bold:link     {color: #0000FF; text-decoration: underline; font-weight: bold}
a.bold:visited  {color: #0000FF; text-decoration: underline; font-weight: bold}
a.bold:active   {color: #0000FF; text-decoration: none}
a.bold:hover    {color: #FFFFEE; text-decoration: none; background: #0000FF}

.gap	   {margin-top: 4px; font-size: 1px;}
.gap1	   {margin-top: 1px; font-size: 1px;}
.gap2	   {margin-top: 2px; font-size: 1px;}
.gap4	   {margin-top: 4px; font-size: 1px;}
.gap6	   {margin-top: 6px; font-size: 1px;}
.gap8	   {margin-top: 8px; font-size: 1px;}
.gap10     {margin-top: 10px; font-size: 1px;}
.gap12     {margin-top: 12px; font-size: 1px;}
.gap14     {margin-top: 14px; font-size: 1px;}
.gap16     {margin-top: 16px; font-size: 1px;}
.gap20     {margin-top: 20px;}

.comic {font-family: Comic Sans MS, Comic Sans, Helvetica, Arial, sans serif; font-size: 18px; font-weight: normal;}

.mid	{text-align: center;}

.centext{display:block;font-size:x-large;margin:-.7em auto 0;width:8.5em}

.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

.midWTS {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	text-align: center;
}

.message {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: center;
}

.red       {color: #FF0000}

/*
section{order:3; max-width: 1200px;margin: 0 auto}

main{order:5;flex:1 1 70%;padding: 0 1% ; border:"none";} /* 0 10px 0 15px */

leftsidebar{order:1;flex:0 1 20%;padding:0 10px; text-align: center}

footer{order:7;background-color:#9ef;color:#000;border-top:1px solid #777;clear:both;font-family:"Browallia New";font-size:16px;padding:3px 18px;border-bottom-right-radius:1.5em;border-bottom-left-radius:1.5em;width:100%}

#content{order:4;display:flex;flex-flow:row nowrap;align-items:flex-start;width:100%;position:relative;overflow:auto;justify-content:space-around}


@media screen and (max-width:520px) and (min-width:280px){#content{flex-flow:row nowrap}nav ul li{margin: 2px !important}nav ul li a{font-size:12px !important; font-weight:normal;padding:3px 1px}nav ul ul{position:absolute;top:10px !important;padding:10px 4px 0 2px;width:194px} nav ul ul li a{font-size:18px !important;font-weight:normal} .side-gaps{max-width:99%}}

@media screen and (max-width:1000px) and (min-width:280px){#content{flex-flow:row wrap}iframe{width:520px!important;overflow-x:scroll!important}main{order:5;flex:1 1 65%;padding:0 5px}leftsidebar{order:6;flex:1 1 33%;padding:0 5px}}
*/

/* ---------- delete the following ----------

div.l { text-align: left;}
div.r { text-align: right;}
div.c { text-align: center;}

.menustyle {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	background-color: #000000;
}

.left_menu {
	text-align: center;
	background-color: #000000;
}

.left_item {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	background-color: #000000;
}

.red       {color: #FF0000}

.cent16	{font-size:16px; font-family:Arial,sans-serif; font-weight:bold; text-align:center; padding:0}

.image_left{
	float: left;
	margin-right: 2%;
}
.image_right{
	float: right;
	margin-left: 2%;
}

---------- down to here ---------- */