BODY
{
  background-image: url("images/bg_main.gif");
  margin-left:10px;
  margin-right:10px;
  font-family:Verdana, sans-serif;
  font-style:normal;
  font-size:12pt;
  color:black;
}

P
{
  font-size:12pt;
  color:black;
}

table, tr, td, th
{
  font-size:12pt;
  color:black;
}

H1
{
  font-size:18pt;
  font-weight: bold;
  color: rgb(15%,25%,60%);
}

H2
{
  font-size: 14pt;
  font-weight: bold;
  color: rgb(15%,25%,60%);
}


H3
{
  font-size: 12pt;
  font-weight: bold;
  color: rgb(15%,25%,60%);
}

.title{
    color:white;
	font-weight:bold;
	font-size:3.5vw;     
	text-align:center; 
	background-color:#22479F; 
	width:100%;
}

.menu {
	 display:none; 
	 min-width:300px; 
	 background-color:#e0e0e0; 
	 padding:10px;
     position:absolute; 
	 right:12px; 
	 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.8);
}

.inSpecial {
	margin-left:112px; 
	margin-right:115px;
}

.mainButton {
	background-color:white;
    border:none; 
	font-size:40pt;
	padding:0px 30px 0px 30px;
}

.mainButton:hover {
	background-color:white;
    border:none; 
	font-size:45pt;
	padding:0px 27px 0px 27px;
}

.mainButton:active {
	background-color: white;
    border:none; 
	font-size:40pt;
	padding:0px 30px 0px 30px;
}

.returnButton {
	background-color:white;
    border:none; 
}

.menuButton {
    font-family:Verdana, sans-serif;
    font-size:14pt;
    color:black;
	font-weight: bold;
    border:none; 
	background-color:#e0e0e0;
}

.aSpecial {
    font-family:Verdana, sans-serif;
    font-size:14pt;
    color:black;
	margin-left:8px;
	font-weight: bold;
	text-decoration:none;
}

/*
@media all and (max-device-width: 1200px){
    p, h3 { font-size: 12pt; }
	.title { font-size: 2vw; }
	.menuButton, .aSpecial { font-size: 24pt; }
    h1 { font-size: 18pt; }
    h2 { font-size: 14pt; }
}
*/

@media all and (max-device-width: 800px){
    p, h3 { font-size: 12pt; }
	.title { font-size: 2vw; }
	.menuButton, .aSpecial { font-size: 24pt; }
    h1 { font-size: 18pt; }
    h2 { font-size: 14pt; }
}

@media all and (max-device-width: 300px){
    p, h3 { font-size: 14pt; }
	.title { font-size: 2vw; }
	.menuButton, .aSpecial { font-size: 24pt; }
    h1 { font-size: 18pt; }
    h2 { font-size: 16pt; }
}

input
{ 
  background-color: white; 
  padding: 0 1mm;
  font-family:Verdana, sans-serif;
  font-size:10pt;
  border: 1px solid rgb(55%,55%,55%);
}


/*
** This defines the general look of tables for multiple row listing.
*/

.clsTable
{
  font-family:Verdana, sans-serif;
  color: black; 
  font-size:10pt;
  font-style: normal;
  border-collapse: collapse;
}

/*
** This defines the look of table header for multiple row listing.
*/

.clsTableHeader TH
{
  font-weight: bold;
  background-color:rgb(80%,80%,80%);  
  text-align: left;
  border: 1px solid rgb(55%,55%,55%);
  padding: 1mm 1mm;
}


/*
** This defines the look of table data cells for multiple row listing.
*/

.clsTableRow TD
{
  background-color:white; 
  text-align:left;
  border: 1px solid rgb(55%,55%,55%);
  padding: 0 1mm ;
}


/*
The following classes are currently not used
--------------------------------------------

** This defines the look of the table within forms for prompts and input fields.

Table
{
  font-family:Verdana, sans-serif;
  font-size:10pt;
  color: black; 
  font-style: normal;
}


** This defines the attributes of the BODY portion of the title frame.

.TitleBody
{
  font-family:Verdana, sans-serif;
  color:white;
  font-size:17pt;
  font-weight: bold;
  background-color:#336699;
}

/*
*  This defines the attributes for the BODY portion of the contents frame.


.ContentsBody
{
  font-family:Verdana, sans-serif;
  color:white;
  font-size:10pt;
  font-weight: bold;
  background-color:#6699CC;
  link:#FFFFFF;
  alink:#666666;
  vlink:#336699
}
*/