/* variation of basic style sheet for the wide Gallery Slide Show pages (no sidebar) */
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 0 0 100px;	/*center on body, no margin*/
	padding:			0 0 0 0;	/*start with 20px frame top and bottom only*/
	position:			relative;	/*no movement, but positions container so inner blocks can be absolute*/
}

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

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

#content-back {					/*this is the block for current page content*/
	width:			820px;	/*was 715px to allow space for Quarrymans feet*/
	height:			950px;	/*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*/
	float:			right;
}

#rppc-back {					/*this is the block for current page content*/
	width:			820px;	/*was 715px to allow space for Quarrymans feet*/
	height:			950px;	/*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.png);
	color:			#575859;	/*darker darker Costamanos light gray*/
	float:			right;
}

#page-content {					/*this is the block for current page content*/
	width:			820px;	/*was 715px to allow space for Quarrymans feet*/
	height:			930px;	/*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:			#404442;	/*darker darker Costamanos light gray*/
}

#page-content a img {
	text-decoration:		none;
	border:			none;
	outline:			none;
	color:			#404442;	/*darker darker Costamanos light gray*/
}

#page-content  a:link {
	text-decoration:		none;
	border:			none;
	outline:			none;
	color:			#404442;	/*darker darker Costamanos light gray*/
}

#page-content  a:hover {
	text-decoration:		none;
	border:			none;
	outline:			none;
	color:			#404442;	/*darker darker Costamanos light gray*/
}

#page-content  a:visited {
	text-decoration:		none;
	border-style:		none;
	outline:			none;
	color:			#404442;	/*darker darker Costamanos light gray*/
}

#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:			0 0 10px 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;
}

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

.banner1 img {					/*format for banner logo image*/
	float:			right;
	margin-top:			25px;  /*was 25px*/
	margin-right:		0px;  /*was 35px was 15px*/
	margin-bottom:		0;
}

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

.headline {						/*paragraph format for top bar of blocks*/
	margin:			0 0 0 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-head {						/*paragraph format for titles of blocks*/
	margin:			0 0 0 0;	/*frame the graph*/
	padding:			10px 20px 10px 20px;
	text-align:			left;		/*left-justify for now*/
	color:			#000000;	/*headline is black*/
	font-weight:		400;		/*and emphasize text*/
	font-size:			200%;		/*make headline bigger*/
}

.content-head2 {						/*paragraph format for titles of blocks*/
	margin:			0 0 0 0;	/*frame the graph*/
	padding:			10px 20px 10px 20px;
	text-align:			left;		/*left-justify for now*/
	color:			#000000;	/*headline is black*/
	font-weight:		400;		/*and emphasize text*/
	font-size:			100%;		/*make headline bigger*/
	clear:			right;
}

.content-head2 img {
	float:			right;
	margin-left:		20px;
	vertical-align:		top;
	border:			none;
	outline:			none;
}

.content-left {					/*basic paragraph in content block*/
	margin:			0 0 0 0;	/*frame the graph*/
	padding:			10px 20px 10px 20px;
	line-height:		1.2em;			/*close up leading*/
}

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

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

.image-left {
	margin:			0 0 0 0;	/*frame the graph*/
	padding:			5px 15px 0 0;
	line-height:		1.2em;			/*close up leading*/
	float:			left;
	vertical-align:		text-top;
}

.image-right {
	margin:			0 0 0 0;	/*frame the graph*/
	padding:			5px 0 0 15px;
	line-height:		1.2em;			/*close up leading*/
	float:			right;
	vertical-align:		text-top;
}

.image-left-cap {
	margin:			0 0 0 0;	/*frame the graph*/
	padding:			5px 15px 2px 0;
	line-height:		1.2em;			/*close up leading*/
	float:			left;
	clear:			left;
	vertical-align:		text-top;
}

.image-right-cap {
	margin:			0 0 0 0;	/*frame the graph*/
	padding:			5px 0 2px 15px;
	line-height:		1.2em;			/*close up leading*/
	float:			right;
	clear:			right;
	vertical-align:		text-top;
}

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