@charset "utf-8";
/* CSS Document */
body  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	background: #777;
	margin: 0px 0px 0px 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px 0px 0px 0px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	text-decoration: none;
	width:100%;
	height:100%;
}

/* delete default padding for these tags */
p,h1,h2,h3,h4,ol,ul,li {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
li {
	margin-left: 22px;	
}
p {
	margin-bottom: 1em;
}

a.reg, a.reg:active,a.reg:visited {text-decoration:underline;
color: #0000FF;
}
a.reg:hover {color: #990000}

a.sub, a.sub:active, a.sub:visited {
text-decoration:underline;
color: #FFF;
padding: 10px 0px 10px 15px;
font-size:.8em;
}
a.sub:hover {
	color:#FF0000;
}

/* Basic page parms like width, bg, alignment  */
#wrapper {
	background:#FFF;
	margin: 0 auto;
	text-align:left;
	width:950px;
	height:100%;  
	position:relative;
/*	padding: 0px 0px 0px 0px; */
}

/* Bottom Boston Web Co credit line */
#credit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	font-weight: normal;
	background:#777;
	color: #fff;
	margin: 0px;
	padding: 10px;
	height: 20px;
	width: 930px;
	text-align: center;
	float:left;
}

#banner {
	height: 82px;
	width: 950px;
	padding: 0px;
	margin: 0px;
	background-image: url(images/banner.gif);
}
#blackline {
	background-color: #000;
	height: 32px;
	width: 950px;
}
#navbar {
	background-color: #000;
	position:relative;  
/*	height: 616px; */
	height:auto;
	width: 136px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color:#FFF;
	font-style: normal;
}
#navbar23 {
	background-color: #444;
/*	position:relative;   */
	height: 617px;
	color:#FFF;
	width: 136px;
	float: left;
}
#main {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	color: #000;
	background-color: #FFF;
	padding: 10px;
	height: 566px;
	width: 794px;
	float: right;
}
#navbot {
	background-color: #ff0000;
	height: 78px;
	width: 136px;
	float: left;
	clear: none;
}
#leftbar {
	background-color: #000;
/*	height: 586px;  */
	height:auto;
	width: 136px;
	float: left;
/*	position:relative;  */
}
#navbot3 {
	background-color: #000000;
/*	margin: 0px;
	padding: 0px; 
	height: auto;*/
	width: 136px;
	float:left;
}
#main3 {
	float: left;
	height: auto;
	width: 814px;
	background-color:#FFF;
	margin: 0px;
	padding:0px;
}
#mainHome {
	float: left;
	height: auto;
	width: 812px;
	background-color:#FFF;
	margin: 0px;
	padding:0px;
	text-align:center;
	font-size:.8em;
}
#main3left {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	background-color:#FFF;
	padding: 15px 20px 0px 25px; 
	width: 590px;
/*	height:596px; */ 
	height:auto;
	color:#000;
	margin: 0px;
	line-height:1.3em;
	float: left;
}
#jchead {
	background-image:url(images/jobcalc1.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	padding: 90px 100px 0px 260px;
	width: 454px;
	height:93px;
	line-height:1.3em;
	margin: 0px 0px 0px 0px;
}
#mainleftbarrier {
	background-image:url(images/jobcalc2.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	padding: 20px 0px 0px 20px;
	width: 444px;
	height:647px;
	margin: 0px 0px 0px 0px;
	float: left;
}
#mainrightbarrier {
	background-image:url(images/jobcalc3.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	width: 330px;
	height:652px;
	margin: 0px;
	float: right;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#main3left .picleft {
	padding:5px 15px 5px 0px;
}
#main3left .picright {
	padding:10px 0px 5px 15px;
}

/* Use in home page for flash */
#main3lefthome {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	padding: 0px;
	width: 813px;
	height:269px;
	margin: 0px;
	border-left: 1px solid #FFF;
/*	float: left;  */
	background-color: #000;
}

/* Use in home page under flash */
#main3leftb{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	padding-top: 10px;
	height: 356px;
	width: 620px;
	margin: 0px;
	line-height:1.2em;
	float: left;
}
.thdr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight:bold;
	color:#000;	
	padding-bottom:15px;
}
.thdr2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight:bold;
	color:#000;	
	padding-bottom:15px;
	padding-left:10px;
	padding-top:10px;
}
.tdata {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-style: normal;
	color:#000;	
}

.tdatajc {
	font-size: .9em;
	font-style: normal;
	font-weight:bold;
	color:#000;	
	line-height:1.2em;
}
.tdatajc2 {
	font-size: 1em;
	font-style: normal;
	font-weight:normal;
	color:#000;	
	line-height:1.2em;
}
.tdatajcbig {
	font-size: 1.2em;
	font-style: normal;
	font-weight:bold;
	color:#000;	
	line-height:1.2em;
}

.tdata8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	color:#000;	
}
.tdataw {
	color:#FFF;
}
#main3right1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	padding-left: 10px;
	padding-top:10px;
	height: auto;
	width: 162px;
	margin: 0px;
	float:right;
	background-color: #FFF;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #000;
}
#main3rightsub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	margin: 0px 0px 0px 10px;
	padding: 10px 0px 0px 30px;
/* 	height: 606px;  
	height: auto;*/
	width: 137px;
	margin: 0px;
	float:right;
	background-color: #FFF;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #000;
}

.mainContent {
	float: left;
	height: auto;
	width: 814px;
	background-color:#000;  
	margin: 0px;
	padding: 0px;
}

.tleft img {
	padding:0px 12px 25px 30px;
}
.tright img {
	padding:5px 12px 20px 30px;
}

.box5 {
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	margin: 13px;
	height: auto;
	padding: 3px;
	width: 570px;
	border: thin solid #ff0000;
	line-height: normal;
	background-color: #FFFFFF;
	float: center;	
}
.box200 {
	color: #000000;
	margin: 13px;
	height: auto;
	padding: 3px;
	padding-right:50px;
	width: 200px;
	border: none;
	line-height: normal;
	background-color: #FFFFFF;
	float: right;	  
}
#region {
	float: right;
	height: 40px;
	width: 270px;
	font-weight: bold;
}
.indent {
	padding-left: 25px;
	padding-right: 15px;
	padding-bottom: 10px;
}
.callout {
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	margin: 0px 0px 5px 10px;
	height: auto;
	padding: 3px;
	width: 170px;
	text-align:center;
	border: none;
	line-height: normal;
	background-color: #FFFFFF;
	float: right;
}
.buttonright {
	text-align:right;
	padding-top: 0px;
	display:inline;
}
.callright {
float: right;
text-align:right;
}
.callleft {
float: left;
text-align:left;
}
.homehalf {
	width:260px;
	height:auto;
	padding-left:0px;
}

#newprod {
	width:185px;
	height:auto;
	padding-left:8px;
	float:left;
}
.closeTab {
	width:100px;
	float:right;
	color:#F00;
}

.callout2 {
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	margin: 0px 0px 5px 10px;
	height: auto;
	padding: 3px;
	width: 70px;
	text-align:right;
	border: none;
	line-height: normal;
	background-color: #FFFFFF;
	float: right;
}
/* for jobsite calculator, don't display the printout area on screen  */
#printoutjc { 
    display: none; 
}