/* hpp_styles.css - Styles for HPP's web pages, Version 2.0 */

<style type="text/css">

<!--

@media screen and (max-width:600px) {
html{
display: flex;
overflow-x: hidden !important;
}
#container {
display: flex;
flex-direction: column;
margin: 50px;
padding: 0px;
height: auto;
background-color: #FFFFFF;
text-align: left;
font-family: Helvetica;
font-size: 20px;
color: #313030;
}
#header {
display: flex;
flex-direction: column;
height: 220px;
}
#container #header #banner {
font-size: 32px;
}
#container #header #banner h1 {
font-size: 32px;
padding: 5px;
}
#container #header #commenue {
padding-top: 80px;
}
#container #header #commenue table{
width: 350px;
}
#container #header #commenue h2{
padding-top: 10px;
}
#container #header #navbar {
font-size: 16px;
text-align: center;
padding-top: 50px;
}
#container #header #navbar ul {
display: flex;
align-items: stretch;
justify-content: space-evenly;
width: 100%;
margin: 0;
padding: 0;
}
#container #header #navbar ul li {
display: block;
flex: 0 1 auto;
list-style-type: none;
}

#container #main #Upperpanel {
padding-top: 30px;
}
#container #main #Upperpanel table h1 {
font-size: 24px;
}
.myagent{
font-size: 16px;
}
#container #main #Mainpanel {
padding-top: 40px;
font-size: 16px;
}
#container #main #Mainpanel table {
padding-bottom: 20px;
}
#container #main #Mainpanel h1 {
font-size: 20px;
}
#container #main #Mainpanel p {
font-size: 20px;
}
#container #main #Mainpanel #footer {
font-size: 12px;
}
}

body {
     }
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	color: #222224;
        background-color: #FFFFFF;
}

#container {
	margin: auto;
	padding: 0px;
	height: auto;
	background-color: #FFFFFF;
	text-align: left;
	font-family: Helvetica;
	font-size: 13px;
	color: #111;
	flex-direction: row;
	flex-wrap: wrap;
}

#container p {
	font-family: Helvetica;
	font-size: 13px;
	color: #111;
        text-align: left;
}

#container ul li {
	font-family: Helvetica;
	font-size: 13px;
	color: #111;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin: 0px;
        text-align: left;
}

#container ol li {
	font-family: Helvetica;
	font-size: 13px;
	color: #111;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin: 0px;
        text-align: left;
}

#container h1 {
	font-family: Helvetica;
	font-size: 18px;
	font-weight: bold;
	color: #771577;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#container h2 {
	font-family: Helvetica;
	font-size: 16px;
	color: #771577;
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#container h3 {
	font-family: Helvetica;
	font-size: 14px;
	color: #777777;
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#container h4 {
	font-family: Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #779AC5;
	text-transform: uppercase;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.fontcolor {color: #000000;}

.header {background-color: #000000; color: #000000;}
.headerf {font-size: 9pt; color: white;}
.headerfb {font-size: 13pt; color: white;}
.menuele {background-color: #aaaaaa; color: #000000; text-align: center;}
.textele {background-color: #ffffff; color: #000000;} 
.pmenu {background-color: #5555ff; color: #ffffff; text-align: left;} 
.example {background-color: #dddddd; color: #2222ff;} 
.singlel {background-color: #f9f9f9; color: #0000ff;} 
.whitefont {color: #ffffff;} 
.mainbody {background-color: #000000; color: #ffffff;}
.portal {background-color: #111111; color:#ffffff;}
.notes {background-color: #ddddcc; color: #444577;}
.slidelib {background-color: white; color: #444567;}
.lastupdated {font-size: 7pt; color: #ffffff;}
.locallinks {font-size: 8pt; color: #111111;}
.commands {font-size: 9pt; color: #0000FF;}
.examples {font-size: 9pt; color: #FF00FF;}
.menuheaders {font-size: 9pt; color: #ffffff;}


.sevenpix {font-size: 7pt;}
.eightpix {font-size: 8pt;}
.ninepix {font-size: 9pt;}
.twelvepix {font-size: 12pt;}
.thirteenpix {font-size: 13pt;}
.fifteenpix {font-size: 15pt;}

* {face="Arial, Helvetica, Verdana, sans-serif";}

h1 {font-size: 17pt;}
h2 {font-size: 17pt;}
h3 {font-size: 15pt;}
h4 {font-size: 13pt;}
h5 {font-size: 12pt;}
p  {font-size: 12pt;}
ul {font-size: 12pt;}
ol {font-size: 12pt;}
table {font-size: 12pt;}

a:link {color: #513030; text-decoration: none; font-weight: bold; background: #BBDDFF;}
a:visited {color: #123175; text-decoration: none; font-weight: bold; background: #CCDDEE;}
a:hover {color: #000000; text-decoration: none; background: #879CAF;}
a:active {text-decoration: none;}

.myagent {background-color: #dddddd; color:#dd00dd;}

-->
</style>