body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
text-align: left;
color: black;
font-size: 16pt; 
}

table {
	margin: 5px;
}

td {
	font-size: 12pt; 
	line-height: 1.6; 
	vertical-align: middle;
	color: #667766;
}

h1 {
	color:black;
	font-size: 20pt; 
}

.content {
font-size: 12pt; 
color: #667766;	
line-height: 1.6;
vertical-align: top;
}

.menuOption {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 10px;
padding: 0px;
font-size: 20pt; 
text-align: left;
color: black;	
font-weight: bold;
line-height: 27pt;
}

.description {
text-align: right;
font-style: italic;
}

.menuOption:hover {
color: #00ff00;
}

.subMenu {
font-size: 12pt; 
color: #667766;	
line-height: 1.4;
}

.subTitle {
font-size: 14pt;
font-weight: bold;
color: #667766;	
line-height: 1.4;
}

.subMenu:hover {
color: black;	
}

.subTitle:hover {
color: #00ff00;
}


@media screen and (orientation: portrait) {
  body {
    font-size: 16pt;
}
  td {
    font-size: 16pt;
  }
  h1 {
    font-size: 24pt;
  }
  .menuOption {
    font-size: 24pt;
    line-height: 36pt;
  }
  .content {
	font-size: 18pt; 
	}

	.subMenu {
	font-size: 24pt; 
}

	.subTitle {
	font-size: 24pt;
	}
}