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;	}

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;
}
#LeftNav .TileAd img{	padding-bottom: 5px;	}
#LeftPadding{width:20px;margin: 0px;padding: 0px;	}

/**************/
/**Header**/
/**************/
/***************/
/**PAGE HEADER**/
/***************/
/*  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: 12px 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(https://www.sasktel.com/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 0 1em 0; /* 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 */
	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 */
}