/* CSS Document */

/* body propeties **************************************/

body {
	font-family: Verdana, Arial, "Trebuchet MS", sans-serif; /*'Trebuchet MS', Georgia, Arial, sans-serif;*/
	margin: 0;
	font-size: 79%;
	padding: 0;
	border: 0;
	text-align: center; /* required to center the container in IE5.x as appose to'margin: 0 auto' */
	background-color: #99CCFF;
	background-image: url(images/mainbg2.gif);
	background-repeat: repeat;
	  
   }
/* end body propeties ********************************/

/* main content ***************************************/

#wrapper {
	text-align: left;
	margin: 10px auto;
	margin-top: 0;
	width: 780px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 780px;
	background-image: url(images/main.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #333399;
}
#leftnavig {
	background-color: #FFFFFF;
	width: 150px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#leftnavig a {
	font-size: 82%;
	font-weight: bold;
	color: #333399;
	text-decoration: none;
	display: block;
	height: 20px;
	width: 150px;
	background-image: url(images/butbg.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-align: left;
	vertical-align: middle;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	line-height: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#leftnavig a:hover {
	background-position: 0px -20px;
	background-image: url(images/butbg.gif);
	background-repeat: no-repeat;
	color: #000000;
}
#leftnavig a:active {
	background-image: url(images/butbg.gif);
	background-repeat: no-repeat;
	background-position: 0px -40px;
	color: #000000;
}

#hornav a {
	font-size: 95%;
	font-weight: bold;
	color: #006633;
	text-decoration: none;
}
#leftnavig ul {
	margin: 0px;
	padding: 0px;
}
#leftnavig li {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-indent: 8px;
}

#hornav a:hover {
	color: #000000;
	text-decoration: none;
}
#hornav a:active {
	color: #FF9900;
	text-decoration: none;
}

#hornav {
	height: 35px;
	width: 780px;
	float: left;
	text-align: right;
}

#hornav ul {
}
#hornav li {
	display: inline;
	list-style-image: none;
	list-style-type: none;
	background-image: url(images/nccwebhordiv_03.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-right: 7px;
	padding-left: 14px;
}
#maincontent {
	float: left;
	width: 408px;
	margin-top: 10px;
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
	clear: right;
	font-size: 90%;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	background-image: url(images/contbg.gif);
	background-repeat: repeat;
	margin-left: 5px;
	padding-top: 8px;
	border: 1px solid #FFFFFF;
	overflow: visible;
}
#maincontent ul {
	margin: 0px;
}
#maincontent li {
	font-weight: bold;
	padding-top: 4px;
	list-style-position: outside;
	list-style-type: disc;
}
#maincontent ol li {
	list-style-position: outside;
	list-style-type: decimal;
}

#accessnav {
	height: 20px;
	width: 780px;
	padding-left: 5px;
	margin-bottom: 60px;
}

#maincontent h2 {
	font-weight: bold;
	color: #333399;
	margin-top: 0px;
	margin-bottom: 8px;
	font-size: 95%;
}
.greenhed {
	color: #006633;
}

h1  {
	text-transform:none;
	color: #333399;
	vertical-align: middle;
	margin: 0px;
	font-weight: bold;
	font-size: 100%;
   
    } 
#leftnavig h1 {
	font-size: 95%;
	color: #F8981D;
}


#maincontent h3 {
	font-weight: bold;
	font-size: 95%;
	color: #333399;
}

#rghtcolum {
	float: right;
	margin-top: 10px;
	font-size: 90%;
	background-color: #EBFBFF;
	text-align: left;
	vertical-align: top;
	padding: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	background-image: url(images/testbg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	border: 1px solid #FFFFFF;
	width: 150px;
}
#continf {
	background-image: url(images/nccweb_bg.gif);
	background-repeat: repeat;
	float: left;
	height: 20px;
	width: 780px;
	text-align: left;
}

#rghtcolum h2 {
	font-weight: bold;
	color: #000000;
	font-size: 90%;
	margin-bottom: 2px;
}

.boxout {
	float: right;
	width: 180px;
	font-weight: bold;
	color: #333399;
	text-align: center;
	margin-bottom: 5px;
	margin-left: 5px;
	font-size: 90%;
	background-color: #FFFFFF;
	margin-top: 0px;
}

#footer {
	background-image: url(images/botbg.jpg);
	background-repeat: repeat;
	width: 780px;
	clear: both;
	font-size: 85%;
	padding-top: 5px;
	padding-bottom: 2px;
	text-align: center;
}


#masthead {
	height: 20px;
	width: 770px;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	text-align: right;
	font-size: 85%;
	padding-right: 10px;
	vertical-align: top;
}
#midhead {
	float: left;
	width: 770px;
	font-weight: bold;
	text-align: right;
	vertical-align: bottom;
	background-repeat: no-repeat;
	background-position: left 12px;
	font-size: 120%;
	padding-right: 10px;
	color: #FFFFFF;
	line-height: 125%;
	padding-top: 40px;
}
.adrss {
	font-weight: normal;
	line-height: 2;
	font-size: 79%;
}


#masthead a {
	font-size: 95%;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
}
#masthead a:hover {
	color: #000000;
	text-decoration: none;
}
#masthead a:active {
	color: #FF9900;
	text-decoration: none;
}

#masthead ul {
	list-style-image: none;
	list-style-type: none;
	text-align: left;
	margin-left: 0px;
}
#masthead li {
	background-image: url(images/nccwebhordiv_03.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 14px;
	display: inline;
}
/* end main content  *****************************************/

/* this is a hack to make sure background image repeats */
.separator {
	clear: both;
	height: 0px;
}
/* end of hack ************************************************/
#maincontent h4 {
	font-weight: bold;
	font-size: 95%;
	margin-bottom: 0px;
	margin-top: 4px;
}
#tours {
	margin-bottom: 2px;
}

.drdown {
	font-size: 10px;
	color: #000000;
}
#form1 {
	margin-top: 1px;
	margin-bottom: 1px;
}
.boxoutlft {
	float: left;
	width: 200px;
	vertical-align: middle;
	margin-left: 10px;
	margin-top: 2px;
}
/* active navigation */

body#home a#navhome,
body#warehousing a#navwarehousing,
body#casestudies a#navcasestudies,
body#jobs a#navjobs,
body#distribution a#navdistribution,
body#customer-login a#navlogin,
body#palletforce a#navpalletforce,
body#maintenance a#navmaintenance,
body#findus a#navfindus,
body#overview a#navoverview,
body#history a#navhistory,
body#contact a#navcontact,
body#links a#navlinks
{
	background-image: url(images/butbg.gif);
	background-repeat: no-repeat;
	background-position: 0px -40px;
	color: #000000;
	text-indent: 20px;
}
#rghtcolum h1 {
	font-weight: bold;
	color: #333399;
	font-size: 110%;
	margin-bottom: 2px;
	text-align: center;
}
#rghtcolum h4 {
	font-weight: normal;
	color: #333399;
	font-size: 90%;
	margin-bottom: 2px;
	text-align: center;
	font-style: italic;
}
#pdfbox {
	background-color: #FFFFFF;
	float: left;
	width: 150px;
	margin-top: 10px;
	margin-left: 5px;
	border: 1px solid #66CC33;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	clear: both;
}
#contbox {

	float: right;
	width: 150px;
	margin-top: 10px;
	font-size: 90%;
	background-color: #EBFBFF;
	text-align: left;
	vertical-align: top;
	padding: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	background-image: url(images/testbg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	border: 1px solid #FFFFFF;
}
#contbox h2 {

	font-weight: bold;
	color: #000000;
	font-size: 90%;
	margin-bottom: 2px;
}
#contbox h1 {

	font-weight: bold;
	color: #333399;
	font-size: 110%;
	margin-bottom: 2px;
	text-align: center;
}
.boxoutfull {

	float: left;
	width: 540px;
	font-weight: bold;
	color: #333399;
	text-align: center;
	font-size: 90%;
	background-color: #FFFFFF;
}
.dload {
	background-image: none;
	color: #000000;
	font-size: 90%;
	font-weight: normal;
	padding: 3px;
}
.dload a {
	background-color: #FFFFFF;
	background-image: none;
	display: inline;
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
	font-size: 100%;
}
.dload a:visited {
	color: #000000;
	text-decoration: underline;
	background-image: none;
}
.dload a:hover {
	color: #666666;
	text-decoration: none;
	background-image: none;
}
.dload a:active {
	color: #000000;
	text-decoration: underline;
	background-image: none;
}

#maincontentmap {

	float: left;
	width: 580px;
	margin-top: 10px;
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
	clear: right;
	font-size: 90%;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	background-image: url(images/contbg.gif);
	background-repeat: repeat;
	margin-left: 5px;
	padding-top: 8px;
	border: 1px solid #FFFFFF;
	overflow: visible;
}
#midhead a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}
#midhead a:hover {

	color: #99CCFF;
}
ol { list-style-type: decimal; }

#midhead a:active {

	color: #FFFFFF;
}
.assocs {
	background-image: none;
	color: #000000;
	font-size: 90%;
	font-weight: normal;
	background-color: #FFFFFF;
	padding: 3px;
	text-align: center;
}
.assocs a {
	background-color: #FFFFFF;
	background-image: none;
	display: inline;
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
	font-size: 100%;
}
.assocs a:visited {
	color: #000000;
	text-decoration: underline;
	background-image: none;
}
.assocs a:hover {
	color: #666666;
	text-decoration: none;
	background-image: none;
}
.assocs a:active {
	color: #000000;
	text-decoration: underline;
	background-image: none;
}
#rha {

	float: right;
	margin-top: 10px;
	font-size: 90%;
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: top;
	padding: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	background-image: none;
	border: 1px solid #FFFFFF;
	width: 150px;
}
#lefthold {
	background-color: #FFFFFF;
	float: left;
	width: 162px;
	margin-top: 10px;
	margin-left: 5px;
	margin-bottom: 5px;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}