body { 
	margin:0; padding:0;
	
	text-align: center;
	min-width: 852px;
	
	background-color:#282420;
	background-image:url('../images/fadeTopBKG.jpg');
	background-repeat:repeat-x;
	background-position:top;
}

#bottomGradient { /* BKG gradient that adds a dark bevel to the edge of the page, wraps around other elements. */
	margin:0; padding:0;
	width:100%;
	
	background-image:url('../images/fadeBottomBKG.jpg');
	background-repeat:repeat-x;
	background-position:bottom;
}

#masterContainer { /* contains topPadding, siteBanner, navigation, mainContent, footer */
	margin:0 auto; padding:0;
	width:1052px;
	text-align:left;
	
	background-image:url('../images/bodyTileVert.jpg');
	background-repeat:repeat-y;
	background-position:top left;
}

#topPadding {
	margin:0; padding:0;
	width:100%;
	height:40px;/* temporary, for layout verification, remove after content add. */
	
	background-image:url('../images/topPadding.jpg');
	background-repeat:repeat-y;
	background-position:bottom;
}

#siteBanner {
	margin:0; padding:0;
	width:100%;
	height:220px;
	
	background-image:url('../images/siteBanner.jpg');
	background-repeat:no-repeat;
	background-position:bottom left;
	}
	
/* -------- navigation --------*/

#navigation {
	margin:0; padding:0;
	width:100%;
	text-align:center;
	
	color:#727659;
	font-weight:bold;
	font-family: "myriad pro","myriad", verdana, arial, sans-serif;
	font-size:1.3em;
}

#navigation ul {
	margin:0; padding:0;
	list-style: none;
	
/*	background-color:#fff; */
}

#navigation li {
	margin:0 0.4em; padding:0 6px;
	display:inline;
	
	
	border-right:2px solid #777;
}

/* -------- body and content container --------*/

#body {
	margin:0; padding:0.5em 0;
	width:100%;
	/*height:600px;  debug, remove to snap to content height */
	
	background-image:url('../images/bodyBkg_07.jpg');
	background-repeat:no-repeat;
	background-position:top left;
}

#content { /* use margin here to adjust spacing and gutters for page content. */
	margin:1.6em 130px 0; padding:0;
	/*background-color:#fff;*/
}

#columnOne { /*removed 2% side margins from columns 1&2, to be controlled by content.*/
	margin:0 0 0; padding:0 0;
	width:36%;
	
	float:left;
	/*	background-color:green;*/
}

#columnOne.noSidebar {
	margin:0 0 0 5.6em; padding:0 0;
	
	width:46%;
/*	background-color:green;*/
}

#columnOneWide {
		margin:0 1.2em 0; padding:0 2em 0 0;
		width:64%;

		float:left;
/*		background-color:green;*/
}

#columnTwo { /* padding on container (instead of margin on child elements) to fix float issues with IE */
	margin:0; padding:0 0 0 1.2em;
	width:34%;
	
	float:left;
/*	background-color:purple;*/
}

#columnThree {
	margin:0 0 0; padding:0 0 0 13px; /* eventually set content padding from "articlebar.css" */
	width:26%;
	
	float:left;
	border-left:2px solid #ACAC96;
	
/*	background-color:green;*/
}

#columnFoot {
	margin:0; padding:0;
	width:100%;
	clear:both;
}

/* -------- footer and lower navigation menu --------*/

#footer {
	margin:0; padding:0;
	width:100%;
	
	background-image:url('../images/thinBar_08.jpg');
	background-repeat:no-repeat;
	background-position:bottom;
}
#footerContent { /* Footer content placed within this box. Sets both margin and padding for content of footer */
	margin:0; padding:80px 0 2em 0;
	width:100%;
	text-align:center;
	color:#727659;
}
#footerContent ul {
	margin:0; padding:0;
	list-style: none;
	
	/* background-color:#fff; */
}
#footerContent li {
	margin:0 0.4em; padding:0 0.2em;
	display:inline;
	
	border-right:2px solid #777;
}