html, body { 
margin: 0; 
padding: 0; 
height: 100%
} 

body { background: #fff url(../images/mbg.gif) repeat scroll top right; text-align: center; }
body, td, div, p, a, li, ul, ol { font: small/100% Arial, Verdana, Helvetica, Lucida, sans-serif; color: #999; }

/* Used to place page in middle of user's browser */
#allscreen { height: 100%; width: 100%; background: #fff url(../images/hwstain.gif) no-repeat bottom right;}
	
h1.title {
	text-indent: -999em;
	background: url(../images/hpmlogo.gif) no-repeat left top;
	width: 174px; height: 134px;
	margin: 10px auto 10px auto;
}
tr.tr-intro { display: none; }
	
/* Main Page Layout section */
#content {
	width: 100%; height: 100%;
	background: #fff url(../images/mbg.gif) repeat;
	border: 1px solid #000;
}

#header {
	margin: 0, 0, 0, 0;
	height: 10px; width: 100%;
	text-align: right;
	padding-right: 10px; padding-top: 10px;
}

#logo {
	text-align: center;
	height: 134px;
}

#logo img {
	display: block;
	margin-left: auto; margin-right: auto;
}

#maincats { height: 120px; }

table#mmenu {
	font: 1em; arial, verdana, helvetica, lucida, sans-serif;
    text-align: center;
}
table#mmenu td.abar {
	font-size: 4px;
	line-height: 4px;
	background: #fff url(../images/mcline.gif) no-repeat;
	width: 190px;
}
table#mmenu td.acell a {
	 font-size: 1em;
     font-weight: normal; 
     text-decoration: none;
	 letter-spacing: 2px;
     display: block;
     margin: 0;
     padding: 0;
	 color: #4e4b4a;
	 width: 190px;
}
#mmenu td a:link, #mmenu td a:visited, #mmenu td a:active {
	 display: block;
	 margin: 0;
	 line-height: 30px;
}
#mmenu td a:hover {
	color: #000;
	background: #fff url(../images/cmover.gif) no-repeat;
}

#special {
	font: 1em; arial, verdana, helvetica, lucida, sans-serif;
	height: 60px;
}

#special div {
	position: relative;
	height: 30px;
	margin-left: auto; margin-right: auto;	
}

#special div a {
	line-height: 60px;
	display: block;
	text-align: center;
	text-decoration: none;
	position: relative;
	top: 14px;
	letter-spacing: 0.1em;
}

#special div a:link, #special div a:active, #special div a:visited {
	color: #858383;
}
#special div a:hover {
	color: #a51018;
}

#footer {
	height: 35px;
	padding-left: 10px;
	letter-spacing: 1px;
}

div.best { padding-bottom: 5px; letter-spacing: 2px; font-size: 0.8em; }
div.copyright { color: #c05850; text-align:center; font-size: 10px; }
div.credits {text-align:center; margin: 5px 0 0 0;  }
div.credits a { text-decoration: underline; color: #858383; }
div.credits a:link, div.credits a:active, div.credits a:visited { 
	text-decoration: underline; color: #858383; font-size: 0.8em;
}
div.credits a:hover { color: #c05850; }

a.header { letter-spacing: 1px; text-decoration: none; }
a.header:link { letter-spacing: 1px; text-decoration: none; }
a.header:active { letter-spacing: 1px; text-decoration: none; }
a.header:visited { letter-spacing: 1px; text-decoration: none; }
a.header:hover { letter-spacing: 1px; text-decoration: none; color: #b74046; }