/* apply a natural box layout model to all elements  */
*, *:before, *:after {
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

BODY { COLOR: #053868; background-color:#fff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
H1 { FONT-SIZE: 16pt;
}
.banner { FONT-SIZE: 12pt; font-weight:bold;
}
H2 { FONT-SIZE: medium
}
TD, TH { COLOR: #053868; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
FORM { margin: 0; padding: 0;
}
.xsmalltext { FONT-SIZE: x-small
}
.disclaimerbar { FONT-SIZE: medium; PADDING: 5px
}
.leftnav { PADDING: 10px 10px 5px 10px; WIDTH: 200px;
}
.whitetext, a.whiteText, a.whiteText:visited { COLOR: #FFF;
}
ul.close { list-style-position: outside;
}
header {padding:10px 0;
}

@media (max-device-width:823px) {
	body { width:100%; overflow:hidden; margin:0; padding:0 6px;
	}
	.bannerimage { display:none
	}
	a {margin:2px
	}
}

@media (min-device-width:824px) {
	body { width:824px; margin:auto
	}
	.maintable { width:806px; margin:auto
	}
	.metallongcolorbox { padding: 10px; margin-right:20px
	}
}

@media (max-device-width:420px) {
	.hmpgbutton { width:310px
	}
	.hmpgbutton a { width:290px
	}
	.fpbox { height:6em; width:310px
	}
}
@media (min-device-width:421px) {
	.hmpgbutton { width:396px; height:102px
	}
	.hmpgbutton a { width:391px; height:102px
	}
	.fpbox { height:9em; width:205px
	}
}




.caption { font-style: italic; text-align: center;
}

/* --- MAIN TABLE --- */
.leftnavcell { border-bottom: #62619a 1px solid; background-color: #434381; width: 200px; vertical-align: top;
}
.spacercell { width: 15px;
}
.centrecell { border-bottom: #62619a 1px solid; border-top: #62619A 1px solid; vertical-align: top; padding: 0 0 10px 0;
}
/* --- END MAIN TABLE ---  */

/* --- MANGED NAV --- */




/* --- INLINE LINKS ---*/
.graphic { border:#000 solid 1px }
A:hover { text-decoration: none !important
}
a,a:visited { color: #053868; text-decoration: underline
}
A:hover .graphic, A:active .graphic { border:#000 solid 1px; 
}
IMG {border:0;
}

/* --- END INLINE LINKS ---*/


/* --- METAL homepage --- */


.fpbox { background-color: #62619A; float:left;margin:1px 1px 3px 0; color:#fff; padding:10px; position:relative}
.fpbox h4 {width:100%;margin: 0 0 1em 0; padding: 1pt 0}
.fpbox a { display: block; position: absolute; bottom: 0; left: 0; width: 100%;height:9em; z-index:1}
.fpbox a span {color:#fff; display: block; position: absolute; bottom: 0; left: 0; width: 100%;padding:10px}
.fpbox:hover { background-color:#434381}
.fpbox:hover h4 { text-decoration:underline}
.metallongcolorbox { width: 100%; background-color: #62619A; vertical-align: top; color: #fff;
}
.metallongcolorbox a { color: #fff;
}
.hmpgbutton {display:block;float:left;margin:0 6px 12px 0
}
.hmpgbutton:hover {background-color:#434381
}
.hmpgbutton a {display:block;padding-top:2em;padding-bottom:1em;border:0; text-decoration: underline;
}
.hmpgbutton:hover h4 {text-decoration: none;
}
.filmentry, .prettylink {width:100%; overflow:visible; margin:0; background-repeat:no-repeat
}
.filmentry { height:116px; padding-left:174px; background-position: center left
}
.filmentry table { height:116px;overflow:visible
}
.prettylink { padding-left:130px; background-position: top left
}

/* --- Class for links with no underline except on hover --- */
A.homepagelinks:link, A.homepagelinks:visited { color: #fff; text-decoration: underline;
}
.homepagelinks { padding-left:195px; font-size: 110%; font-weight: bold
}
a.homepagelinks:hover { color: #fff; text-decoration: none;
}
A.homepagelinksmall{ font-size: 12px; font-weight: bold;
}
A.homepagelinksmall:link, A.homepagelinksmall:visited { color: #fff; text-decoration: underline;
}
a.homepagelinksmall:hover { color: #fff; text-decoration: none
}

.highlightbox { width:80%;
padding:5px;
margin: 0 auto;
background-color: #cff;
vertical-align: middle;
text-align: center;
border: black solid 1px;
font-weight:bold;
font-size:180%;
}