body /* Internet Explorer */  
 {
 	margin:0px; 
	padding:0px; 
 	background:url(images/bg.gif);
 	background-color: #959683;
	width: 100%;
	height: 100%;
	align: center;
	text-align: center;
	font-family:Arial;
	font-size:11px;
	color:#666666;
	}
 body /* Mozilla Firefox alignment */ 
 {
 	margin:0px; 
	padding:0px; 
 	background:url(images/bg.gif);
 	background-color: #959683;
	width: 100%;
	height: 101%;
	align: center;
	text-align: -moz-center;
	font-family:Arial;
	font-size:11px;
	color:#666666;
	}

h1 {
	font-size: 160%;
	color: #444444;
	padding-top: 15px;
	margin-top: 15px;
}

h2 {
	font-size: 110%;
	color: #0077c0;
	margin: 7 7 7 7px;
	line-height: 18px;
	border-bottom: 1px dotted #66b4e4;
	background-color:#f7fbfe;
	padding-left: 2px;
	display: block;
}

h3 {
	font-size: 140%;
	color: #003366;
	font-weight: bold;
	text-align: left;
	margin-top: 22px;
	margin-bottom: 12px;
	padding: 0px;
	background-repeat:no-repeat;
	text-transform: uppercase;
}

h4 {
	margin-top: 0px;
	font-size: 110%;
	color: #0077c0;
	margin-left: 50px;
}


p {
	padding-left: 3px;
	padding-right: 5px;
	margin-top: 10px;
	text-align: justify;
}

 a:link {color: #006BAD;} 
 a:hover {color: #9CCE32;}
 a:visited {color: #666666;}
 
#container {
	 width:800px; 
	 background-image:url(images/bg-pattern.png);
}  

#head {
	background-image:url(images/hpc_header.png); 
	height: 121px; 
	width: 800px; 
	text-align: left;
	}
#upper-contents{
	margin: 0 21 0 30px;
	height: 268px;
	clear: both;	
}
	
#special {
	float: left; 
	width: 223px; 
	text-align: left;
}
#special p {
	width: 214px; 
}

#supplier-logos {
	float: left; 
	width: 218px; 
	margin-top: 31px;
	margin-bottom: 5px;
	margin-right: 5px;
	text-align: center;
	background-color: #999999;
}

#partners-logo {
	margin-top: 1px;
	border: 0px;
}

#menu-container { 
	float: left; 
	width: 190px;	
	}
	
#menu-container ul
{
	padding: 0;
	margin: 0;	
	}
	
#menu-container li 
{
	display: inline;
	float: left; 
	display:block; 
	width: 190px;
	padding: 0;
	margin: 0; }
	
#menu-container li a { 
	display: inline;
	float: left; 
	display:block; 
	width: 190px;
	padding: 0;
	margin: 0; }
	
#CurlImage{
	float: left; 
	width: 336;
	}

#middle-contents {
	padding: 0px;
	margin: 0 18 0 30px;
	clear: both;
	text-align: left;
}
#general {
	margin: 0 15 20 232px;
	clear: right;
}

#partnering {
	float: left;
	font-family:Arial;
	font-size:11px;
	color:#666666;
	padding: 0px;
	margin: 0 18 0 12px;
	text-align: left;
	width: 500px;
}

#general ul {
	font-size: 90%;
	line-height: 16px;
	list-style:circle;
	margin-top: 12px;
}

#business {
	float: left;	
	width: 223px;
	text-align: left;
	margin-bottom: 3px;
}

#business p {
	margin: 0 6 1 0px;
	padding: 7 5 15 7px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#audience {
	float: left;
	width: 526px;
}

#search {
	font-size: 9px; 
	background-color: #eeeeee;
	width: 219px;
	text-align: center;
	height: 75px;
	float: left;
	margin: 0px;
	position: relative;
	top: -1px;
}

#left-column {
	float: left;	
	text-align: left;
	margin-right: 4px;
	padding-bottom: 5px;
	width: 218px;
}
#mid-column {
	float: left;	
	text-align: left;
	margin-left: 1px;
	padding: 0px;
	width: 185px;
}
#right-column {
	float: left;	
	text-align: left;
	margin: 0px;
	padding: 0px;
	width: 336px;
}
.norm-links {
	display: block;
	background-image:url(images/icon07.png);
	background-repeat:no-repeat;
	padding: 2 2 2 20px;
	line-height: 13px;
	width: 200px;
	word-spacing: 0.1em;
	margin-top: 5px;
	margin-left: 4px;
	text-align: left;
}

.norm-links:hover {
	color: #9CCE32;
}

a.box-links {
	display: block;
	color: #666666;
	background-image:url(images/icon07.png);
	background-repeat:no-repeat;
	padding: 2 2 0 25px;
	line-height: 12px;
	width: 180px;
	word-spacing: 0.1em;
	margin-top: 5px;
	margin-left: 5px;
	text-transform: uppercase;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
}
a.box-links:hover {
	color: #9CCE32;
}

.calendar {
	display: block;
	color: #666666;
	background-image:url(images/icon-calendar.png);
	background-repeat:no-repeat;
	padding: 2 2 5 27px;
	line-height: 12px;
	width: 205px;
	word-spacing: 0.1em;
	margin-top: 5px;
	margin-left: 2px;
	text-transform: uppercase;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
}

#footer {
	background-image:url(images/footer.png);
	background-repeat:no-repeat;
	height: 80px;
	width: 800px;
	font-size: 95%;
	color: #9e9e9e;
	word-spacing: 0.2em;
	text-align: center;
	padding-top: 7px;
	line-height: 16px;
}

#footer a {
	color: #9e9e9e;
}
.blue {
	font-family:Arial; 
	font-size:11px;  
	color:#006699; 	
	padding:10px 10px 5px 10px;
}

.green {
	font-family:Arial; 
	font-size: 75%; 
	color: #339900; 
	font-weight: bold;
	font-style: italic;
	line-height: 18px;
}

.stress {
	font-size: 110%;
	color: #0077c0;
	border-bottom: 1px dotted #66b4e4;
	background-color:#f7fbfe;
	line-height: 18px;
}

.step {
	font-weight: bold;
	color: #FFFFFF;
	background-image:url(images/icon04.png);
	background-repeat:no-repeat;
	padding: 2 8 2 28px;
	width: 70px;
	text-align: center;
	margin-right: 8px;
}
#form {
	padding: 12px;
	background-color: #f7fbfe;
	line-height: 18px;
	margin-left: 2px;
	margin-right: 2px;
	
}
#form-left {
	float: left; 
	width: 80px;
	margin-right: 5px;
	margin-left: 58px;
}
#form-right {
	clear: right;
	margin-bottom: 8px;	
}

#supplier-box {
	 float: left; 
	 width: 220px; 
	 font-size: 120%; 
	 height: 240px; 
	 padding-bottom: 12px;
	 font-size: 110%;
	margin: 2 2 0 0px;
	line-height: 18px;
	border: 1px dotted #66b4e4;
	background-color:#eef5ff;
	display: block;
	text-align: justify;
	padding: 10px;
}

#clients-box {
	 float: left; 
	 width: 245px; 
	 height: 110px; 
	 padding-bottom: 12px;
	 font-size: 110%;
	margin: 2 2 0 0px;
	line-height: 18px;
	border: 1px dotted #66b4e4;
	background-color:#eef5ff;
	display: block;
	text-align: left;
}
#assessment-box {
	 float: left; 
	 width: 245px; 
	 padding-bottom: 12px;
	margin: 2 2 0 0px;
	line-height: 18px;
	border: 1px dotted #66b4e4;
	background-color:#eef5ff;
	display: block;
	text-align: justify;
}
#supplier-box ul {
	margin-left: 10px;
	padding-left: 10px;
	font-size: 90%;
	line-height: 16px;
	list-style:circle;
	margin-top: 12px;
}
#box-logo {
	text-align: center; 
	width:210px; 
	margin-top:8px;
	margin-bottom: 8px;
}
.graphic-link {
	display: block;
	background-image:url(images/icon06.png);
	background-repeat:no-repeat;
	margin: 6 5 2 10px;
	padding: 0 5 2 20px;
	line-height: 14px;
	font-weight: bold;
	color: #333333;
	font-size: 110%;
	word-spacing: 0.1em;
	text-decoration: none;
}

#top-pic {
	text-align: center;
	padding: 12 1 2 0px;
}

#norm-contents {
	margin: 10 10 0 10px;
}
.norm-list {
	font-size: 95%;
	list-style:circle;
	margin-top: 12px;
}
#position-list {
	font-size: 95%;
	list-style:circle;
	margin-left: 28;
	margin-top: 12px;
	line-height: 14px;
}
#position-list li{
	margin-bottom: 5px;
}
#product-box {
	 float: left; 
	 width: 252px; 
	 font-size: 120%; 
	 height: 250px; 
	 font-size: 110%;
	margin: 4 2 0 5px;
	line-height: 18px;
	border: 1px dotted #66b4e4;
	background-color:#eef5ff;
	display: block;
	text-align: justify;
}

#product-text {
	font-size: 90%; 
	line-height: 14px; 
	width: 155; 
	float: left; 
	padding: 12 0 0 15px;
	text-align: justify;
}
.product-img {
	float: right; 
	margin: 3 3 0 15px; 
	border: 0px;
}

#product-text ul {
	padding-left: 10px; 
	margin-bottom: 0px; 
	margin-top: 8px; 
	margin-left: 10px;
	padding-bottom: 0px;
	list-style:circle;
}

#sitemap {
	 display: block; 
	 width: 270px; 
	 background-image:url(images/icon02.png); 
	 background-repeat:no-repeat; 
	 padding: 3 2 2 25px; 
	 line-height: 15px; 
	 font-weight: bold; 
	 margin-left: 8px;
	 font-size: 110%;
	 border-bottom: 1px dotted #cccccc;
	 background-color: #efefef;
}

#position {
	float: left; 
	width: 715px;
	background-image: url(images/bg-solutions.png);
	background-repeat: repeat-y;
}
#left-pic {
	float: left; 
	width: 310px; 
	margin-left: 10px;
}
#left-pic p {
	margin-bottom: 15px;
	
}
#left-pic img {
	float: left; 
	margin-right: 15px;	
	margin-top: 8px;
	margin-bottom: 5px;
}
#solutions {
	width: 195px;
	float: left;
}

#product {
	width: 355px; 
	float: left; 	
	margin-left: 7px;
	 margin-top: 8px;
	 background-image: url(images/bg-products.png);
	 background-repeat: repeat-y;
}
#product-bg {
	background-image: url(images/bg-products.png);
	background-repeat: repeat-y;
}
#nab-bg {
	width: 355px; 
	float: left; 	
	margin-left: 7px;
	 margin-top: 8px;
	 background-image: url(images/bg-nab.png);
	background-repeat: repeat-y;
}
#solutions-box {
	background-image: url(images/bg-solutions.png);
	background-repeat: repeat-y;
		
}