/* changed 055861 to ACE1AF in 5 locations 27 July 2008 at 7:50:34 */
/* changing links to 7BA05E 27 July 2008 at 17:52:01 */
/* final clean up 24 August 2008 at 9:39:50 */

body  /* set color for outside site */
{
	background-color:#D0F0C0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#333333;
	margin-top:6px;
	margin-bottom:6px;
}
p
{
	margin-top:6px;
	margin-bottom:6px;
}
#banner  /* place the banner location */
{
	position:absolute;
	left:10px;
	top:0px;
	width:1000px;
	height:54px;
	z-index:1;
	background-color:#FFFFFF;
}
/* 
   These may be overridden by code on a page.
*/
#lcol {
	position:absolute;
	left:10px;
	top:54px;
	width:100px;
	height:440px;
	z-index:2;
	background-color:#FFFFFF;
	padding-top:50px;
	padding-right:10px;
	padding-bottom:10px;
	padding-left:10px;
}
#mcol /* position main column */
{
	position:absolute;
	left:125px;
	top:54px;
	width:370px;
	height:460px;
	z-index:3;
	background-color:#FFFFFF;
	padding-top:30px;
	padding-right:10px;
	padding-bottom:10px;
	padding-left:5px;
	overflow:hidden;
}
#rcol /* position right column */
{
	position:absolute;
	left:510px;
	top:54px;
	width:480px;
	height:480px;
	z-index:4;
	background-color:#ACE1AF;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-left:10px;
}
#footer /* position footer area */
{
	position:absolute;
	background:url(../images/footer.jpg) no-repeat;
	left:10px;
	top:554px;
	width:1000px;
	height:20px;
	z-index:5;
	background-color:#FFFFFF;
	text-align:left;
}

/* ====================== END MAIN CONTROL ITEMS ====================== */

.col3illustration  /* no longer needed, but retained */
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:12px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
}
.permission /* permission text used in right column */
{
	font-size:10px;
	font-weight:normal;
	color:#000000;
	text-align:right;
	padding-top:5px;
	line-height:12px;
}
.head1, .head2, .head3  /* applies to all headlines */
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#7BA05E;
	padding:0px;
}
.head1 /* top level headline */
{
	font-size:24px;
	line-height:32px;
	margin-bottom: 6px;
}
.head2 /* 2nd level headline */
{
	font-size:16px;
	line-height:20px;
	margin-top:15px;
}
.head3 /* 3rd level headline */
{
	font-size:12px;
	font-weight:bold;
	color:#7BA05E;
	line-height:16px;
	margin-top:10px;
}
a:link, a:visited, a:hover, a:active  /* set standard link color */
{
	font-weight:normal;
	text-decoration:none;
	color:#7BA05E;
}
a:hover /* apply highlight for hovered link */
{
	/* background-color:#FFFF99; */
	background-color:#D0F0C0
}
a.here:link, a.here:visited, a.here:hover, a.here:active /* set color for active page */
{
	color:#cc3300; /* same color as is used in logo */
}
.m1, .m1nolink, .m2 /* Set the menu items */
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	line-height:12px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	width:85px;
}
.m1nolink /* override color if not a link */
{
	color:#7BA05E;
}
.m2 /* override left margin for second level */
{
	margin-left:10px;
	margin-top: 3px;
	margin-bottom: 3px;
}
.foot /* footer text */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
	margin-left:10px;
	margin-top:5px;
}
.testimonial
{
	margin-bottom:1px;
}
.attribution
{
	margin-left:0px;
	margin-top:1px;
	margin-bottom:15px;
	font-style: italic;
}
.tiny
{
	font-size:9px;
}
.roman /* used to override text that should be roman within an italic section */
{
	font-style:normal;
}
OL, UL, LI  /* reduce top margin on lists from default */
{
	margin-top:2px;
}
OL /* ordered list; not used, but included */
{
	list-style-type:decimal;
}
UL /* unordered list with Microsoft hacks */
{
	list-style-type:circle;
	color:#7BA05E;
	margin-right:15px;
	margin-left:-17px;
	/* Seen only by #ie7 and _ie6 - Hello, Microsloth. Can you do this right for a change? */
	#margin-left:30px;
	_margin-left:30px;
}
UL.plain /* used for bulleted lists without bullets, so I guess these are "blanks" */
{
	list-style-type:none;
	color:#7BA05E;
	margin-right:15px;
	margin-left:-27px;
	/* Seen only by #ie7 and _ie6 - Hello, Microsloth. Can you do this right for a change? */
	#margin-left:15px;
	_margin-left:15px;
}
.nolink /* used in bulleted list to override color */
{
	color:#333333;
}
.indentList1 /* First line (or only line) of an indented list. */
{
	margin-right:25px;
	margin-left:25px;
	margin-bottom:0px;
}
.indentList2 /* Middle lines of an indented list. */
{
	margin-right:25px;
	margin-left:25px;
	margin-top:0px;
	margin-bottom:0px;
}
.indentList3 /* Last line of an indented list. Use for 2nd line if the list has just 2 items. */
{
	margin-right:25px;
	margin-left:25px;
	margin-top:0px;
}
.indentLink1 /* First line (or only line) of an indented list of links. */
{
	margin-right:25px;
	margin-left:25px;
	margin-bottom:5px;
}
.indentLink2 /* Middle lines of an indented list of links. */
{
	margin-right:25px;
	margin-left:25px;
	margin-top:5px;
	margin-bottom:5px;
}
.indentLink3 /* Last line of an indented list of links. Use for 2nd line if the list has just 2 items. */
{
	margin-right:25px;
	margin-left:25px;
	margin-top:5px;
}
.blockquote
{
	margin-left:1.5em;
	margin-right:1.5em;
}
.nospace
{
	margin-top:1px;
	margin-bottom:1px;
}
.nospaceAbove
{
	margin-top:1px;
}
.nospaceBelow
{
	margin-bottom:1px;
}
.extraSpaceAbove
{
	margin-top:35px;
}
img.floatTR { 
float:right;
padding:5px;
margin-right:1.3em;
margin-bottom:1em;
margin-top:0.5em;
}