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;
	clear:			right;
}

#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*/
}

#page-content {					/*this is the block for current page content*/
	width:			645px;	/*was 540px to allow space for Quarrymans feet*/
	min-height:		1000px;	/*try to make the block at least this long*/
	margin:			0 0 5px 5px; /*offset right for nav block and right 20px frame*/
	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;
}

#page-content h1 {
	margin:			10px 0 10px 0;	/*frame the graph*/
	padding:			0 20px 0 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*/
}

#page-content h2 {
	margin:			10px 0 10px 0;	/*frame the graph*/
	padding:			0 20px 0 20px;
	text-align:		left;		/*left-justify for now*/
	color:			#000000;	/*headline is black*/
	font-weight:		400;		/*and emphasize text*/
	font-size:		130%;		/*make headline bigger*/
	clear:			right;
}

#page-content h3 {
	margin:			10px 0 10px 0;	/*frame the graph*/
	padding:			0 20px 0 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;
}

#page-content  a {
	text-decoration:		none;
	border:			none;
	outline:			none;
	color:			#272C29;	/*was 575859 darker darker Costamanos light gray*/
}

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

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

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

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

#nav-bar {						/*left nav bar*/
	width:			170px;	/*allow for left and right margins*/
	min-height:		1000px;
	margin:			0 0 5px 0; 
	padding:			0 0 0 0;	
	background-color:		#7d7e80;	/*darker Costamanos light gray*/
	float:			right;
}

#nav-bar ul {
	list-style-type:		none;
	padding:			20px 0 0 20px;
	margin:			0 0 0 0;
	font-size:			90%;
	}
	
#nav-bar ul ul {
	font-size:			80%;
	padding:			0 0 0 20px;
	}
	
#nav-bar li {
	margin:			0 0 0 0;
	padding:			20px 0 0 0;
	background-color:		transparent;
	}
	
#nav-bar ul ul li {
	margin:			0 0 0 0;
	padding:			0 0 5px 0;
	background-color:		transparent;
	}
	
#nav-bar li a {
	text-decoration:		none;
	border-style:		none;
	outline:			none;
	}

#nav-bar li a:link {
	color:			#ffffff;
	outline:			none;
	}
	
#nav-bar li a:visited {
	color:			#ffffff;
	outline:			none;
	}

#nav-bar li a:hover {
	color:			#dddddd;
	outline:			none;
	}

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

#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*/
}

.headline2 {						/*paragraph format for top bar of blocks*/
	margin:			0 0 0 0;	/*no margin*/
	padding:			4px 20px 4px 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:			80%;		/*make headline bigger*/
	font-style:		oblique;
}

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

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

.content-head2-right img {
	float:			left;
	margin-right:		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*/
	text-align:			left;		/*left justify paragraph*/
}

.content-left-small {					/*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*/
	text-align:		left;		/*left justify paragraph*/
	font-size:		75%;				/*smaller font size for calendar items*/
}

.color-head1 {					/*red, no change in size*/
	color:			#ad0400;
}

.color-head2 {					/*gray, 10% bigger font*/
	color:			#575859; /*was 272c29*/
	font-size:		110%;
}

.color-head3 {					/*red, 10% bigger font*/
	color:			#ad0400;
	font-size:		110%;
}

.color-head4 {					/*black, no size change*/
	color:			#000000;
}

.show-title {
	margin:			0 0 0 0;	/*frame the graph*/
	padding:			10px 20px 0 20px;
	line-height:		1.0;			/*close up leading*/
	text-align:			left;		/*left justify paragraph*/
	color:			#000000;
	font-family:		"Palatino Linotype", Palatino, serif;
	font-weight:		700;
	font-size:		300%;
}

.show-title-right {
	margin:			0 0 0 0;	/*frame the graph*/
	padding:			20px 20px 0 20px;
	line-height:		1.0;			/*close up leading*/
	text-align:		right;		/*left justify paragraph*/
	color:			#000000;
	font-family:		"Palatino Linotype", Palatino, serif;
	font-weight:		700;
	font-size:		250%;
}

.show-title-right img {
	float:			right;
	margin-left:		20px;
	vertical-align:		top;
	border:			none;
	outline:			none;
}
.show-subtitle {
	margin:			0 0 0 0;
	padding:			0 20px 0 20px;
	line-height:		1.0;
	text-align:		left;
	color:			#000000;
	font-family:		"Palatino Linotype", Palatino, serif;
	font-weight:		400;
	font-size:		150%;
}

.show-subtitle-right {
	margin:			0 0 0 0;
	padding:			0 20px 0 20px;
	line-height:		1.0;
	text-align:		right;
	color:			#000000;
	font-family:		"Palatino Linotype", Palatino, serif;
	font-weight:		400;
	font-size:		125%;
}

.content-spacer {					/*for empty paragraph to separate calendar entries*/
	margin:			10px 20px 10px 20px;
	padding:			10px 0 0 0;
	line-height:		0.1em;		/*same as text paragraphs*/
	text-align:		left;
	font-size:		10%;			/*no text content -- minimize height*/
	border-bottom:	1px solid #575859;
	clear:			both;
}

.content-quote {					/*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*/
	text-align:		left;
	font-style:		oblique;
}

.content-quote-small {					/*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*/
	text-align:		left;
	font-style:		oblique;
	font-size:		75%;
}

.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;
}

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

.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;
}

#nav-bar-box {
	position:		relative;
	top:				240px;
	left:			10px;
	width:			150px;
	margin:			0 0 0 0;
	padding:			0 0 0 0;
	color:			#ffe6a3;
	background-color:	transparent;
	font-size:		90%;
	line-height:		1.2;
}

#nav-bar-box p {
	margin:			0 0 0 0;
	padding:			0 0 0 0;
}

#nav-bar-box a img {
	text-decoration:	none;
	border-style:		none;
	outline:			none;
	float:			left;
	padding:			0 3px 3px 0;
}

#nav-bar-box a {
	color:			#ffe6a3;
	text-decoration:	none;
	border-style:		none;
	outline:			none;
	}

#nav-bar-box a:link {
	color:			#ffe6a3;
	outline:			none;
	}
	
nav-bar-box a:visited {
	color:			#ffe6a3;
	outline:			none;
	}

nav-bar-box a:hover {
	color:			#dddddd;
	outline:			none;
	}

.boxhead {
	text-decoration:	underline;
	color:			#ffe6a3;
}	

.boxhead-small {
	text-decoration:	none;
	color:			#ffe6a3;
	font-size:		80%;
}