a:link       { color: #3300CC; text-decoration: none; font-weight: bold}
a:visited    { color: #000080; text-decoration: none; font-weight: bold }
a:active     { color: red; text-decoration: none; font-weight: bold }
a:hover      { color: red; text-decoration: none; font-weight: bold }
body
{
	margin-left: 30px; margin-right: 30px
}
LI
{
	margin-left: 0px
}

/* td
{
	border-width: 1;
	border: 1px solid #C0C0C0;
}
*/
.tdhighlight
{
	background-color: silver;
	font-weight: bold
}
.title       { color: #FFFFFF; background-color: gray; font-family: Verdana; font-size: 13pt; 
               font-weight: bold }
h1, h2, h3, h4, h5, h6 { text-align: Center
}
h1           { font-size: 16pt }
h2           { font-size: 14pt }
h3           { font-size: 12pt }
h4           { font-size: 11pt }
h5           { font-size: 10px }
h6           { font-size: 8pt }

hr           { color: silver; width: 50% }
INPUT
{
FONT-SIZE: 8pt;
FONT-STYLE: normal;
FONT-VARIANT: normal;
FONT-WEIGHT: bold;
LINE-HEIGHT: normal
}
SELECT
{
FONT-SIZE: 9pt;
FONT-STYLE: normal;
FONT-VARIANT: normal;
FONT-WEIGHT: bold;
LINE-HEIGHT: normal
}
UL{
line-height: 170%
}

.hidev {
	visibility: hidden;
}

.cred {
FONT-WEIGHT: bold;
color: #FF0000;
}

@media screen and (max-width: 700px){
  table[width] {
    width: 100%;
    overflow: auto;
    display: block;
  }

	table[width] tbody {
    width: 100%;
    display: table;
	}

  img {
    max-width: 100%;
	height: auto;
  }

  .margincontent {
    margin: 0 15px;
    line-height: 1.5rem;
  }
}

@media screen and (max-width: 768px){
  iframe[name^=Header] {
	  height: 220px;
  }
}

@media screen and (max-width: 556px){
  iframe[name^=Header] {
	  height: 170px;
  }
}