/* BODY
*/
body {
	margin: 0;
	padding: 0;
}
/* CONTAINER
*/
#container {
	margin: 0 -1px; /*H Moz: -1 for scroll bars */
/**/
	width: 98.1%;
	min-width: 780px;
	max-width: 1000px;
	border: solid 0 #000;
	border-width: 0 2px 2px 0;
	background: #fff;
}
	/*R SECONDARY NAVIGATION WIDTH
	// Moz: width = 100 - #container width - 1.01
	// ie5Mac: width = 100 - #container width + 0.8
	// min/max = #container min/max - (px approx. of 100 - #container width) 
	*/
	#navbar { width: 98.9%; } /*H ie5Mac */
	/*H \!ie5Mac */
	#navbar { width: auto; }
	#navbar[id] /*H Moz */ { width: 97%; }
	#navbar { min-width: 770px; max-width: 990px; }
/* HEAD
*/
#head-wrap {
/*O	z-index: 13;*/
/*O	position: relative; H ie6Win */
	overflow: hidden;
/**/
}
#head {
}
/* Linked, Absolutely-positioned detail, Image Replacement (LAIR) Header
// v1.0; John Schulz, Ambient Shadow
*/
	#head-wrap {
		background: white;
	}
	#head a {
	/*O	z-index: 0;*/
		display: block;
		position: relative;
		width: 100%; /*H ieWin */
		height: 2.0em; /*N if no skin */
/**/
	}
	/*R top = #head height */
	#navbar {
		top: 2.0em; /*N if no skin */
	}
	html>body #head a { /*H !ieWin */
		width: auto;
	}
	#head .header {
	/*O	z-index: 0;*/
		position: absolute;
		width: 100%;
		height: 100%;
		background: no-repeat top left;
/**/
	}
	#head .tagline {
		position: absolute;
		background: no-repeat top left;
/**/
	}
/* MAIN
// border-left || right = #catnav-wrap || #sidebar-wrap width
// HTML: last item = <div class="clear">&nbsp;</div>
*/
#main-wrap {
	width: auto;
/**/
	border-left: solid 120px white;
	border-right: solid 170px white;
}
	/*R CATNAV-WRAP AND SIDEBAR-WRAP WIDTHS
	*/
	#catnav-wrap { margin-left: -120px; width: 120px; }
	#foot-wrap { border-left-width: 120px; }
	#sidebar-wrap { margin-right: -170px; width: 170px; }
	/*H ie5Mac, SrcOrd = BCA */
	#column-wrap { margin-right: -170px; }

#main-wrap > #main /*H Moz: #container background */ {
	border-bottom: solid 1px #fff;
}
#main {
/*O	margin: 0;*/
	width: 100%; /*H ieWin */
/**/
	padding: 2.0em 0 0; /*N top spacing for #navbar */
}	
/* SECONDARY NAVIGATION
// HTML, >=ie5.xWin: if #navbar follows #foot, #navbar has (-)margin-left = #catnav-wrap width
*/
#navbar {
	position: absolute; 
/**/
	padding: 5px;
	border-style: solid;
	border-width: 2px 0;
	background: #fff;
}
/* Breadcrumb Navigation */
#navbar .sep, #navbar span {
	margin: 0 2px 0 0;
	text-decoration: none;
	font-weight: bold;
}
#breadcrumb {
	float: left;
}
#breadcrumb ul, #breadcrumb ul li {
	display: inline;
	margin: 0;
}
#breadcrumb ul li {
	margin: 0 2px 0 0;
}
/* Auxiliary Items */
#aux {
	float: right;
}
#aux span.sep {
	padding: 0 0.6em 0 0;
	margin: 0 0.3em 0 0;
	border-right: dotted 1px #000;
}
#aux form, #aux form div {
	display: inline;
	margin: 0;
	padding: 0;
}
#aux input {
	height: 1.4em;
	width: 150px;
	margin: 0 2px;
	padding: 0;
	border: solid 1px #999;
}
/*H \!ie5Mac */
#aux input {
	height: 1.2em;
	padding: 1px;
}
/* COLUMN-WRAP
*/
#column-wrap {
/*O	z-index: 0;*/
/*O	position: relative; H ieWin */
	width: 100%;
/**/
	float: right;
}
/*H \!ie5Mac, SrcOrd = BCA */
#column-wrap {
	margin-right: 0;
}
/*H Moz: clearing 4), fixes 2)
// SrcOrd = BAC, BCA: Pull columns away from outer content that clears underneath >> margin-right: -1px;
*/
#column-wrap[id] {	
	margin-right: -1px;
}
/* CONTENT
*/
#content-wrap {
/*O	z-index: 12;*/
/*O	position: relative; H ieWin */
	width: 100%;
/**/
	float: left;
}
/*H Moz: clearing 3), fixes 1)
// #content = Presentation Column B
// SrcOrd = BAC, BCA: Pull inner content away from outer columns >> margin-left: -1px; OR margin-right: -1px;
*/
#content-wrap[id] {
	margin-left: -1px;
}
#content {
	padding: 10px;
	text-align: left;
}
/* CATEGORY NAVIGATION
// width = #main-wrap border-left || right
// (-)margin-left || right = width
*/
#catnav-wrap {
/*O	z-index: 10;*/
	position: relative; /*H ieWin */
/**/
	float: left;
}
/*H Moz: clearing 2)
// #catnav = Presentation Column A
// SrcOrd = BAC, BCA: Push col away from inner content >> margin-right: 1px;
//   side effect: clears under all other content
*/
#catnav-wrap[id] {
	margin-right: 1px;
}
#catnav {
	margin: -5px 0 0;
	font-weight: bold;
}
#catnav p {
	position: relative; /*H ieWin */
	margin: 15px 5px 5px;
	padding-bottom: 2px;
}
#catnav ul {
	list-style: none;
	margin: 0 0 2px;
	padding: 0 0 2px;
	border-bottom: solid 1px #ddd;
}
#catnav li a {
	display: block;
	padding: 2px 0 2px 8px; /*H ieWin */
	width : 93%; /*H ie6Win */
	width /*H !ie6Win */: 100%;
}
html>body #catnav li a /*H !ieWin */ {
	padding: 3px 0 3px 8px;
	width: auto;
}
/* SIDEBAR
// ie5Mac, SrcOrd = BCA: only #sidebar to display: none; #sidebar-wrap indents improperly
// width = #main-wrap border-right || left
// (-)margin-right || left = width
*/
#sidebar-wrap {
/*O	z-index: 11;*/
	position: relative; /*H ieWin */
/**/
	float: right;
}
/*H Moz: clearing 1)
// #sidebar = Presentation Column C
// SrcOrd = BAC, BCA: Push col away from inner content >> margin-left: 1px;
//   side effect: clears under inner content
*/
#sidebar-wrap[id] {
	margin-left: 1px;
}
#sidebar {
	padding: 10px;
}
#sidebar li {
	margin: 3px 0;
}
/* FOOT
// HTML: last item = <div class="clear">&nbsp;</div>
*/
#foot-wrap {
/*O	z-index: 14;*/
/**/
	padding: 10px 5px 0; 
	border-left-style: solid; /*N push out of #catnav column */
	border-left-color: white;
}
#foot {
	padding: 5px;
	text-align: left;
	color: #666;
}
#foot p {
	margin-top: 0.5em;
	margin-bottom: 0;
}
#foot .contact {
/*O	z-index: 15;*/
	clear: none;
/**/
	float: left;
}
#foot .validate {
/*O	z-index: 15;*/
/**/
	float: right;
	margin: 0 0 0 20px;
	text-align: right;
	width: 8.0em;
}
/* Foot XHTML / CSS Badges */
#xhtml, #css {
	display: block;
	white-space: nowrap;
/**/
	width: 6.2em;
	margin: 0 0 5px 0;
	padding: 1px 5px;
	border: solid 1px;
	border-left: solid 6px;
	border-color: #ccc;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	color: #999;
}

/* ALTERNATE PAGE TYPES

*/
/* Store 
#store #main-wrap {
	border-right: 0;
}
#store #sidebar-wrap {
	display: none;
}*/
/* Documents */
#doc #main-wrap {
	border-left-width: 20px;
	border-right: 0;
}
#doc #foot-wrap {
	border-left-width: 20px;
}
#doc #catnav-wrap, #doc #sidebar {
	display: none;
}
/* Story */
#story #main-wrap {
	border-left-width: 20px;
	border-right: 0;
}
#story #foot-wrap {
	border-left-width: 20px;
}
#story #catnav-wrap, #story #sidebar {
	display: none;
}
/* Story with Navigation */
#story-nav #main-wrap {
	border-left-width: 110px;
	border-right: 0;
}
#story-nav #foot-wrap {
	border-left-width: 110px;
}
#story-nav #catnav-wrap {
	margin-left: -110px;
	width: 110px;
}
#story-nav #sidebar {
	display: none;
}

/* LAYOUT OVERRIDES
*/