/* CSS Document */
html, body{
	padding:0;
	margin:0;
}

td{ font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#000;
}
p { font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#000;
}

#wrapper{
	/* No height or width it will just fill the page */
	margin:0;
	padding:0;
}

#header{
	/* full width so do not give it a size */
	background:#c9c296 url('../images/headerBackground.jpg') repeat-x left top;
	margin:0;
	padding:0;
}
#header img{
	padding:0;
	margin:0;
	height:99px;
}

#nav{
	/* full width so do not give it a size */
	background:#9c3129 url(../images/menuBackground40px.jpg) repeat-x top left;	
	font:normal 12pt/12pt "Times New Roman", Times, serif;
	/* font names that have spaces must be wrapped in double quotes */
	color: #FFFFFF;
	margin:0;
}

#content{
	background: url('../images/mainBackgroundLines.jpg') no-repeat 5px 5px;
	width:770px;
	/*
	calculate the position of this line image							left top
	the titlerow image is 44px high plus the padding of 10px on top and bottom is 64px
	the image div has padding on top of 22px before displaying the image
	so the position of this background image should be 75px from the top
	from the left we have a padding of 40px before the image so we will use 20px 
	HOWEVER, the image currently has about 60px of white space at its top and more on the left
	so we will use only 5px on the top and left.
	*/
}
.clearfix:after {
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}
.clearfix {
	display:inline-block;
}
	/* Hide from IE Mac \*/
.clearfix {
	display:block;
} 
	/* End hide from IE Mac */

#titleRow{
	display:block;
}
#titleRow h1.contactTitle{
	height:44px;
	width:426px;
	padding:0;
	margin:20px 0 15px 48px;
	background: url(../images/contactTitle.jpg) no-repeat left top;
}

#titleRow h1.welcomeTitle{
	height:44px;
	width:426px;
	padding:0;
	margin:20px 0 15px 48px;
	background: url(../images/welcomeTitle.jpg) no-repeat left top;
}

#titleRow h1.servicesTitle{
	height:44px;
	width:426px;
	padding:0;
	margin:20px 0 15px 48px;
	background: url(../images/ourServicesTitle.jpg) no-repeat left top;
}

#titleRow h1.teamTitle{
	height:44px;
	width:426px;
	padding:0;
	margin:20px 0 15px 48px;
	background: url(../images/ourTeamTitle.jpg) no-repeat left top;
}

#titleRow h1.seminarsTitle{
	height:44px;
	width:426px;
	padding:0;
	margin:20px 0 15px 48px;
	background: url(../images/seminarsTitle.jpg) no-repeat left top;
}

#titleRow h1.negotiaionsTitle{
	height:44px;
	width:426px;
	padding:0;
	margin:20px 0 15px 48px;
	background: url(../images/negotiationsTitle.jpg) no-repeat left top;
}

#titleRow h1.collectiveTitle{
	height:44px;
	width:426px;
	padding:0;
	margin:20px 0 15px 48px;
	background: url(../images/collectiveAgreemenTitle.jpg) no-repeat left top;
}

#titleRow h1.grievancesTitle{
	height:44px;
	width:426px;
	padding:0;
	margin:20px 0 15px 48px;
	background: url(../images/GrievancesArbitrationTitle.jpg) no-repeat left top;
}

#titleRow h1.humanResourcesTitle{
	height:44px;
	width:426px;
	padding:0;
	margin:20px 0 15px 48px;
	background: url(../images/humanResourcesTitle.jpg) no-repeat left top;
}

#titleRow h1.trainingTitle{
	height:44px;
	width:426px;
	padding:0;
	margin:20px 0 15px 48px;
	background: url(../images/trainingTitle.jpg) no-repeat left top;
}

#titleRow h1.mediationTitle{
	height:44px;
	width:426px;
	padding:0;
	margin:20px 0 15px 48px;
	background: url(../images/mediationTitle.jpg) no-repeat left top;
}

#titleRow h1.danPearlmanTitle{
	height:44px;
	width:426px;
	padding:0;
	margin:20px 0 15px 48px;
	background: url(../images/danPearlmanTitle.jpg) no-repeat left top;
}

#titleRow h1.karenIddonTitle{
	height:44px;
	width:426px;
	padding:0;
	margin:20px 0 15px 48px;
	background: url(../images/karenIddonTitle.jpg) no-repeat left top;
}

#titleRow h1.managingTitle{
	height:44px;
	width:426px;
	padding:0;
	margin:20px 0 15px 48px;
	background: url(../images/managingTitle.jpg) no-repeat left top;
}

#titleRow h1.otherSeminarsTitle{
	height:44px;
	width:426px;
	padding:0;
	margin:20px 0 15px 48px;
	background: url(../images/otherSeminarsTitle.jpg) no-repeat left top;
}

#titleRow h1.clientHealthTitle{
	height:44px;
	width:426px;
	padding:0;
	margin:20px 0 15px 48px;
	background: url(../images/clientHealthTitle.jpg) no-repeat left top;
}

#titleRow h1.clientMunTitle{
	height:44px;
	width:426px;
	padding:0;
	margin:20px 0 15px 48px;
	background: url(../images/clientMunTitle.jpg) no-repeat left top;
}

#titleRow h1.clientPrivateTitle{
	height:44px;
	width:426px;
	padding:0;
	margin:20px 0 15px 48px;
	background: url(../images/clientPrivateTitle.jpg) no-repeat left top;
}

#titleRow h1.clientSocialTitle{
	height:44px;
	width:426px;
	padding:0;
	margin:20px 0 15px 48px;
	background: url(../images/clientSocialTitle.jpg) no-repeat left top;
}

#titleRow h1.testimonialsTitle{
	height:44px;
	width:426px;
	padding:0;
	margin:20px 0 15px 48px;
	background: url(../images/testimonialsTitle.jpg) no-repeat left top;
}

#titleRow h1.workplaceTitle{
	height:44px;
	width:426px;
	padding:0;
	margin:20px 0 15px 48px;
	background: url(../images/workplaceTitle.jpg) no-repeat left top;
}


#titleRow h1 span{
	display:none;
}

#image{
	width: 206px;
	float: left;
	padding-left: 40px;
	padding-top: 22px;
	margin:0;
	font: normal 11pt/11pt "Times New Roman", Times, serif;
}
#image img{
	padding: 5px 5px 40px 5px;
}

#text{
	width: 450px;
	padding: 0;
	padding-left: 30px;
	padding-top: 22px;
	margin:0;
	float: left;
	font: normal 11pt/12pt "Times New Roman", Times, serif;
}
#text h2{
	margin:0 0 0 10px;
	padding:0;
}
#text p{
	padding:4px 10px 8px 10px;
}
#text ul{
	padding:4px 10px 8px 10px;
	list-style-position:outside;
	margin-left: 12px;
}

#text h3.cemail{
	background: url(../images/sub_titles/viaEmail.jpg) no-repeat left top;
	width:437px;
	height:15px;
	padding:0;
	margin:10px 10px;
	margin-bottom: 4px;
}
#text h3.cpost{
	background: url(../images/sub_titles/viaPost.jpg) no-repeat left top;
	width:437px;
	height:15px;
	padding:0;
	margin:10px 10px;
	margin-bottom: 4px;
}
#text h3.cphone{
	background: url(../images/sub_titles/viaPhone.jpg) no-repeat left top;
	width:437px;
	height:15px;
	padding:0;
	margin:10px 10px;
	margin-bottom: 4px;
}
#text h3 span{
	display:none;
}
#footer{
	/* full width so do not give it a size */
	background-image: url('../images/footerBackground.jpg');
	background-repeat: repeat-x;
	height: 70px;
	font-size: 12pt;
	font-family: Times New Roman;
	color: #FFFFFF;
	clear: both;
}

#footer p{
	padding:0px 24px;
}

p{
	margin: 0;
	padding:0;
}

ul{
	list-style-position: inside;
	padding: 0px 0px 0px 10px;
}

h2{
	margin: 0;
	font-weight: bold;
	font-size: 12pt;
	font-family: Times New Roman;
	color: #000000;
}

h3{
	margin: 0;
	font-weight: bold;
	font-size: 12pt;
	font-family: Times New Roman;
	color: #a1312a;
}

a:link.contentLink {	color:#a1312a;
			text-decoration: underline;
			font-weight: bold;
			font-size: 8pt;
			font-family:verdana;
			}
			
a:visited.contentLink {	color:#a1312a;
			text-decoration: underline;
			font-weight: bold;
			font-size: 8pt;
			font-family:verdana;
			}
			
a:active.contentLink {	color:#e30303;
			text-decoration: underline;
			font-weight: bold;
			font-size: 8pt;
			font-family:underline;
			}
			
a:hover.contentLink {	color:#e30303;
			text-decoration: underline;
			font-weight: bold;
			font-size: 8pt;
			font-family:verdana;
			}

#register {
			cellpadding: 5px;
			cellspacing: 0;
			width: 400px;
			font: normal 11pt/12pt "Times New Roman", Times, serif;
			valign: top;
			
}
#form1 {
			cellpadding: 0px;
			cellspacing: 0;
			border: 0px;
			/*border-color: #dcd7ba;*/
			width: 450px;
			font: normal 11pt/12pt "Times New Roman", Times, serif;
			valign: top;
			
}

table.tableBorder{
			border: thin solid #dcd7ba;
			border-left: thin solid #dcd7ba;
}