/* -- General Settings --------------------------------------------------- */
html, body, form, fieldset, td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0e0011;
	behavior:url("/_resources/scripts/csshover.htc");
}

html {
	font-size: 100%;
	min-height:100%;
	overflow-y: scroll;
}

body { 
	font-size: .85em;
	margin: 0 10px;
	margin-left:9.8%;
	background: #ffffff;
	color:#0e0011;
	position:relative;
}

ul{
	list-style-type:disc;
	margin-left: 1em;
}

	ul.greenb {
		list-style-image: url(/img/greenb_r.gif);
	}

li {
	margin-left:0;
}

ol {
	min-height:60px;
	background-image: url(/img/123.gif);
	background-repeat:no-repeat;
	background-position: left 1px;
	padding-left:17px;
}

ol li {
	line-height:1em;
	padding-top:.2em;
	margin-bottom:1em;
	font-weight:bold;
	font-size:.8em;
}

a, a:link, a:visited {
	color: #cb000c;
	text-decoration: none;
}

a:focus, a:hover, a:active {
	text-decoration: underline;
	color:#4f8a10;
}

	#contentProper a, #contentProper a:link, #contentProper a:visited {
		text-decoration:underline;
	}
	
	#contentProper a:focus, #contentProper a:hover, #contentProper a:active {
		text-decoration:none;
	}
	
	#mill #contentProper ul a, #mill #contentProper ul a:link, #mill #contentProper ul a:visited,
	#proc #contentProper ul a, #proc #contentProper ul a:link, #proc #contentProper ul a:visited {
		font-weight:bold;
	}

h2 {
	color:#4f8a10;
	line-height:1em;
	margin:0;
	padding:0;
	font-size:1.4em;
	text-transform:uppercase;
}

h3 {
	color:#385fce;
	margin: 2em 0 1em;
}

	.floatList h3 {
		margin-left:-1em;
	}

h4 {
	font-size:1em;
	line-height:1em;
	font-weight:bold;
	margin-bottom:4px;
	color:#4f8a10;
}

p {
	margin-top:0;
	font-size:.8em;
}

	ul li p {
		font-size:1em;
	}

	p.callout {
		padding-left:45px;
		position:relative;
		left:-45px;
		top:0;
		background-image: url(/img/dasher.gif);
		background-position: left center;
		background-repeat:no-repeat;
		margin: 1.25em 0 2.75em !important;
		display:inline-block;
		font-size:.8em;
	}
	
	p.indent {
		padding-left:5%;
		padding-right:7%;
	}

	p .highlight {
		color:#4f8a10;
		display:inline-block;
		font-size:1.5em;
		font-weight:bold;
		line-height:1em;
	}

input, select, textarea {
	background-color:#ffffff !important;
}

/* -- Main Layout ------------------------------------------------------------ */


/* Main <table> creating the basic page layout. */
#layoutTable {
	width: 834px;
	border-collapse: collapse;
	margin: 0 auto;
}

/* Page header*/
#headerCell {
	width:860px;
}

#logo {
	float:left;
	padding-right:55px;
	position:relative;
	left:-7px;
	top:1px;
	height:76px;
	width:125px;
	background-image: url(/img/logo_small.gif);
	background-repeat:no-repeat;
	background-position: 0 100%;
	color:#ffffff;
	text-indent:-9999px;
	display:block;
}

	#logo span {
		position:absolute;
		top:-20px;
		left:-9999px;
	}

#headerRight {
	height:76px;
	width:653px;
	border-left:1px solid #cb000c;
	padding-left:25px;
	padding-bottom:10px;
	float:left;
	clear:right;
	position:relative;
	z-index:3;
}

	#headerRight h1 {
			margin:0;
			margin-top:1.65em;
			padding:0;
			font-size: 1.5em;
			clear:none;
			font-weight:normal;
			height:1em;
			line-height:1.1em;
	}
		
	#headerRight p {
			margin:0;
			padding:0;
			font-size:1.4em;
			clear:none;
			color:#385fce;
			height:1.1em;
			line-height:1.55em;
	}

/* Left Sidebar*/
#sidebar-container {
	width:180px;
	float:left;
	clear:none;
	position:relative;
	z-index:2;
}

#mailingList-container {
	margin-top:40px;
	clear:none;
	z-index:2;
	position:absolute;
	left:0;
	top:27em;
	display:none !important;
}

	#about #mailingList-container {
		top:39em;
	}

	#mill #mailingList-container,
	#proc #mailingList-container {
		top:31em;
	}

#sidebarCellLeft {
	/*	width: 19%;
	background: #eee;
	border: 1px solid #ddd;
	border-width: 0 1px;
	*/
	vertical-align: top;
}

/*main content cell*/
#contentCell {
	padding:0;
	/*border-right: 1px solid #ddd;
	width: 80%;*/
	width:895px; /*860px; 834px;*/
	min-height: 400px;  /*sets a minimum content height*/
	overflow:visible;
	float:left;
	clear:both;
	border-top:1px solid #cb000c;
}

#contentProper {
	float:left;
	clear:none;
	width:688px; /*653px; 627px*/
	min-height:35em;
	padding-left:25px;
	border-left:1px solid #cb000c;
	position:relative;
	overflow:visible;
}

#contentProper ul li {
	padding:0;
	margin:0 0 .8em;
	font-size:.8em;
	line-height:1.45em;
	width:auto;
}

	#otherP #contentProper ul {
		margin-top:0;
		margin-bottom:2em;
		margin-left:1.1em;
	}
	#otherP #contentProper ul li {
		line-height:.85em;
	}
	#apps #contentProper ul li {
		width:460px;
	}

#contentProper ul.display {
	margin-top:0;
	padding-top:0;
	padding-left:130px;
	position:relative;
	left:-63px;
	top:0;
	display:inline-block;
	background-image: url(/img/thinsilv.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:auto;
	min-height:75px;
	list-style-type:none;
	list-style-image:none;
}

	#contentProper ul#disp-millCirc {
		background-image: url(/img/3saw_b.jpg) !important;
	}
	
	#contentProper ul#disp-millBand {
		background-image: url(/img/edgeSilv_b.jpg) !important;
	}
	
	#contentProper ul#disp-millOther {
		background-image: url(/img/plank_b.jpg) !important;
	}
	
	#proc #contentProper ul.display {
		left:-67px;
		top:0;
	}
	
	#contentProper ul#disp-secCirc {
		background-image: url(/img/procblade.jpg) !important;
	}
	
	#contentProper ul#disp-secBand {
		background-image: url(/img/procteeth.jpg) !important;
	}

#contentProper ul.display h3 {
	margin:0;
	margin-bottom:.75em;
	font-size:1em;
}

#contentProper ul.display .redend2 {
	position:absolute;
	left:23px;
	top:0;
	width:1px;
}

#about #contentProper ul {
	padding-left:230px;
	background-image:url(/img/aboutPhotos.jpg);
	background-repeat:no-repeat;
	background-position: 0% 56%;
	position:relative;
	top:0;
	left:-120px;
	width:303px;
	min-height:283px;
	margin-top:1.8em 0;
}

/* Right content sidebar */

#contentSide {
	position:absolute;
	top:-42px;
	right:-5px;
	width:165px;
	color:#4f8a10;
	font-size:1em !important;
}

#contentSide #redright {
	position:absolute;
	left:0;
	top:41px;
}

#contentSide p {
	font-style:italic;
}

#contentSide h3 {
	margin-top:.75em;
	font-size:1.3em;
	font-weight:bold;
	line-height:1.3em;
}

#contentSide ul {
	list-style-image:url(/img/blueb.gif);
	margin-left:1.3em;;
}

#about #contentSide {
	padding-bottom:300px;
	overflow:visible;
}

#about #contentSide #aboutDocs {
	position:absolute;
	bottom:0;
	right:0;
}


/*page footer*/
#footerCell {
	text-align: center;
	padding: 5px 0;
	padding-top:10em;
	color: #999;
	float:none;
	clear:both;
	font-size:.7em;
}

/* -- Common Page Items ------------------------------------------------- */
#page-breadcrumbs {
	margin-top: 15px;
	color:#cb000c;
	font-size:10px; /* IE gives trouble, and it's a non-essential page element */
}

#page-title-container {
	margin-top:.24em;
	margin-bottom:0;
}
	#canada #page-title-container {
		display:none;
	}

#page-title {
	font-size: 1.5em;
	font-weight:normal;
	height:1em;
}

#page-subtitle {
	color: #666;	
	margin-bottom: 10px;
}

#page-intro {
	margin:0;	
}

	#page-intro p {
		width:460px;
		font-weight:bold;
		font-size:1em;
		line-height:1.8em;
		color:#4f8a10;
	}
		
		/* exceptions */
		#mill #page-intro p,
		#commt #page-intro p,
		#proc #page-intro p,
		#inquire #page-intro p,
		#inqcan #page-intro p,
		#edge #page-intro p.plain,
		#rev #page-intro p.plain,
		#otherP #page-intro p.plain {
			color:#0e0011;
			font-size:.8em;
			font-weight:normal;
		}
		#rev #page-intro p {
			width:530px;
		}
		#apps #page-intro p.plain {
			color:#0e0011;
			font-size:.8em;
			width:490px;
			margin-bottom:1.5em;
			font-weight:normal;
		}
	
	#page-intro img {
		display:block;
		margin:1.05em 0 .9em;
	}
	
	#otherP #page-intro {
		margin-bottom:1.5em;
	}

#page-content {
	margin:0;	
}
	#rev #page-content {
		width:530px;
	}

#page-outro {
	clear:both;
	padding:.65em 0 2em;
}

#page-outro p.callout {
}

#page-pager-container {
	float: left;
	margin: 10px 0;
	/* Fix IE Doubled Float-Margin Bug
	   http://positioniseverything.net/explorer/doubled-margin.html */
	display: inline;
	background: #f6f6f6;
	border: 1px solid #eee;
}

.page-pager {
	width: 14em;
	margin: 0.33em 0.66em;
}

#page-pager-back {
	float: left;
}

#page-pager-next {
	float: right;
	text-align: right;
}

#page-bottomLinks {
	margin: 10px 0;
	margin-top:40px;
	padding: 10px;
	font-size: 85%;
}

#copyright {
font-size: 85%;
	margin-top: 5px;
}

#copyright img {
	margin-bottom: -2px;
}

/* -- Misc. Look And Feel --------------------------------------------------------- */

#hereCrumb {
	color:#4f8a10;
}

#sitemap ul {
	list-style-type: disc;
	margin-left: 1em;
}

#sitemap ul ul {
	margin-top: 0.33em;
	margin-bottom: 0.33em;
	list-style-type: circle;
}

#sitemap ul ul ul {
	list-style-type: square;
}

/* -- FIX wide pages in IE6 here --- */

#edge #contentCell, #knive #contentCell {
	_width:910px;
}
#edge #contentProper, #knive #contentProper {
	_width:auto;
	_position:relative;
}
#edge #contentSide, #knive #contentSide {
	_position:absolute;
	_top:-42px;
	_rightt:-20px;
}

/* -- Mailing List Form ----------------------------------------------- */

#ml-form {
/*	margin: 25px 0.5em 15px;*/
}

#ml-email-bg {
	background-image: url(/img/email_bg.gif);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#ffffff !important;
	position:relative;
	/* see mailinglist.htm's conditional comment re: padding for IE */
	width:128px;
	height:21px;
	float:left;
}

#ml-email {
	background:none !important;
	background-color:none !important;
	width:121px;
	padding-left:5px; /* add to 126px */
	height:14px;
	padding-top:3px; /* add to 17px */
	/* font-size:0.85em; */
    font-size:80%;
	color:#cb000c;
	border:1px solid #cb000c;
	position:absolute;
	top:0;
	left:0;
}

#ml-submit {
	float:left;
	clear:none;
	padding-left:4px;
	padding-top:5px;
}

.ml-text {
	/* font-size: 0.5em;*/
	font-size:75%;
	color:#0e0011;
	margin-bottom:5px;
}

/*for smarty templates*/
.php-smarty {
display:none;
}

body#smarty .php-smarty {
display: block;
}