/* CSS Document */

body {
	background: url(/img/bkgrnd_tile.gif) repeat-x scroll left top;
	text-align:center;
	margin: 0 auto;
}

body,
#theGrowingEdgeLogo *,
#magRolloverHolder *,
#mainNavigation,
.blackSep,
#mainNavigation *,
#headerGrfkHolder *,
#navBarHolder * {
	margin: 0;
	padding: 0;
}
#theGrowingEdgeLogo {
	position: absolute;
	top: 0;
	left: 0;
	width: 280px;
	height: 130px;
	z-index: 1;
}
.blackSep {
	font-size: 20px;
	line-height: 20px;
	background-color: #000;
	height: 20px;
}
html>body #theGrowingEdgeLogo {
	background: url(/img/logo.png) no-repeat scroll left top;
}
* html #theGrowingEdgeLogo {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/logo.png',sizingMethod='scale');
}
/*
** CSS filters are generally unsafe - except when used correctly to separate "dead" browsers from the "living".
** IE6 and previous versions are "dead", and can be filtered out safely. The below CSS filter is safe for IE5+/Win and not affect IE7.
** This filter, which targets versions less than IE7, can be used in 'styles in page head' and 'external stylesheets'.
** Filter only valid if the complete @media rule is applied, and put after all other styles so not to interfere with other @media rules (if there are any).
** No further separation needed. Below is a safe filter if later versions than IE6 are set to run in 'standard mode', according to the Microsoft IE7 team:
*/
@media all {
	* html #theGrowingEdgeLogo {
		/* Now we got to fee a gif to IE5.0: */
		background: url(/img/logo.gif) no-repeat scroll left top; /* IE5.0 + 5.5 + 6 win */;
		background/**/: none /* IE5.5 win */;
		backgr\ound: none /* IE6 win */;
	}
}
#theGrowingEdgeLogo a img {
	border: 0;
}
#magRolloverHolder {
	background-color: #693;
	border-style: solid;
	border-width: 4px 0;
	border-color: #000;
	margin: 20px 0 0 0;
	width: 100%;
}
#magRolloverHolder .theeHolder {
	background: url(/img/order_mag_02.gif) no-repeat scroll left top;
	width: 410px;
	height: 53px;
	display: block;
	margin: 0 0 0 270px;
}
#magRolloverHolder .theeHolder a {
	width: 410px;
	height: 53px;
	display: block;
}
#magRolloverHolder .theeHolder a img {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}
* html a:hover { visibility: visible }
#magRolloverHolder .theeHolder a:hover img { visibility: hidden }
#headerGrfkHolder {
	text-align: center;
	background-color: #336633;
	border-top: 1px solid #000;
	height: 60px;
}
#headerGrfkHolder img {
	margin: 0 auto;
	border: 0;
}
#navBarHolder {
	font: normal .7em Verdana, Helvetica, sans-serif;
	color: #030;
	text-align: center;
	white-space: nowrap;
	background-color: #9C9;
	padding: 5px;
	border-width: 1px 0;
	border-style: solid;
	border-color: #000;
}
a {
	text-decoration: none;
	color:#004a00;
}
a:visited {
	text-decoration: none;
	color:#004a00;
}
a:hover {
	text-decoration: underline;
	color:#CC9900;
}
a:active {
	text-decoration: underline;
	color:#004a00;
}
/* Begin main navigation styles. */
#mainNavigation {
	font: normal .8em 'lucida Grande', 'lucida sans unicode', Lucida, sans-serif;
	letter-spacing: .2em;
	margin: 0 0 0 270px;
	height: auto;
	display:inline-block;
}
#mainNavigation ul {
	white-space: nowrap; /* mh */
	list-style: none;
	float: left;
}
#mainNavigation li {
	background-color: #fff;
	display: inline-block;
	margin: 0 0 0 -1px;
	line-height: normal;
}
#mainNavigation li a {
	text-decoration: none;
	background-color: #DFFFDF;
	border-right: 1px solid #000 !important;
	border-left: 1px solid #000 !important;
	padding: 2px 15px;
}
/*\*/
* html #mainNavigation { height: 1% }
#mainNavigation:after {
	content: '[.]';
	clear: both;
	visibility: hidden;
	display: block;
	height: 0;
}
#mainNavigation,
#mainNavigation ul,
#mainNavigation li,
#mainNavigation li a { display: block }
#mainNavigation ul { float: left;}
#mainNavigation li { float: left;}
/* End filter */
* html #mainNavigation li a {
	display: inline-block;
}
#mainNavigation li a:link,
#mainNavigation li a:visited {
	color: #4B644B;
	text-decoration: none;
	border: none;
}
#mainNavigation li a:focus,
#mainNavigation li a:hover {
	color: #000;
	border: none;
	background-color: #B8CC99;
}
#mainNavigation li a:link#current,
#mainNavigation li a:visited#current {
	color: #000;
	background-color: #9C9;
}
/* Dealing with Opera 7.2 -7.5 */
/* First line is ignored by Opera 6; inline-block causes problems with Opera 6, hiding altogether */
@media all and (min-width: 0px) {	
	#mainNavigation ul {
		float: none;
		text-align: right;
		line-height: 1px;
	}
	head:first-child+body #mainNavigation li {
		display: inline-block;
		float: none;
		vertical-align: bottom;
	}
	#mainNavigation:after { display: none; }
}
/* Opera 6 inores the 1st line after the media querie, not important in this case */
* html>body #mainNavigation li a {
	width: 1px;
	white-space:nowrap
}
/* End main navigation styles. */
/* Begin .theClearFix styles: */
.theClearFix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.theClearFix { display: inline-table; }
/* Begin filter. Hides from IE-mac \*/
* html .theClearFix { height: 1%; }
.theClearFix { display: block; }
/* End filter. End hide from IE-mac. */
/* End .theClearFix styles. */


/* Begin main navigation styles. */
#mainNavigation {
	font: normal .8em 'lucida Grande', 'lucida sans unicode', Lucida, sans-serif;
	letter-spacing: .2em;
	margin: 0 0 0 270px;
	height: auto;
	display:inline-block;
}
	
#mainNavigation ul {
	white-space: nowrap; /* mh */
	list-style: none;
	float: left;
}
#mainNavigation li {
	background-color: #fff;
	display: inline-block;
	margin: 0 0 0 -1px;
	line-height: normal;
}
#mainNavigation li a {
	text-decoration: none;
	background-color: #DFFFDF;
	border-right: 1px solid #000 !important;
	border-left: 1px solid #000 !important;
	padding: 2px 15px;
}
/*\*/
* html #mainNavigation { height: 1% }
#mainNavigation:after {
	content: '[.]';
	clear: both;
	visibility: hidden;
	display: block;
	height: 0;
}
#mainNavigation,
#mainNavigation ul,
#mainNavigation li,
#mainNavigation li a { display: block }
#mainNavigation ul { float: left;}
#mainNavigation li { float: left;}
/* End filter */
* html #mainNavigation li a {
	display: inline-block;
}
#mainNavigation li a:link,
#mainNavigation li a:visited {
	color: #4B644B;
	text-decoration: none;
	border: none;
}
#mainNavigation li a:focus,
#mainNavigation li a:hover {
	color: #000;
	border: none;
	background-color: #B8CC99;
}
#mainNavigation li a:link#current,
#mainNavigation li a:visited#current {
	color: #000;
	background-color: #9C9;
}
/* Dealing with Opera 7.2 -7.5 */
/* First line is ignored by Opera 6; inline-block causes problems with Opera 6, hiding altogether */
@media all and (min-width: 0px) {	
	#mainNavigation ul {
		float: none;
		text-align: right;
		line-height: 1px;
	}
	head:first-child+body #mainNavigation li {
		display: inline-block;
		float: none;
		vertical-align: bottom;
	}
	#mainNavigation:after { display: none; }
}
/* Opera 6 inores the 1st line after the media querie, not important in this case */
* html>body #mainNavigation li a {
	width: 1px;
	white-space:nowrap
}
/* End main navigation styles. */
/* Begin .theClearFix styles: */
.theClearFix:after {
	content: "."; 
	display: block; 
	height: 0;
	clear: both;
	visibility: hidden;
}
.theClearFix { display: inline-table; }
/* Begin filter. Hides from IE-mac \*/
* html .theClearFix { height: 1%; }
.theClearFix { display: block; }
/* End filter. End hide from IE-mac. */
/* End .theClearFix styles. */

p	{font-family: Verdana, Helvetica, sans-serif; color: #000;}
body{font-family: Verdana, Helvetica, sans-serif; font-size: 90%;}
h2{font-size: large;}
h3{font-size: 85%;}
.body {font-size: small; font-family: Verdana, Helvetica, sans-serif; margin-right: 0; margin-left: 0; margin-top: 0}

.ahead {font-weight: bold; font-size: large; font-family: Verdana, Helvetica, sans-serif; color: #669966;}

.bhead {
	font-weight: bold;
	font-size: medium;
	font-family: Verdana, Helvetica, sans-serif;
	color: #669966;
}

.headline    {
	font-weight: bold;
	font-size: 110%;
	font-family: Verdana, Helvetica, sans-serif;
	color: #669933;
	padding: 0 .25em .25em .25em;
	border-bottom: 1px solid #99CC66;	
}
.authorCredit {
	font-weight: bold;
	text-align: right;
	float:right;
	font-size:60%;
	vertical-align: text-bottom;
	color: #99CC99;
	padding-top: 0.5em;	
}
.subhead {
	font-weight: bold;
	font-size: 90%;
	font-family: Verdana, Helvetica, sans-serif;
	line-height: 1.2;
}
.navbar  { font-size: x-small; font-family: Verdana, Helvetica, sans-serif; color:#666;}