div, li, ul {
	border: 0;
	margin: 0;
	padding: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif; 
	background-color: #FFCC66;
	font-size: 100%;
	color: #407319;
	text-align: center;	/* I.E. Requires this to center child div element */
}
/* 6-5-9 <h2> = <span class="default"> so eventually remove <span class="default"> */
h2 {
	display: inline;
	font-weight: normal;
}
span, h2, *.default {
}
h2 {
	font-size: 1.2rem;
}
h2 {
	color: #623016;
}
span {
}
table tr td {
	font-size: 1rem;
	vertical-align: top;
}
h1, span.big {
	color: #623016; 
	font-size: 1.85rem;
	font-weight: normal;
	margin: 0;
}
a, a:link, a span {
	color: #623016;
}
/*a:visited, a:visited span {
	color: #407319;
}*/
a:hover, a:hover span {
	text-decoration: overline;
}

ul {
	list-style: none;
	padding-left: 0;
	margin-top: 0;
}
li {
/*	padding-left: 1em; */
}

.standard {
	width: 820px; 
/*	width: 960px; */
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.standard * {
}
.content {
	background-color: white;
	padding: 16px;
}
.left-side-bar {
	float: left; 
	width: 230px; 
}

.title {
	font-size: 1.5rem;
}
.subtle {
/*	color: #436E26; */
	color: #AA7744;
}

.page-menu {
	margin: .75em 0 1.25em 0;
}
.page-menu * {
	margin: 0;
}
.page-menu a, .page-menu span {
	font-size: .9rem;
}
.page-menu span {
}
.page-menu img {
	height: 1.25rem;
	vertical-align: middle; 
	color: #436E26;
}
.photo {
	text-align: center;
}
.photo img {
	width: 100%;
}
/* For when you want to store some values in HTML */
/* For instance, store the query string so JS can find it */
.constants {
	display: none;
}

.poem * {
	color: #7A0701; 
}

#headshot div {
	width: 300px;
}
.headshot1 {
}
.headshot2 {
	 margin-left: 12em;
}
/* Clearfix classes */
/* http://css-tricks.com/snippets/css/clear-fix/ */
.headshot3:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0;
}
.headshot3 { 
	display: inline-block; 
}
* html .headshot3 { zoom: 1; } /* IE6 */
*:first-child+html .headshot3 { zoom: 1; } /* IE7 */
.headshot3 div {
	float: right;
}

/* two-featured-images - Used by Orders page. May get used by other pages. */
.two-featured-images {
	width: 100%;
	/* Trying to get this to work in IE */
	zoom: 1;  /* Triggering "hasLayout" in IE */
	overflow: hidden;
	display: block; /* Element must be a block to wrap around contents. Unnecessary if only using block-level elements. */
}

div.two-featured-images div {
/*	float: right; */
	width: 48%;
}
.two-featured-images div:first-child {
/*	float: left; */
}
.two-featured-images div.right {
	float: right;
}
.two-featured-images div.left {
	float: left;
}
/* Use clearfix style for featured images */
.two-featured-images:after {
	content: "";
	display: table;	/* IE apparently required display: table; */
	clear: both;
} 
div.two-featured-images div img {
	width: 100%;
}

/* Used on viegovictory page */
.Viego_Victory_1-container, 
.Viego_Victory_2-container, 
.Viego_Victory_3-container, 
.Viego_Victory_4-container, 
.Viego_Victory_5-container, 
.Viego_Victory_6-container, 
.Viego_Victory_7-container, 
.Viego_Victory_8-container, 
.Viego_Victory_9-container
{
	float: left;
//	margin-right: 1em;;
	display: inline;
	padding: .5em;
}
.viego-victory-image-content::after
{
	content: "";
	clear: both;
	display: table;
}
//[class$="-container"] {
//	float: left;
/}

/* This is not necessary, but might help put image captions over the image */
.Viego_Victory_1-container img, 
.Viego_Victory_2-container img, 
.Viego_Victory_3-container img, 
.Viego_Victory_4-container img, 
.Viego_Victory_5-container img, 
.Viego_Victory_6-container img, 
.Viego_Victory_7-container img, 
.Viego_Victory_8-container img, 
.Viego_Victory_9-container img, 
{
	position: relative;
}
/*img .caption-top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}*/

#footer {
	padding-top: 4em;
	padding-bottom: 2em;
	text-align: center;
}