@charset "UTF-8";



/***********************
PEOPLENET STYLE SHEET
************************/



/***********************

STYLESHEET SECTIONS:

- Global Layout Stuff
- Standard Elements
- Floated Elements
- Stylized Elements
- Links
- Header Stuff
- Left Sidebar Stuff
- Center Body Structure
- Stylized Elements
- Right Sidebar Structure
- Special Text Areas
- Table Layouts
- Buttons
- Footer Elements
- IE6 Exceptions
- IE7 Exceptions
- Override Everything Else

************************/



/* <Global Layout Stuff> */



body {	margin:auto;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #332B2A;
	}

#wrapper {
	margin:auto;
	margin-top:17px;
	width: 960px;
	border-top:none;
	overflow:hidden;
}


#header {
	margin:auto;
	}		
	
#container { 
	width: 960px;
	overflow:hidden;
	}
	

/* </Global Layout Stuff> */

/* ---------------------------------------------------------------*/

/* <Standard Elements> */

h2 {
	font-size: 15px;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	color: #332b2a;
	font-weight:bold;
	}

h3 {
	font-size: 15px;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	color: #332b2a;
	font-weight:bold;
	}

h4 {
	font-size: 12px;
	color: #4b4b4b;
	font-weight:bold;
	padding-bottom: 10px;
	margin-bottom: 0;
	}

h5 {
	font-size: 13px;
	color: #4b4b4b;
	font-weight:bold;
	padding-bottom: 10px;
	margin-bottom: 0;
	}

select {
	font-size:12px;
	padding: 1px;
	min-width: 160px;
	outline:none;
	}

/* </Standard Elements> */





/* ---------------------------------------------------------------*/

/* <Stylized Elements> */

ul.basic, ol.basic {
	padding: 0 0 0 2px;
	height:auto!important;
	float: none!important;
	}

ol.basic {
	margin-left: 18px;
	font-weight:bold;
	}

	ul.basic li {
		list-style-type:none;
		font-size:12px;
		padding:0 0 8px 14px;
		float:none!important;
		}

	ol.basic li {
		font-size:12px;
		padding:0 0 12px 14px;
		font-weight:normal;
		}

/* <Stylized Elements> */

/* ---------------------------------------------------------------*/

/* <Links> */a {
		outline:none;
	color:#0039a6;
	text-decoration:none;
	font-size: 12px;
	}

	a:link { color:#0039a6; }
	a:visited { color:#0039a6; }
	a:hover { color:#0039a6; text-decoration: underline;   }

	.outer-left-column p a {
		outline:none;
		text-decoration: underline; 
		}
		
	.outer-left-column p a:hover {
		color: #406bbc;
		}
				
/* </Links> */

/* ---------------------------------------------------------------*/

/* <Header Stuff> */


/* Global Navigation Elements */


#global {
	margin: auto;
	padding: 6px 0 1px 0;
	float:right;	
}

 #global ul {
	list-style-type:none;
	float:right;
	margin:0;
	padding:0;
	}

	#global ul li {
		list-style-type:none;
		float:left;
		margin: 0 0 0 11px;
	}

	#global ul li.region {
		background: url(../images/north-america.gif) left top no-repeat;
		padding-left: 42px;
		margin-right: 14px;
		border-right: 1px solid #e4e2e0;
	}
	
		#global ul li.last { background: none;	}	

	#global ul li a {
		outline:none;
		color: #776f65;
		font-size:12px;
		padding-right: 14px;
		text-decoration: none;
	}
	
		#global ul li a:hover { text-decoration: underline; }
	
		#global ul li.last a {
		outline:none; padding-right: 0px;	}	
					

/*  Logo */

#header #logo {
	height: 44px;
	padding: 0 0 0 0;
	background:url(../images/hbfuller-logo.gif) no-repeat;
}
	
	#header #logo a {
		outline:none;
		width:290px;
		height:80px;
		display:block;
		cursor:pointer;
	}
	
	#logo span { display:none; }



/* Main Navigation */


#mainnav {

	}

 #mainnav ul {
	list-style-type:none;
	float:right;
	margin:3px 0 -2px;
	padding:0;
	background: url(../images/mainnav-bg.png) left top repeat-x;
	}

	#mainnav ul li {
		list-style-type:none;
		float:left;
		margin:0 37px 0 0;
		padding:0;	
	}

	#mainnav ul li.last { margin-right: 3px; }	
	
		#mainnav ul li a {
		outline:none;
			display:block;
			font-size:13px;	
			font-weight:bold;		
			padding: 8px 12px;
			color:#0039a6;
			font-family: Arial, Helvetica, sans-serif;
			text-decoration:none;
			}
					
			#mainnav ul li#home a {
		outline:none;
				width: 89px;
				}				
				
						
		#mainnav ul li a span {
			background:none;
			}
			
		#mainnav ul li a:hover {
			padding: 5px 12px 8px 12px;
			text-decoration:none;
			border-top: 3px solid #776f65;
			}
	
		#mainnav ul li.current a {
		outline:none;
			padding: 5px 9px 8px 12px;
			color: #776f65;
			border-top: 3px solid #776f65;
			}
			
			#mainnav ul li.last.current a {
		outline:none; padding-right:8px; margin-right:0px;  }


		#mainnav ul li.current.on a {
		outline:none;
			color: #0c2074;
		}
		
			#mainnav ul li a.selected {
			color: #FFF;
			background: #28668a;
		}
				
	

/* </Header Stuff> */

/* ---------------------------------------------------------------*/



/* ---------------------------------------------------------------*/



/* <Reusable Modules> */


.teaser-img-module {
	width: 640px;
	border-top: 1px solid #f1f0ef;
	padding: 10px 0;
	}

					
	.teaser-img-module .image {
		float:left;
		width:120px;
		height:120px;
		padding-bottom:20px;
		}

	.teaser-img-module .content {
		float:left;
		width: 500px;
		margin: 8px 0 0 15px;
		}
		
		.teaser-img-module h3 a {
		outline:none;
			font-size: 15px;
			font-family: Tahoma, Verdana, Arial, Helvetica;
			color: #0039a6;
			font-weight:bold;
			text-decoration: underline;
			}
			
			.teaser-img-module h3 a:hover {
				color: #0039a6;
				text-decoration: underline;
				}			
				

.button-row-module {
	width: 640px;
	border-top: 1px solid #f1f0ef;
	padding: 30px 0;
	}

.grid-layout.full {
		width: 500px;
}

.grid-layout {
		float:left;
		width: 340px;
		
}
	
	.grid-layout .teaser-img-module, .grid-layout .teaser-img-module .content {
			width: auto;
			}
	
	.grid-layout .teaser-img-module .content {
			max-width: 200px;
			}
						
	.grid-layout p, .grid-layout-left h4 {
			width: 160px;
			}


.linklist {
	list-style:none;
	}
	
.linklist.home{
	margin-left:28px;
	}
	
	.linklist li {
		list-style:none;
		padding: 0 0 0 10px;
		background: url(../images/dbl-arrow-blue.png) left 7px no-repeat;
		}		
	
	.linklist li a {
		outline:none;
		text-decoration: none;
		}
	
	.linklist li a:hover {
		text-decoration:underline;
		}	

	
.linklist.sub{
	list-style:disc;

	}
	
	.linklist.sub li {
		list-style:none;
		padding: 0 0 0 10px;
		background: none;;
		}	


				
.linklist.sub-inner{
	margin-left:28px;
	list-style:disc;

	}
	
	.linklist.sub-inner li {
		list-style:none;
		padding: 0 0 0 10px;
		background: none;;
		}	
		

		
		
/* <Stylized Elements> */



/* <Center Area > */

.outer-left-column {
	float:left;
	width: 704px;
	padding: 0 0 0 26px;
	border-left: 1px solid #e7e5e4;
	}
	
.outer-left-column p {

	}
	
	*html .outer-left-column {
		width: 730px;
		}

.content-liner {
	padding: 0 15px 0 0;
	}
	
#landing-banner {
	width: 730px;
	height: 221px;
	margin-left: -27px;
	}

#tagline {
	background:#5e172d;
	color: #FFF;
	font-size:13px;
	padding: 4px 0 4px 26px; 
	margin-left: -26px;
	}
	
	#tagline.blue { background:#65a1c8; }
	#tagline.green { background:#a9b502; }
	
	
	
#breadcrumb {
	margin: 15px 0 0 0;
	}
	
#breadcrumb ul {
	list-style: none;
	float:left;
	margin-left: -6px;
	}
	
	#breadcrumb ul li {
		list-style: none;
		float:left;
		}
		
		#breadcrumb ul li a {
		outline:none;
			list-style: none;
			font-size: 11px;
			color:#0039a6;
			padding: 0 13px 0 6px;
			text-decoration:none;
			background:url(../images/tri-arrow-breadcrumb.png) right 3px no-repeat;
			}
			
		#breadcrumb ul li a:hover {
			color:#0039a6;
			text-decoration:underline;	
			}		

		#breadcrumb ul li.current a {
		outline:none;
			color:#776f65;
			padding: 0 13px 0 6px;
			text-decoration:none;
			background:none;
			cursor:text;
			}

		#breadcrumb ul li.current a:hover {
			color:#776f65;
			text-decoration:none;
			}
									
#page-title {
	margin: 15px 0 0 0;
	background: url(../images/tri-arrow-pg-title.png) left top no-repeat;
	padding: 0px 8px 8px 26px;
	font-size: 21px;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-weight:bold;
	color: #332b2a;
	}

#page-intro {
	margin: 0 0 26px 29px;
	font-size: 13px;
	color: #332b2a;
	}

				
.outer-right-column {
	width: 229px;
	float:right;
	text-align:right;
	background: url(../images/rtcol-gradient.png) left top repeat-y #fafbfb;
	}

			
.notch {
	height: 60px;
	background:#fff;
	}


ul.utils {
	list-style-type:none;
	background:#fff;
	padding: 30px 0 0 10px;
	}

ul.utils li{
	list-style-type:none;
	margin: 0 10px 0 0;
	float:left;

	}

ul.utils li .email{
	background: url(../images/icon-email.gif) left top no-repeat;
	}

ul.utils li .print{
	background: url(../images/icon-printer.gif) left top no-repeat;
	}


ul.utils li a {
		outline:none;
	padding:1px;
	padding-left:23px;
	color:#776f65;
	text-decoration:none;
	font-size:11px;
}

ul.utils li a:hover{
	text-decoration:underline;
}


.strong-gradient {
	width: 20px;
	height: 218px;
	position:absolute;
	background: url(../images/rtcol-strong-gradient.png) left top repeat-y transparent;
	}

#right-tagline-box {
	background: #83b3d3;
	width: 211px;
	height: 76px;
	padding: 8px 19px 0 0;
	border-top: 2px solid #65a1c8;
	color: #FFF;
	font-size:15px;
	}	

	#right-tagline-box.maroon { background: #6e2e42; border-top: 2px solid #60192f; }
	#right-tagline-box.green { background: #b9c333; border-top: 2px solid #a9b502; }
	
		
	.oc-liner {
		margin: 0 15px;
			background:#eff0ed;
		}

.outer-full-column {
	float:left;
	width: 100%;
	}
	
	*html .outer-full-column {
		float:left;
		width: 99%;
		}
		
/* </Center Area> */


/* ---------------------------------------------------------------*/





/* <Right Area > */

.narrow-col-content-module {
	float:left;
	width: 186px;
	text-align:left;
	padding: 0 0 0 24px;
	margin: 24px 10px 24px 10px;
	border-bottom: 1px solid #e1dedc;
	}
	
.narrow-col-content-module h4 {
	color:#332b2a;
	font-size:16px;
	font-weight:bold;
	font-family:Tahoma,Verdana,Arial,Helvetica;
	padding: 0 0 0 15px;
	line-height: 20px;
	margin: 0 0 8px -15px;
	background:url(../images/tri-arrow-sm.png) left 3px no-repeat;
	}

.narrow-col-content-module .linklist {
	
	}
		
/* </Right Area> */



/* ---------------------------------------------------------------*/
/* <Buttons> */


	a.button {	
	float: left; 
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	outline:none;
	color: #FFF;
	padding: 4px 15px 4px 20px;
	margin: 0 4px 0 0;
	border: 1px solid #e4e2e0;
	border-bottom:none;
	display:block;
	background: #0039a6 url(../images/dbl-arrow.png) 10px 11px no-repeat;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	}


	a.button:hover {
		background: #406bbc url(../images/dbl-arrow.png) 10px 11px no-repeat;
		cursor: pointer;
		text-decoration: none!important;
		display:block;
		color:#FFF!important;
		}	


	a.button-clean {	
	float: left; 
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	outline:none;
	color: #0039a6;
	padding: 4px 10px 4px 20px;
	margin: 0 4px 0 0;
	background: url(../images/dbl-arrow-blue.png) 10px 11px no-repeat;
	}


	a.button-clean:hover {
		text-decoration:underline;
		color: #0039a6;
		cursor: pointer;
		}


	input.btn-dbl-arrow {	
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	outline:none;
	padding: 2px;
	width: 24px;
	height:22px;
	border: 1px solid #e2e0df;
	background: url(../images/btn-dbl-arrow.gif) 5px 5px no-repeat;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
	margin-top: 3px;
	}


	input.btn-dbl-arrow:hover {
		cursor: pointer;
		border: 1px solid #b0afaf;
		margin-top: 1px;
		}		
/* </Buttons> */


/* ---------------------------------------------------------------*/




/* <Tables> */


/* FORM TABLE */

table.form {
	margin-left: 25px;
	padding: 8px;
	background: #f0f1f1;
	width: 650px;
	}
p.form {
	margin-left:25px;
	padding-left: 15px;
	}
	
table.form tr td {
	padding:2px 5px 2px 5px;
	height:30px;
	vertical-align:middle;
	}
		
	table.form tr td.textarea-label {
		vertical-align:top;
		padding-top: 12px;
		}	

input, select {
	color: #4b4b4b;
	font-size:12px;
	}

optgroup {
	margin-left: -16px;
	padding-left:0px;
	}
		
textarea {
	height:150px;
	}
	
input.digi3 {
	width:40px;
	}
	
input.digi4 {
	width:75px;
	}
	
/* </Tables> */




/* ---------------------------------------------------------------*/







/* <Tabs> */

.ui-tabs {
	margin: 0;
	padding: 0 0 0 1px;
	}
	
ul.ui-tabs-nav { 
	list-style: none;
	padding:0;
	margin: 0;
	float:left; 
	width: 100%;
	}
	
ul.ui-tabs-nav li { 
	float: left; 
	list-style: none;
	background: #FFF;
	}

*html ul.ui-tabs-nav li { 
	}
	
ul.ui-tabs-nav li a {
		outline:none; 
	float: left; 
	font-size: 13px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	outline:none;
	color: #FFF;
	padding: 4px 30px 4px 20px;
	margin: 0 4px 0 0;
	min-height:50px;
	width: 115px;
	border: 1px solid #e4e2e0;
	border-bottom:none;
	background: #64a0c8 url(../images/tab-gradient.png) left bottom repeat-x;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
		-moz-border-radius-bottomleft: 0px;
		-webkit-border-bottom-left-radius:  0px;
		-moz-border-radius-bottomright: 0px;
		-webkit-border-bottom-right-radius:  0px;
		-moz-border-radius-topright: 0px;
		-webkit-border-top-right-radius:  0px;
	}

	*html ul.ui-tabs-nav li a {
		outline:none; 
		text-decoration:none;
		color: #0194d3;
		}
			
	*html ul.ui-tabs-nav li a:hover { 
		text-decoration:none;
		color: #0194d3;
		}

ul.ui-tabs-nav li a.tabs-1 { background-color: #0039a6; }
ul.ui-tabs-nav li a.tabs-2 { background-color: #a8b400; }
ul.ui-tabs-nav li a.tabs-3 { background-color: #64a0c8; }
ul.ui-tabs-nav li a.tabs-4 { background-color: #5e172d; }

	ul.ui-tabs-nav li a.tabs-1:hover { background-color: #406bbc; }
	ul.ui-tabs-nav li a.tabs-2:hover { background-color: #bec740; }
	ul.ui-tabs-nav li a.tabs-3:hover { background-color: #8bb8d6; }
	ul.ui-tabs-nav li a.tabs-4:hover { background-color: #865162; }

ul.ui-tabs-nav li.ui-tabs-selected a, ul.ui-tabs-nav li.ui-tabs-selected a:hover {
	color: #332b2a;
	background: #FFF;
	padding-bottom: 5px;
	margin-bottom:-1px;
	}
	
	ul.ui-tabs-nav li.ui-tabs-selected a:hover {
		cursor: text;
		}
	
.ui-tabs-panel {
	background: #FFF url(../images/tab-border.gif) left top no-repeat;
	border-top: 1px solid #e4e2e0;;
	min-height: 200px;
	padding: 20px;
	width: 640px;
	}		



div.ui-tabs-hide {
	display:none;
	}
	
.tab-content-container {
	padding: 0 20px 20px 20px;
	}

	
	
/* </Faux Select Menus> */


/* ---------------------------------------------------------------*/


/* <Footer Elements> */

.pad10 {
	padding: 10px;
}


/* </Footer Elements> */


/* <Footer Elements> */

#footer {
	background: #776f65;
	padding: 8px 0 12px 10px;
	margin-bottom:10px;
	height:16px;
}


span.copyright {
	font-size:11px;
	color: #FFF;
	float:left;
}

#footer ul {
	float: right;
	list-style:none;
	}
		
	#footer ul li {
		float: left;
		color:#FFF;
		list-style:none;
		margin-right: 18px;
		}
		
	#footer ul li.last {
		margin-right: 0px;
		}
				
	#footer ul li a {
		outline:none;
		outline:none;
		color:#FFF;
		font-size:11px;
		}
		
	#footer ul li a:hover {
		text-decoration: underline;
		}		
		
		
/* </Footer Elements> */




/* ---------------------------------------------------------------*/



/* <IE6 Exceptions> */
			
*html .outer-left-column {
	overflow:hidden;
	width: 683px;
	background: url(../images/cover-border.png) left top no-repeat;
	border: none;
	}
					
*html .outer-right-column {
	width: 220px;
	}

/* </IE6 Exceptions> */




/* ---------------------------------------------------------------*/




/* <IE7 Exceptions> */

*:first-child+html .outer-left-column {
	overflow:hidden;
	width: 704px;
	background: url(../images/cover-border.png) left top no-repeat;
	border: none;
	}
					
*:first-child+html  .outer-right-column {
	width: 230px;
	}

/* </IE7 Exceptions> */



/* ---------------------------------------------------------------*/