body {
	background: #afafaf;    /* med grey */
	background: url(/includes/files/base/images/ironoak/bodyBG.jpg) 50% -55px no-repeat #afafaf;    /* med grey */
}



h1 {
	padding: 0 0 20px;
	font-size: 30px;
	color: #226b49;     /* dark green */
}

h2 {
	color: #226b49;     /* dark green */
}
h3 {
	color: #226b49;     /* dark green */
}
th {
	border-bottom: 1px solid #afbdcd;    /* light blue-grey */
}

.googleEmbed {    /* on an iFrame that embeds a google map */
	border: 1px solid #226b49;     /* dark green */
}


a:link, 
a:visited {
	text-decoration: none;
	color: #8b0e04;    /* red */
}
a:hover, 
a:active {
	color: #e86922;    /* orange */
	text-decoration: underline;
}


	a:link.tipdownTrigger,
	a:visited.tipdownTrigger {
		color: #226b49;     /* dark green */
	}
		#ie6 a:hover.tipdownTrigger,
		#ie6 a:active.tipdownTrigger {
			color: #37ad76;     /* med green */
		}




.accordionWrapper {
	margin-left: 24px;
}
	.accordionWrapper .element {
		/* padding-top, padding-bottom, border, overflow, and height are all restated by Mootools */
		background: #eaebeb;    /* grey pale */
	}
	.accordionWrapper .tipdown {
		/* do not set padding, margin here */
	}
	.accordionWrapper .COLHALF h3 {
		text-align: center;
		text-transform: uppercase;
		border-bottom: 2px solid #226b49;     /* dark green */
	}
	.accordionWrapper .COLHALF h4 {
		padding: 4px;
		color: black;
		background: #d0dbd9;     /* green light */
	}
.accordionToggleOn,
.accordionToggleOff {
}
	.accordionToggleOn em,
	.accordionToggleOff em {
/*		width: 18px;
		height: 16px;
		padding: 4px 4px; */
		left: -22px;
		width: 12px;
		padding: 4px 4px 4px 6px;
		color: white;
		font-size: 16px;
		background: #226b49;     /* dark green */
	}
		#ie6 .accordionToggleOn em,
		#ie6 .accordionToggleOff em {
			left: -25px;
			padding: 3px 4px 3px 8px;
		}
.accordionToggleOn {
	background: #9c9e9d;    /* grey */
}
.accordionToggleOff {
	color: white;
	background: #bdbec0;    /* grey med */
}



/* -------------- forms -------------- */
/* begin */


	form.front fieldset {
		background-color:  #d0dbd9;     /* green light */
		border-color: #9c9e9d;    /* grey */
		}
		form.front fieldset.buttons {
			border-color: #9c9e9d;    /* grey */
			}


/* end */



/* -------------- basic parts -------------- */
/* begin */


#page {
	position: relative;
	width: 785px;    /* 825 - padding */
	padding: 20px;
	margin: 20px auto 0;
	text-align: left;
	background: white;
	background: url(/includes/files/base/images/ironoak/pageBG.jpg) 50% -75px no-repeat white;
}


/* -------------- header -------------- */
/* begin */


#header {
	z-index: 800;
	position: relative;
	clear: right;
	padding: 5px 0 10px;
	height: 61px;
	margin-bottom: 20px;
}


#logo {
	position: relative;
	width: 200px;
}

#home {
	position: absolute;
	top: -20px;
	left: 265px;
}
	#home a:link,
	#home a:visited {
		display: block;
		padding: 5px 10px;
		color: #9c9d9d;     /* med grey */
		background: #E6E7E8;     /* light grey */
	}
	#home a:hover,
	#home a:active {
		color: black;
		text-decoration: none;
	}


#nPrimary {    /* ++ */
	position: absolute;
	top: -20px;
	right: -20px;
	padding: 0;
	font-size: 10px;
	text-transform: uppercase;
}
	#ie6 #nPrimary {
		right: -21px;
	}
	#nPrimary ol {
		float: right;
		margin: 0;
		padding: 0;
	}
		#nPrimary ol li {
			float: left;
			list-style: none;
			margin: 0;
			padding: 0px;
			margin-right: 2px;
		}
			#ie6 #nPrimary ol.home li {
				display: inline;
			}
			#nPrimary ol li.last {
				margin-right: 0;
			}
	#nPrimary ol li a:link,
	#nPrimary ol li a:visited {
		display: block;
		padding: 5px 10px;
		color: white;
		background: #226b49;     /* dark green */
	}
	#nPrimary ol li a:hover,
	#nPrimary ol li a:active {
		color: #f59f1a;    /* gold */
		text-decoration: none;
	}
		#nPrimary ol li .current a:link,
		#nPrimary ol li .current a:visited {
			background: #9c9d9d;     /* med grey */
		}
		#nPrimary ol li .current a:hover,
		#nPrimary ol li .current a:active {
			color: #f59f1a;    /* gold */
			text-decoration: none;
		}


/* end */






/* -------------- content -------------- */
/* begin */





#content {
	position: relative;
	z-index: 900;
	clear: both;
	padding-left: 58px;
}
	#content ol,
	#content ul {
		padding-bottom: 10px;    /* matches p padding-bottom */
	}


#main {
	float: right;
	position: relative;
	z-index: 10;
	width: 520px;
}
/**/	#main li,
	#main .pod li {
		margin-left: 20px;
	}

#crumbPath {
	font-size: 10px;
}
	#crumbPath a:link,
	#crumbPath a:visited {
	}
	#crumbPath a:hover,
	#crumbPath a:active {
	}
	#crumbPath li {
		float: left;
		list-style: none;
		margin: 2px 4px 4px;
		padding-right: 6px;
		border-right: 1px solid #E6E7E8;     /* light grey */
	}
		#crumbPath li.last {
			border: 0;
		}


#left {
	position: relative;
	float: left;
	width: 190px;
}

#extra {
}


/* end */





/* -------------- nSecondary -------------- */
/* begin */


#nSecondary {
	position: relative;
	font-size: 11px;
	width: 225px;
	text-transform: uppercase;
	margin-bottom: 20px;
}
	#nSecondary a:link,
	#nSecondary a:visited {
		color: #226b49;     /* dark green */
	}
	#nSecondary a:hover,
	#nSecondary a:active {
		color: #990000;    /* red */
		text-decoration: none;
	}
	#nSecondary h3 {
		padding-bottom: 2px;
		margin-bottom: 4px;
		border-bottom: 1px solid #CCC;
	}
		#nSecondary h3 {
			position: relative;
		}
	#nSecondary .current {
	}
		#nSecondary .current a:link,
		#nSecondary .current a:visited {
			color: #9c9d9d;     /* med grey */
			border-bottom: 2px solid #9c9d9d;     /* med grey */
		}
		#nSecondary .current a:hover,
		#nSecondary .current a:active {
			color: #990000;    /* red */
			border-bottom: 2px solid #990000;    /* red */
		}
	#nSecondary ol {
	}
		#nSecondary ol li {
			list-style: none;
		}
			#nSecondary ol li li {
				margin-bottom: 0;
			}


/* end */





/* POD STYLES... indent, callout A, callout B, pull quote, col (half pg) */


.CALLOUT-A {
}

.PULLQUOTE {
}



/* end */




#footer {
	position: relative;
	clear: both;
	margin: 0 auto;
	width: 785px;    /* 825 - padding */
	padding: 10px 20px 20px;
	color: #444;
	text-align: left;
}
	#footer a:link,
	#footer a:visited {
		color: white;
	}
	#footer a:hover {
		color: #bbb;
	}



/* ------- external link pop up      */
#extLinkPopUp{
	display: none;
	position: absolute;
	z-index: 44;
}

#extLinkPopUp img{
	border: 0px;
}

#extLinkPopUp a.ok {
	padding: 5px 10px 5px 10px;
	margin-right: 7px;
	margin-bottom: 15px;
	background: #F9E96F;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	border: 1px solid #999;
}

#extLinkPopUp a:hover.ok {
	text-decoration: underline;
}

#extLinkPopUp a.cancel{
	padding: 5px 10px 5px 10px;
	background: #6989A2;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	border: 1px solid #999;
}

#extLinkPopUp a:hover.cancel{
	text-decoration: underline;
}


.flash.bad {
	border: 1px solid #333;
	background: #83A3BC;
	padding: 10px;
	margin: 0 0 20px 0; }
	.flash div.inner {
		padding: 10px 20px 10px 70px;
		text-align: left;
		min-height: 30px; 
		}
		.flash div.inner p{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: bold;
			color: #333;
			line-height: 130%;
			}
		
	.flash.bad div.inner {
		background: #FFFFFF url("../images/yield.gif") no-repeat 15px 15px; 
	}
/* -- END external link pop up ------ */