@charset "UTF-8";
/* CSS Document */

body{
	background:#d7d7d7 url(../../../assets/imagesNew/mainBg_grey.png) repeat-x;
	border:0;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.875em;
}
a, a:link, a:visited{
	color:#006699;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

a.btn{
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	background:#fff url(../../../assets/imagesNew/btnBg.jpg) top repeat-x;
	color:#333;
	padding:0 10px;
}

.container{
	width:950px;
	margin:0 auto;
}
div#header{
	width:900px;
	height:100px;
	margin:0 0 0 50px;
	background:url(../../../assets/imagesNew/headerBg.png) bottom repeat-x;
	position:relative;
	
}
	div#header div.ipciLogo{
		position:absolute;
		top:4px;
		left:0;
	}
	div#header div.ipciLogo a{
		width:226px;
		height:82px;
		background:transparent url(../../../assets/imagesNew/ipciLogo.png) no-repeat;
		display:block;
		overflow:hidden;
		text-indent: -9999px;
	}
	div#header div.statusBar{
		position:absolute;
		top:4px;
		right:0;
		height:21px;
	}
		div#header div.statusBar div.left{
			float:left;
			background:url(../../../assets/imagesNew/statusBarLeft.png) no-repeat;
			height:21px;
			width:6px;
		}
		div#header div.statusBar div.right{
			float:left;
			background:url(../../../assets/imagesNew/statusBarRight.png) no-repeat;
			height:21px;
			width:6px;
		}
		div#header div.statusBar div.body{
			float:left;
			background:url(../../../assets/imagesNew/statusBarbg.png) repeat-x;
			height:21px;
		}
		div#header div.statusBar div.body div.item{
			float:left;
			font-size:0.75em;
			color:#CCCCCC;
			padding:3px 5px 0 5px;
			height:18px;
		}
			div#header div.statusBar div.body div.item div.btn{
				padding:0 5px;
			}
			div#header div.statusBar div.body div.item div.btn a, 
			div#header div.statusBar div.body div.item div.btn a:visited, 
			div#header div.statusBar div.body div.item div.btn a:hover{
				color:#fff;
			}
		
	.featureMenu{
		position:absolute;
		bottom:0;
		right:0;
		height:35px;
	}
		.featureMenu a{
			float:right;
			display:block;
		}
.flashBanner{
	width:900px;
	height:200px;
	margin:1px 0 0 50px;
}

.breadcrumbsNav{
	margin:1px 0 0 50px;
	width:900px;
	height:22px;
	padding:17px 0 0 0;
	background:url(../../../assets/imagesNew/breadcrumbsNavBg.png) repeat-x;
	color:#666;
	font-size:0.875em;
	line-height:1em;
}
	.breadcrumbsNav a, .breadcrumbsNav a:link, .breadcrumbsNav a:visited{
		color:#666;
		text-decoration:none;
	}
	.breadcrumbsNav a:hover{
		color:#333;
		text-decoration:underline;
	}
	

div.content{
	width:950px;
	background:url(../../../assets/imagesNew/contentBg.png) repeat-y;
}
div.content div.leftMain{
	width:211px;
	float:left;
}
	
.nav{
	width:211px;
	font-size:0.9em;
}
	.navTop{
		width:211px;
		height:21px;
		background:url(../../../assets/imagesNew/navTop.png) no-repeat;
	}
	.navBottom{
		width:211px;
		height:23px;
		background:url(../../../assets/imagesNew/navBottom.png) no-repeat;
	}
	.navBody{
		width:211px;
		background:url(../../../assets/imagesNew/navBg.png) repeat-y;
	}
		.navBody ul{
			margin:0 6px;
			padding:0;
			list-style:none;
			border-top:1px dotted #000;
		}
		.navBody ul li{
			padding:0;
			border-bottom:1px dotted #000;
			display:block;
			clear:both;
		}
			
			.navBody ul li a:link, .navBody ul li a:visited,.navBody ul li a{
				font-weight:normal;
				color:#CCC;
				text-decoration:none;
				height:24px;
				display:block;
				padding:7px 5px 0 15px;
			}
			.navBody ul li a:hover{
				text-decoration:underline;
				color:#fff;
			}
			.navBody ul li.selected{
				background:url(../../../assets/imagesNew/navLiSelected.png) repeat-x;
			}
				.navBody ul li.selected a{
					font-weight:bold;
				}
			.navBody ul li ul{
				/*display:none;*/
				margin:0;
				border-top:1px dotted #000;
				background:url(../../../assets/imagesNew/navLiUlselectedBg.png) top no-repeat ;
				padding-top:8px;
				
			}
				.navBody ul li ul li{
					border:0;
					padding:5px 0;
					margin:0;
					background:#637355 url(../../../assets/imagesNew/navLiUlselected.png) repeat-y;
					font-size:0.9em;
				}
				.navBody ul li ul li a:link, .navBody ul li ul li a:visited,.navBody ul li ul li a{
					font-weight:normal;
					color:#CCC;
					text-decoration:none;
					display:block;
					padding:3px 3px 0 25px;
					background: url(../../../assets/imagesNew/navLi_arrow.png) 15px 5px no-repeat;
					height:auto;
				}
				.navBody ul li ul li a:hover{
					text-decoration:underline;
					color:#fff;
				}
					.navBody ul li ul li ul{
						display:block;
						margin:0;
						padding:0;
						border:0;
						background:none;
						padding-left:10px;
						border:0;
						
					}
						.navBody ul li ul li ul li{
							background:none;
							font-size:1em;
							
						}
						
.frontMain{
	background:#c0c0c0 url(../../../assets/imagesNew/frontMainBg.png) top repeat-x;
	width:450px;
	border:6px solid #ccc;
	float:left;
	margin:0 0 0 2px;
	color:#666;
}

	.frontMain h1{
		background:url(../../../assets/imagesNew/h1Bg.png) 0 5px no-repeat;
		font-size:1.75em;
		padding-left:13px;
		margin-left:10px;
	}
	
	.frontMain h2{
		color:#637355;
		margin:1em 20px 0 23px;
		font-size:1.5em;
	}
	
	.frontMain h3{
		color:#666;
		margin:1em 20px 0 23px;
		font-size:1.25em;
	}
	.frontMain h4{
		color:#666;
		margin:1em 20px 0 23px;
		font-size:1.1em;
	}
	.frontMain h5{
		color:#666;
		margin:1em 20px 0 23px;
		font-size:1em;
	}
	.frontMain p, .frontMain ul, .frontMain ol, .frontMain table{
		margin:1em 20px 0 23px;
		line-height:1.25em;
	}
	.frontMain ul li, .frontMain ol li{
		margin-bottom:0.5em;
	}
	.frontMain .learnMoreBox{
		background:url(../../../assets/imagesNew/watermark.png) center no-repeat;
	}
	.frontMain .learnMoreBox ul{
		list-style-image:url(../../../assets/imagesNew/arrow.png);
		/*width:40%;
		float:left;*/
		display:block;
		margin:0 2em 0 2em;
	}
	.frontMain .learnMoreBox ul li{
		margin-bottom:20px;
	}
	.frontMain .learnMoreBox h2{
		font-size:1em;
		font-weight:bold;
		margin:0;
		padding:0;
	}

		div.mainBox{
			width:400px;
			margin:10px 0 0 23px;
		}
			div.mainBox div.top{
				width:400px;
				background:url(../../../assets/imagesNew/mainBoxBg.png) repeat-y;
				
			}
				div.mainBox div.content{
					width:380px;
					background:url(../../../assets/imagesNew/mainBoxTopBg.png) top no-repeat;
					padding:10px;
					font-size:0.875em;
					line-height:1.35em;
				}
					div.mainBox div.content img.pic{
						float:left;
						margin:0 10px 10px 0;
					}
					div.mainBox div.content div.descr{
						float:left;
						width:250px;
					}
						div.mainBox div.content div.descr h2{
							font-size:1.25em;
							color:#488c08;
							margin:0;
						}
						div.mainBox div.content div.descr p{
							margin:0;
						}
				
			div.mainBox div.bottom{
				width:400px;
				height:20px;
				background:url(../../../assets/imagesNew/mainBoxbottomBg.png) top no-repeat;
				clear:both;
			}
			
		/*right bar*/
		div.rightBox{
			width:245px;
			margin:10px 0 0 7px;
		}
			div.rightBox div.top{
				width:245px;
				background:url(../../../assets/imagesNew/rightBoxBg.png) repeat-y;
				
			}
				div.rightBox div.content{
					width:205px;
					background:url(../../../assets/imagesNew/rightBoxTopBg.png) top no-repeat;
					padding:20px;
					font-size:0.875em;
					line-height:1.35em;
				}
					div.rightBox div.content h4{
						margin:0 0 0.25em 0;
						padding:0;
						border-bottom:1px solid #ccc;
					}
					.jobPostSearchField{
						width:200px;
					}
			div.rightBox div.bottom{
				width:245px;
				height:20px;
				background:url(../../../assets/imagesNew/rightBoxbottomBg.png) top no-repeat;
				clear:both;
			}	
			
		/*directory listing*/
		
		div.dirFilter h2{
			margin:0;
		}
		div#letterTabs{
			margin-top:10px;
		}
		div#letterTabs a{
			background:url(../../../assets/imagesNew/letterBg.gif) no-repeat;
			width:16px;
			height:19px;
			display:block;
			float:left;
			text-align:center;
			margin:0 1px 0 0;
		}
			div#letterTabs a:hover{
				background:url(../../../assets/imagesNew/letterBg_selected.gif) no-repeat;
			}
		div.dirFilter .filterField{
			width:200px;
		}
		
		table.dirResults{
			width:400px;
			border:2px solid #999;
		}
		table.dirResults th, table.dirResults td{
			text-align:left;
			padding:2px;
		}
		table.dirResults th{
			border-bottom:1px solid #999;
			border-right:1px solid #999;
			border-left:1px solid #eee;
			border-top:1px solid #eee;
			font-size:0.875em;
		}
		table.dirResults th a{
			color:#333;
			display:block;
		}
		table.dirResults td a{
			display:block;
		}
		table.dirResults tr.selected td{
			background:#4a9405 url(../../../assets/imagesNew/resultsTrSelectedBg.png) top repeat-x;
			
			color:#fff;
			
		}
		table.dirResults tr.selected td a{
			color:#fff;
			font-size:1.25em;
			line-height:125%;
			font-weight:bold;
			padding:5px;
		}
		table.dirResults tr#companyDetails > td{
			background:#efefef;
			border:2px solid #4a9405;
			padding:1em;
		}
		
.frontRight{
	float:left;
	margin:0 0 0 2px;
}

.sidebar{
	background:#c0c0c0 url(../../../assets/imagesNew/sidebarBg.png) top repeat-x;
	width:260px;
	border:6px solid #ccc;
	color:#666;
	margin-bottom:2px;
}
	.sidebar h1{
		background:url(../../../assets/imagesNew/h1Bg.png) 0 2px no-repeat;
		font-size:1.35em;
		padding-left:13px;
		margin-left:10px;
	}
	div.sidebar div.worldOfConcrete{
		margin-left:8px;
		width:244px;
		height:128px;
		background:url(../../../assets/imagesNew/worldOfConcreteSideBg.png) no-repeat;
		position:relative;
	}
		div.sidebar div.worldOfConcrete p.descr{
			display:block;
			position:absolute;
			width:220px;
			top:75px;
			left:15px;
			font-size:0.75em;
			color:#f3cc00;
		}
		
		div.sidebar div.articleBoxBody ul{
			margin:0 20px 20px 20px;
			padding:0;
			list-style-type:none;
			border-top:1px dotted #999;
		}
		div.sidebar div.articleBoxBody ul li{
			border-bottom:1px dotted #999;
			margin:0;
			padding:0.25em;
		}
		div.sidebar div.articleBoxBody ul li span.published{
			font-size:0.875em;
		}
		
div#journalBox{
	margin-top:2px;
}
	div#journalBox div.content{
		width:244px;
		height:128px;
		background:url(../../../assets/imagesNew/sideBoxBg.png) no-repeat;
		margin:8px;
	}
		div#journalBox div.content div.journalThumb{
			float:left;
			margin:10px;
			width:75px;
			height:98px;
		}
		div#journalBox div.content div.descr{
			float:left;
			margin:10px 5px 0 0;
			width:140px;
		}
			div#journalBox div.content div.descr h2{
				font-size:1.15em;
				margin:0;
				padding:0;
			}
			div#journalBox div.content div.descr p{
				font-size:0.875em;
				margin:0;
				padding:0;
			}
			div#journalBox div.content div.descr p.publishedDate{
				font-size:0.75em;
				font-style:italic;
				color:#999;
				margin-top:5px;
			}

/*Journal*/	
div.journalFeaturedBox div.topHeader{
	border-bottom:2px solid #ccc;
}
	div.journalFeaturedBox div.topHeader div.more{
		float:right;
	}		
	div.journalFeaturedBox .body{
		margin:10px;
	}
	div.journalFeaturedBox h2{
		margin:0.5em 0;
		line-height:1.15em;
	}
		div.journalFeaturedBox h2 span.subtitle{
			font-weight:normal;
			font-size:0.75em;
		}

/*Membership*/	
div.membershipBox div.topHeader{
	border-bottom:2px solid #ccc;
}
div.membershipBox div.topHeader h2.header{
	font-size:1em;
	line-height:1.25em;
	font-weight:normal;
	color:#637355;
}
	div.membershipBox div.topHeader div.more{
		float:right;
	}		
	div.membershipBox h2{
		margin:0.5em 0;
		line-height:1.15em;
	}
		div.membershipBox h2 span.subtitle{
			font-weight:normal;
			font-size:0.75em;
		}	
	
	div.membershipBox table.membershipTable th{
		text-align:right;
	}
	div.membershipBox table.membershipTable th.header{
		text-align:left;
	}
	div.membershipBox table.membershipTable th, div.membershipBox table.membershipTable td{
		vertical-align:top;
		padding-bottom:0.5em;
	}

/*Job Post */
div.jobPostBox div.content h2{
	padding:0.5em 0;
	margin:0 10px;
	font-size:1.75em;
	
}

div.jobPostBox div.jobPostBoxPages{
	margin:0 10px;
	text-align:right;
}
ul.jobPostList{
	margin:1em 10px;
	padding:0;
	list-style-type:none;
}	
	ul.jobPostList li a{
		display:block;
		border-top:1px dotted #999;
		border-bottom:1px dotted #999;
		padding:0.25em 0;
		margin:0 0 0.25em 0;
		line-height:135%;
	}
		ul.jobPostList li a:hover{
			background:#fff;
		}
		ul.jobPostList li a span.jobPostListTitle{
			font-weight:bold;
			font-size:1.25em;
		}
		ul.jobPostList li a span.jobPostListDescr, 
		ul.jobPostList li a:hover span.jobPostListDescr{
			color:#666;
			
			font-weight:normal;
			text-decoration:none;
		}
		ul.jobPostList li a span.jobPostListPostInfo, 
		ul.jobPostList li a:hover span.jobPostListPostInfo{
			color:#999;
			
			font-weight:normal;
			font-style:italic;
			text-decoration:none;
		}
		
	div.jobPostBox table.jobDetailsTable th{
		text-align: right;
		vertical-align:top;
	}	
	div.jobPostBox table.jobDetailsTable td{
		text-align: left;
		vertical-align:top;
	}	
		
		.jobPostField{
			width:230px;
		}
		.jobPostFieldDate{
			width:125px;
		}


/*Training Schedule*/
table.schedule{
	background:#fff;
	border:1px solid #ccc;
}
table.schedule td, th{
	text-align:left;
	vertical-align:top;
	padding:3px;
}
table.schedule th{
	border-bottom:3px solid #ccc;
	background:#eee;
}
table.schedule td{
	border-bottom:1px solid #eee;
	font-size:0.875em;
}

ul.newsList{
	padding:0;
	margin:0;
	list-style-type: none;
}
ul.newsList li{
	border-bottom:1px dotted #999;
	margin:0;
	padding:0;
	padding:1em;
}
ul.newsList li h3, ul.newsList li h4, ul.newsList li p{
	padding:0;
	margin:0.5em 0 0 0;
}
ul.newsList li p.published{
	color:#999;
	font-style: italic;
}
/* FOOTER */
div.footer{
	background:#666666 url(../../../assets/imagesNew/footer_bg.png) top repeat-x;
	height:220px;
	clear:both;
	margin:0 0 0 50px;
	width:900px;
	position:relative;
}
	div.footer div.logo{
		position:absolute;
		width:300px;
		top:25px;
		left:300px;
		text-align:center;
	}
	
	div.footer div.menu{
		width:800px;
		text-align:center;
		position:absolute;
		top:100px;
		left:50px;
		font-size:0.75em;
		text-transform:uppercase;
	}
		div.footer div.menu a, div.footer div.menu a:link,div.footer div.menu a:visited{
			color:#CCCCCC;
			padding:0 10px;
		}
		div.footer div.menu a:hover{
			color:#FFFFFF;
		}
	div.footer div.copyright{
		width:800px;
		text-align:center;
		position:absolute;
		top:150px;
		left:50px;
		font-size:0.75em;
		color:#999999;
	}
		div.footer div.copyright a{
			color:#ccc;
		}
		
		
/*LEVEL 2 TEMPLATE*/
body.level2{
	background:#d7d7d7 url(../../../assets/imagesNew/mainBg_grey.png) repeat-x;
}

body.level2 div.flashBanner{
	/*width:900px;
	margin:1px 0 0 50px;*/
	height:59px;
}


/*ADMIN TEMPLATE*/
body.admin div.frontMain{
	background:#c0c0c0 url(../../../assets/imagesNew/frontMainBg.png) top repeat-x;
	width:724px;
	border:6px solid #ccc;
	float:left;
	margin:0 0 0 2px;
	color:#666;
}