body  {
	font: 1em Arial, Helvetica, sans-serif; /* The default parent font.  Any text element will show up with these setting unless specified differently on that element. */
	background: #FFFFFF; /* The overall while page background.*/
	color: #000000; /* Sets the font color for the pages to be black */
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0; /* ensures no extra spacing is added*/
}
/* This is the link treatment for all states of an a link */
a:link{ border:none; color:#007fC4;	text-decoration: none;}
a:visited{ border:none; text-decoration: none;}
a:hover{ text-decoration: underline;}
form {	margin: 0em;	padding: 0em;}
a img{border: none;	}

.skipnav { text-align: left;
}
.skipnav a { position: absolute;
	left: -10000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.skipnav a:focus, .skipnav a:active {
	position: absolute;
	left: 0.8em;
	width: auto;
	height: auto;
	overflow: visible;
	text-decoration: underline;
	float:left;
}

h1 {
	margin: 0px 0px 10px 0px;
	padding: 0px 5px 0px 5px;
	font: normal 20px Arial, Helvetica, sans-serif;
	background-color: #CCE5F3;
	text-decoration: none;
	vertical-align: middle;
}
h2{
	margin: 0px;
	padding: 0px 0px 10px 7px;
	font: bold .75em Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration: none;
}
h3{
	margin: 0px;
	padding: 0px 0px 5px 7px;
	font: bold .75em Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration: none;
}
h4{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font: normal .75em Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration: none;
}
/**************/
/**PAGE FRAME**/
/**************/

#Frame{	width: 560px; border: 1px solid #B2B3B5; }
#FrameLevelOne{	width: 950px; border: 0em;}
.PTable {
	border-left: 1px solid #B2B3B5;
	border-right: 1px solid #B2B3B5;
	border-bottom: 1px solid #B2B3B5;
	width: 540px;
	margin-left: 200px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
}
.PTableNOJS {
	border-top: 1px solid #B2B3B5;
	border-left: 1px solid #B2B3B5;
	border-right: 1px solid #B2B3B5;
	border-bottom: 1px solid #B2B3B5;
	width: 540px;
	margin-left: 200px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 4px 0px 4px 2px;
}
#LeftNav .TileAd img{	padding-bottom: 5px;	}
#LeftPadding{width:20px;margin: 0px;padding: 0px;	}

/**************/
/**Header**/
/**************/
/***************/
/**PAGE HEADER**/
/***************/
#AccessibilityNav{height:18px;color:#ffffff; font-size: 1px;}
#Fal {
	padding: 10px 0px 0px 10px;
	font:12px Arial, Helvetica, sans-serif;
	height: 20px;
	color: #FF9900;
	vertical-align:top;
	text-align:left;
	text-decoration: none;
}
#Fal a:link,#Fal a:visited,#Fal a:hover,#Fal a:active{ padding: 0px 10px 0px 10px; color:#007fc4; text-decoration:none;}
#HdrTbl{width: 950px;border: 0px;	margin-bottom: 10px;}
#HdrLogo {
	margin:0px;
	padding:0px;
	width: 200px;
	vertical-align: top;
	text-align: right;
}
#HeaderLinksCell{
	padding:0px;
	margin: 0px;
	width: 500px;
	height: 30px;
	color: #B2B3B5;
	vertical-align:bottom;
	text-align:left;
	white-space: nowrap;
}
#HeaderLinks, #HeaderLinks a:link,#HeaderLinks a:visited, #HeaderLinks a:hover, #HeaderLinks a:active{
	font: bold 16px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.HeaderLinks a:hover{
	text-decoration: underline;
	}
	
#HeaderLinks{	width: 500px; padding: 0px 0px 5px 0px;}
#HeaderLinks a{padding: 0px 10px 5px 10px;}
#HeaderSearchCell{padding: 3px 0px 0px 0px; margin: 0px;width: 250px;text-align:left;white-space: nowrap;}
#HeaderSearchCell img{vertical-align: middle;}
.HeaderSearch, .HeaderSearch select, .HeaderSearch input{
	padding:0px;
	margin:1px;
	font:11px Arial, Helvetica, sans-serif; 
	border:1px solid;
	border-color: #B2B3B5;
}

/*  NEW HEADER  */
#header { 
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin: 0 0 25px 0;
	width: 61.25em;
	height: 60px;
}
#headerLogo {
	text-align:left;
	float:left;
	margin: 25px 0 15px 0em;
}
#headerLinks {
	padding: 2px 5px 0px 0px;
	margin-top: 1.5em;
	float:left;
	width: 425px; /* MV added this to make the Header spacing correct if the links within it change*/
} 
#headerLinks ul{ 
	margin: 0px; /* ensures no extra spacing is added*/
	padding: 0px; /* ensures no extra spacing is added*/
	font: bold 16px Arial, Helvetica, sans-serif;
	text-decoration:none;
} 
#headerLinks li{
	display: inline; /* makes the LI elements appear horizontally instead of vertically */ 
	border-left: 2px solid #999999; /*creates the vertical bar seperator between the links */
	font-weight: bold; /* text appears bold */ 
}
#headerLinks li.first{/* This class is used to identify the first item of the UL list */ 
	border-left: 0px; /* removes the vertical bar seperator */ 
}
#headerLinks li a{/* Changes the links from default look to a bolder larger look to stand out on page */
	padding: 0px 15px 0px 17px; /* adds spacing between the links and the vertical bars (border) */ 
}

/*********************************/
/**LEFT NAVIGATION FRAME CONTENT**/
/*********************************/
#LeftNav{
	width: 145px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align:top;
}
.LeftNavBox{
	margin-top: 0px;
	font: 12px Arial, Helvetica, sans-serif;
	width: 145px;
	padding-bottom: 10px;
}
.LargeBlueTab{
	padding: 10px 0px 20px 0px;
	font: bold 16px Arial, Helvetica, sans-serif;
	text-align: center;
	background: url('../images/hpn-main-section-head-1x40.jpg') repeat-x ;
	text-decoration: none;
}
.LargeBlueTab a:link, .LargeBlueTab a:visited, .LargeBlueTab a:active{
	text-decoration: none;
}
.LargeBlueTab a:hover{
	text-decoration: underline;
}

.LeftNavBox ul{margin:5px;padding:0px 0px 0px 15px;text-indent:0px;
}
.LeftNavBox li{margin:0px; padding:0px 0px 3px 0px;
}
.NavLink a:link,.NavLink a:active,.NavLink a:visited, .NavLink a:hover{
	font:bold 12px Arial, Helvetica, sans-serif;
	display: block;
	padding: 0px 0px 3px 5px;
	border-bottom: 2px solid #FFFFFF;
	text-decoration: none;
}
.NavLink a:link,.NavLink a:active,.NavLink a:visited, .NavLink a:hover{	color: #007FC4;	background-color: #ffffff;}
.NavLink a:hover{	color: #ffffff;	background-color: #A6D2EA;}
.NavLink .NavActiveLink, .NavActiveLink a:hover, .NavActiveLink a:link, .NavActiveLink a:visited{
	font:bold 12px Arial, Helvetica, sans-serif;
	display: block;
	color: #000000;
	text-decoration: none;
	background-color: #A6D2EA;
	padding: 0px 0px 3px 5px;
	border-bottom: 2px solid #FFFFFF;
}


/************
/**Main Section**/
/**************/
.ActionLinks{
	vertical-align: bottom;
	color: #F17C0E;
	font-size: 12px;
	padding: 0px 5px 0px 5px;
	text-align: center;
}
.ActionLinks a{	font-size: 12px;	color:#000000;
}
.BodyContent{	font: .75em Arial, Helvetica, sans-serif;}
.BodyContentSmall{	font: 10px Arial, Helvetica, sans-serif;}
.BodyContentBold{	font: 12px Arial, Helvetica, sans-serif; font-weight: bold}
.BodyContent li{padding-right: 7px;
}
.LoginTitle {
    margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 15px;  
	font-size: 18px;
	font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif; 
	color:#000000;
	text-align: left;
}
.LoginDividerCell{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:1px;
	height: 100%;
	background: url('../images/hpn-grey-divider-1x1.gif') repeat-y ;
	vertical-align:top;
	text-align:left;
	white-space: nowrap;
}
#Middle {
	width: 600px;
	vertical-align:top;
	text-align: left;
	padding: 0px 8px 0px 8px;
}
.MainLinksCell{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 40px;
	background: url('../images/hpn-main-section-head-1x40.jpg') repeat-x ;
	text-align:left;
	white-space: nowrap;
}
.MiddleCell{padding: 5px 10px 0px 10px;
}
p.margin {margin-left: 10px
} 

.TopMiddleCell,.MiddleCell{
	vertical-align:top;
	width:194px;
	background: url('../images/214x8-vertical-orange-dash.gif') repeat-y center left;
}

.TopMiddleCell{padding:0px 10px 0px 10px;}
.TopOutsideCell,.OutsideCell {
	vertical-align:top;
	width:193px; 
}
.OutsideCell {padding:5px 0px 0px 0px;}
.SectionTitle{padding: 5px 0px 0px 5px;}
.SectionTitle,.SectionTitle a:link,.SectionTitle a:visited {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #007fc4;
	background-color: #CCE5F3;
	height: 45px;
	display: block;
	text-decoration: none;
}
.SectionTitle a:hover{
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #007fc4;
	background-color: #CCE5F3;
	height: 45px;
	display: block;
	text-decoration: underline;
}
.SectionTitleNoLink {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #CCE5F3;
	height: 45px;
	display: block;
	text-decoration: none;
}
.SectionTitle {margin: 0px 0px 10px 0px;}
.TableGreyBorder{border: 1px solid #B2B3B5;}
.TableGreyBorderLftNav{
	border-left: 1px solid #B2B3B5;
	border-right: 1px solid #B2B3B5;
	border-bottom: 1px solid #B2B3B5;
}
.TopOutsideCell{padding:0px;}


.HorizontalDash{height: 3px; padding:0px; background: url('../images/8x1-horizontal-orange-dash.gif') repeat-x center left;}
/***************/
/**PAGE FOOTER**/
/***************/
#FooterLine{	margin: 20px 0px 10px 20px;	width: 910px;}
.Footer{	width: 500px;	margin: 0px 240px 0px 210px;	padding: 0px;	}


.Footer, .Footer a:link,.Footer a:visited, .Footer p{
	font: 11px Arial, Helvetica, sans-serif;
	color: #000000;
	text-align:left;
	text-decoration: none;
}
.Footer p{margin:0px;padding:0px;}
#FooterLvl1,#FooterLvl1 a:link,#FooterLvl1 a:visited{
	margin: 0px;
	padding: 0px 1px 0px 0px;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #007fc4;
	}
.Footer a:hover, #FooterLvl1 a:hover{text-decoration: underline;}
/***************/
/**NEW PAGE FOOTER**/
/***************/
#footer {
	padding: 1em 0em 1em 0em; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	margin-top: 35px;  /* spacing added to seperate the footer from the rest of the page */
	margin-right: 10px;
	margin-left: 10px;
	border-top: 1px dashed #FF9900;  /* orange dashed line to visually seperate the footer from the content */
	font-size: 0.7em;  /* font size is set slightly smaller than the other elements on the page to signify less importance */
	text-align:center;  /* all items within the footer are centered on the page */
	clear:both;  /* clears any floats from the other elements on the page, so that the footer appears below them */
} 
#footer ul {
	padding: 0; /* ensures no extra spacing is added */
	margin: 0; /* ensures no extra spacing is added */
}
#footer li {
	display: inline;  /* displays list items horizontally */
	margin: 0; /* ensures no extra spacing is added */
	padding: 0px 1px 0px 5px;  /* spacing between list items and vertical spacer (border) */
	border-left: 1px solid #000;  /* visual vertical spacer to seperate links */
}
#footer li.first{
	border-left: 0px;  /* seperater (border) removed from the first item in the list */
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}


/* --------------- FLOAT SETTINGS -------------- */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
	margin-left: 10px;
}