html, body, #container { 
min-height: 100%; /* Not supported by IE 5/6, but required for Firefox/Opera */ 
width: 100%; 
height: 100%; 
} 
 /*************************************************************************** 
* The "height" above is a hack for IE5+/Win. Below it's adjusted using 
* the child selector to hide from IE5+/Win. 
* Without this, Moz1.0 adds a vertical scrollbar, & Firefox1.0/Opera7.54 
* cover everything with the footer when the viewport gets too small. 
***************************************************************************/ 
html>body, html>body #container { 
height: auto; 
} 
body { 
margin: 0;
} 
#container { 
position: absolute; 
top: 0; 
left: 0; 
bottom: 0;
right: 0;
font-family: Verdana;
font-size: 10pt; 
} 
#main { 
margin-bottom: 20px; 
height: auto; 
} 
#header { 
width: 100%; 
height: 50px;
} 
#content { 
width: 100%; 
overflow: auto;
} 
#footer 
{
position:absolute;
bottom: 0; 
width: 100%; 
height: 20px; 
}
#companyName 
{
	font-family: Verdana;
	font-size: 16pt;
	font-weight: bold;
	color: Navy;
}
#formatName
{
	font-family: Verdana;
	font-size: 11pt;
	font-weight: bold;
	color: Navy ;
}
.loginInfoLabel
{
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	color: Navy;
}
.loginInfoText
{
	font-family: Verdana;
	font-size: 8pt;
	color: Black;
}