body {
	background-color:	#5f6069;	/*Costamanos dark gray + 5% blue*/
	font-family:		Verdana, sans-serif;
	font-size:			16px;
	font-weight:		400;
	color:				#ffffff;
}

#main {						/*this is the outermost content block*/
	width:				820px;
	min-height:			1100px;
	background-color:	#5f6069;	/*Costamanos dark gray + 5% blue*/
	margin:				0 50px 0 50px;
	padding:			0 0 0 0;
	position:			relative;	/*not sure this is necessary--delete?*/
}

#container {
	width:				820px;	/*was 715px*/
	background-color:	transparent;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
	clear:				right;
}

#banner {						/*this is the block for the gallery name and logo*/
	width:				760px;	/*was 760px spans all the content below it*/
	background-color:	transparent;	/*#main background shines through*/
	margin:				0 0 0 0;		/*adjust margins later*/
	padding:			60px 60px 5px 0;		/*allow for quarryman image*/
	position:			relative;
}

#banner  a {
	text-decoration:	none;
	border:				none;
	outline:			none;
	color:				#ffffff;
}

#banner a img {
	text-decoration:	none;
	border:				none;
	outline:			none;
	color:				#ffffff;
}

#banner  a:link {
	text-decoration:	none;
	border:				none;
	outline:			none;
	color:				#ffffff;
}

#banner  a:hover {
	text-decoration:	none;
	border:				none;
	outline:			none;
	color:				#ffffff;
}

#banner  a:visited {
	text-decoration:	none;
	border-style:		none;
	outline:			none;
	color:				#ffffff;
}

.banner1 {						/*large format for main banner*/
	font-size:			300%;
	text-align:			right;
	padding:			0 0 0 0;
	margin:				0 0 0 0;
}

.banner1 img {					/*format for banner logo image*/
	position:			absolute;
	bottom:				25px;
	right:				0;
}

.banner2 {						/*smaller format for banner tag line*/
	font-size:			120%;
	text-align:			right;
	padding:			0 2px 17px 0;
	margin:				0 0 0 0;
}

#content-back {					/*this is the block for current page content*/
	width:			820px;	/*was 715px to allow space for Quarrymans feet*/
	height:			960px;	/*try to make the block at least this long*/
	margin:			0 0 5px 0; /*space at bottom before footer*/
	padding:			0 0 0 0;	/*start with no padding - use margins for inner elements*/
	background-color:	#bcbdbf;	/*Costamanos light gray*/
	color:			#575859;	/*darker darker Costamanos light gray*/
}

#rppc-back {					/*this is the block for current page content*/
	width:			820px;	/*was 715px to allow space for Quarrymans feet*/
	height:			960px;	/*try to make the block at least this long*/
	margin:			0 0 5px 0; /*space at bottom before footer*/
	padding:			0 0 0 0;	/*start with no padding - use margins for inner elements*/
	background-color:	#bcbdbf;
	background-image:	url(../images/rppc/rppc-background-a.jpg);
	color:			#575859;	/*darker darker Costamanos light gray*/
}

#content-back a, #rppc-back  a {
	text-decoration:		none;
	border:			none;
	outline:			none;
	color:			#ffffff;
}

#content-back a img, #rppc-back a img {
	text-decoration:		none;
	border:			none;
	outline:			none;
	color:			#ffffff;
}

#content-back a:link, #rppc-back  a:link {
	text-decoration:		none;
	border:			none;
	outline:			none;
	color:			#ffffff;
}

#content-back a:hover, #rppc-back  a:hover {
	text-decoration:		none;
	border:			none;
	outline:			none;
	color:			#ffffff;
}

#content-back a:visited, #rppc-back a:visited {
	text-decoration:		none;
	border-style:		none;
	outline:			none;
	color:			#ffffff;
}

#page-content {					/*this is the block for current page content*/
	width:			820px;	/*was 715px to allow space for Quarrymans feet*/
	height:			810px;	/*try to make the block at least this long*/
	margin:			0 0 0 0; /*space at bottom before footer*/
	padding:			0 0 0 0;	/*start with no padding - use margins for inner elements*/
	background-color:	transparent;	/*let content-back show through*/
}

#page-content  a {
	text-decoration:		none;
	border:			none;
	outline:			none;
	color:			#ffffff;
}

#page-content a img {
	text-decoration:		none;
	border:			none;
	outline:			none;
	color:			#ffffff;
}

#page-content  a:link {
	text-decoration:		none;
	border:			none;
	outline:			none;
	color:			#ffffff;
}

#page-content  a:hover {
	text-decoration:		none;
	border:			none;
	outline:			none;
	color:			#ffffff;
}

#page-content  a:visited {
	text-decoration:	none;
	border-style:		none;
	outline:			none;
	color:				#ffffff;
}

.headline {						/*paragraph format for top bar of blocks*/
	margin:				0 0 10px 0;	/*no margin*/
	padding:			5px 20px 5px 20px;	/*make enough space so bar is visible around text*/
	text-align:			left;		/*left-justify for now*/
	color:				#ffffff;	/*keep text white*/
	background-color:	#4a5a52;	/*change background to green*/
	font-weight:		400;		/*and emphasize text*/
	font-size:			90%;		/*make headline bigger*/
}

.content-ctr {
	margin:				0 0 0 0;	/*frame the graph*/
	padding:			20px 20px 0 20px;
	line-height:		1.2em;			/*close up leading*/
	text-align:			center;
}

img.ibase {
	filter:				alpha(opacity=100); /*default opacity for IE*/
	}
	
img.idupe {			/*overlay image for cross-fade script*/
	position:			absolute;
	z-index:			30000;
	visibility:			hidden;		/*initially the overlay image is hidden*/
	filter:				alpha(opacity=100); /*default opacity for IE*/
	}

.image-caption {
	margin:				0 0 0 0;
	padding:			20px 20px 0 20px;
	line-height:		1.2em;
	font-size:			70%;
	text-align:			left;
}

#footer {						/*page footer with copyright and nav content*/
	width:				820px;	/*was 715px spans nav and page-content*/
	margin:				5px 0 0 0; /*space from upper blocks and continue frame*/
	padding:			10px 0 20px 0;	/*start with no padding - use margins on inner elements*/
	background-color:	#4a5a52;	/*headline bar color -- lightfactory swatch 2*/
	font-size:			12px;
	font-weight:		400;
	text-align:			center;
	clear:				both;
}

#footer ul {
	list-style-type:		none;
	padding:			6px 0 6px 20px;
	margin:			0 0 0 0;
	}
	
#footer li {
	width:			100px;
	margin:			0 40px 20px 40px;
	padding:			5px 5px 5px 0px;
	background-color:		transparent;
	display:			inline;
	}
	
#footer li a {
	text-decoration:		none;
	border-style:		none;
	outline:			none;
	}

#footer li a:link {
	color:			#ffffff;
	outline:			none;
	}
	
#footer li a:visited {
	color:			#ffffff;
	outline:			none;
	}

#footer li a:hover {
	color:			#dddddd;
	outline:			none;
	}

#footer li a.current {			/*mark current page link in special color*/
	color:			#ffe6a3;
	outline:			none;
}