/* CSS Document */


/**** GLOBAL ****/

body{
	margin:0; padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

p, li{
	font-family:Arial, Helvetica, sans-serif;
	color:4c4c4c;
	font-size:13px;
}

h1{
	font-family:'Century Gothic', Arial, Helvetica, sans-serif;
	color:#7dc242;
}

h2{
	font-family:'Century Gothic', Arial, Helvetica, sans-serif;
	color:#7dc242;
	margin-top:0px;
	
	font-size:18px;
	height:18px;
}

h4{
	font-family:'Century Gothic', Arial, Helvetica, sans-serif;
	color:#7dc242;
	margin-top:0px;
	font-style:italic;
	font-size:14px;
}

blockquote{background:url(../images/blockquote_BG.jpg) no-repeat top center; margin-right:0; margin-left:0; padding-right:30px; padding-left:30px;}
img.png{

}

.stage{
	margin:0 auto;
	padding:0 auto;
	xborder:1px solid red;
	width:900px;
	xbackground-color:#00FF00;
	}
	
.header{
	margin:0; padding:0;
	height:159px;
	background:url(../images/header_BG.jpg) no-repeat top left;
}


/**** HEADER: LOGO *****/

.hpn_logo{
	width:241px;
	float:left;
	margin:10px auto auto 10px;
	} 


/**** HEADER: WELCOME MESSAGE *****/

.welcomemessage{
	font-size:16px;
	color:#4c4c4c;
	height:93px;
	width:492px;
	position:absolute;
	left:405px;
	text-align:right;
	top:20px;
	
}	

p.distName {
	color: #2FAC3F;
	font-weight: bold;
	font-size: 16px;
	text-align:right;
}

/**** HEADER: NAVIGATION *****/

.mainnav{height:25px;}

/******   H3    */
ul#menu{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:25px;

	font-size:14px;
	font-weight:bold;
	background:transparent url("/images/OFF.gif") repeat-x bottom left;
	font-family:Arial,Verdana,sans-serif;
	border-bottom:5px solid #cdd41f;
	border-top:1px solid #fff;
}
ul#menu li{
	display:block;
	float:left;
	margin:0;
	pading:0;
	
	}
ul#menu li a{
	display:block;
	float:left;
	text-align:center;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	padding-top:6px;
	height:24px;
	width:130px;
	background:transparent url("/images/DIVIDER.gif") no-repeat bottom right;
	}
ul#menu li a:hover{
	background:transparent url("/images/HOVER.gif") no-repeat bottom right;	
	
	}




/**** INDEX: SLIDE SHOW *****/

.index_slideshow{
	height:288px;
	background-image:url(../images/img_slide_01.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#ffffff;
}


/**** INDEX: 4 BOTTOM BANNERS *****/

.box_stage{
	margin:0;
	padding:0;
	xborder:1px solid red;
	width:900px;
	}

.box{
	border:1px solid #999999;
	padding:10px;
	margin:10px 9px 0 1px;
	width:195px;
	float:left;
	height:220px;
	}
	
.box_right{
	border:1px solid #999999;
	padding:10px;
	margin:10px 0 0 1px;
	width:195px;
	float:left;
	height:220px;
	}

.box_01{
	background:url(https://www.securedcontent.net/HPN/images/img_box_01.jpg) bottom left no-repeat;
	}

.box_02{
	background:url(https://www.securedcontent.net/HPN/images/img_box_02.jpg) bottom center no-repeat;
	}
.box_03{
	background:url(https://www.securedcontent.net/HPN/images/img_box_03.jpg) bottom center no-repeat;
	}
.box_04{
	background:url(https://www.securedcontent.net/HPN/images/img_box_04.jpg) top right no-repeat;
	}	
	

/***** INTERIOR: HEADER ****/
.interior_header{
xbackground: url(../images/interior_header_BG.jpg);
xheight:75px;


}


/**** INTERIOR: LEFT NAV *****/

.leftnav_header {
	color: #009900;
	font-weight: bold;
	font-size:14px;
}

.left_side{
	width:300px;
	float:left;
	}
	
.left_top{
	height:200px;
	margin-top:-30px;
	padding:0 0 10px 0;
	background:url(../images/left_top_01.jpg) bottom left no-repeat;
	behavior: url(/iepngfix.htc)
	
}

.left_banner{
	border:1px solid #999999;
	height:95px;
	margin:0 0 5px 0;
	padding:0 10px 0 100px;
	
	
}

.left_banner_01{
	background:url(../images/img_left_01.jpg) left top no-repeat;
}

.left_banner_02{
	background:url(../images/img_left_02.jpg) left top no-repeat;
}

.left_banner_03{
	background:url(../images/img_left_03.jpg) left top no-repeat;
}

.left_banner_04{
	background:url(../images/img_left_04.jpg) left top no-repeat;
}
/**** INTERIOR: CONTENT *****/
.content{
	margin-left:320px;
	margin-top:15px;}

/***** FOOTER *****/

.footer{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#4c4c4c;
	font-size:11px;
	padding-top:30px;
	
	}