html {
	background-color: #898C77;
}
html > body {
	visibility: visible !important;
}
body {
	background-color: #898C77;
	margin: 0px;
	padding: 0px;
}
#Container {
	margin: auto;
	width: 790px;
	border: 16px solid #898C77;
	position: relative;
	/*min-height: 620px;*/
	background: url(http://www.newleafconsultingllc.com/_images/Widgets/bottomLeftCorner.gif) bottom left no-repeat white;
}
/*#Subcontainer{
	background: url(http://www.newleafconsultingllc.com/_images/logo_watermark.gif) top left no-repeat white;
}*/
#Container #Content p a {
	color: black;
}
	
/* Logo */
#Logo {
	padding: 40px;
	position: absolute;
	left: 0px;
	right: 0px;
}
#Logo img {
	border: 0px;
}
/* Page imagery */
#PageImagery {
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 1;
}

#Credits {
	width: 710px;
	margin: 10px auto 60px auto;
	color: white;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
#Credits a {
	color: white;
}
/* Standard Navigation Menu */
#StandardMenu {
	position: absolute;
	top: 8px;
	right: 280px;
	z-index: 4;
}
#StandardMenu .Home {
	display: none;
}
#StandardMenu ul, #StandardMenu li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#StandardMenu .Contact a {
	width: 13px;
	height: 10px;
	display: block;
	text-indent: -9000px;
	vertical-align: top;
	overflow: hidden;
	background-image: url(/_images/StandardMenu/Contact.gif);
}

/* Main Navigation Menu */
#MainMenu {
	position: absolute;
	top: 0px;
	left: 206px;
	z-index: 4;
}
#MainMenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#MainMenu > ul > li {
	float: left;
	position: relative;
	margin-top: -13px;
	padding-top: 13px;
}
#MainMenu > ul > li:hover {
	background: url(/_images/MainMenu/leaf_noLeaf.gif) 0px -2px no-repeat;
}
/* For some reason Safari doesn't inherit some rules, and they must be made more specific */
#MainMenu > ul > li a, #MainMenu > ul > li > ul > li > a {
	text-transform: uppercase;
	font-size: 12px;
	color: #999;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	text-decoration: none;
	padding: 4px 6px 4px 0px;
	display: block;
	margin-left: 10px;
	white-space: nowrap;
}
#MainMenu > ul > li > a {
	padding-top: 8px;
	padding-bottom: 10px;
}
#MainMenu > ul > li a:hover {
	color: #333;
}
#MainMenu > ul > li > ul {
	position: absolute;
	display: none;
	visibility: hidden;
	padding-top: 0px;
}
#MainMenu > ul > li > ul > li {
	background-repeat: no-repeat;
	background-position: 2px center;
	background-image: url(/_images/MainMenu/bullet_off.png);
}
#MainMenu > ul > li > ul > li a {
	display: block;
}
#MainMenu > ul > li > ul > li:hover {
	background-image: url(/_images/MainMenu/bullet.png);
}
/* :TODO: provide a workaround for Safari, it doesn't seem to provide support for last-child
   :UPDATE: actually, it seems like last-child just works sometimes - weird */
#MainMenu > ul > li > ul > li:last-child {
	background-repeat: no-repeat;
	background-position: 2px center;
	background-image: url(/_images/MainMenu/bullet-last_off.png);
}
#MainMenu > ul > li > ul > li:last-child:hover {
	background-image: url(/_images/MainMenu/bullet-last.png);
}
#MainMenu > ul > li:hover > ul {
	display: block;
	visibility: visible;
	z-index: 5;
}

/* Section Specific MainMenu on states */
#Background #MainMenu > ul > li.Background,
#Clients #MainMenu > ul > li.Background {
	background: url(/_images/MainMenu/leaf.gif) 0px 0px no-repeat;
}
#Background #MainMenu > ul > li.Background:hover,
#Clients #MainMenu > ul > li.Background:hover {
	background: url(/_images/MainMenu/onLeaf.gif) 0px -3px no-repeat;
}

#Services #MainMenu > ul > li.Services,
#ExecutiveCoaching #MainMenu > ul > li.Services,
#Leadership #MainMenu > ul > li.Services,
#Organizational #MainMenu > ul > li.Services,
#CareerCoaching #MainMenu > ul > li.Services {
	background: url(/_images/MainMenu/leaf.gif) 0px 0px no-repeat;
}
#Services #MainMenu > ul > li.Services:hover,
#ExecutiveCoaching #MainMenu > ul > li.Services:hover,
#Leadership #MainMenu > ul > li.Services:hover,
#Organizational #MainMenu > ul > li.Services:hover,
#CareerCoaching #MainMenu > ul > li.Services:hover {
	background: url(/_images/MainMenu/onLeaf.gif) 0px -3px no-repeat;
}

#CaseStudies #MainMenu > ul > li.CaseStudies,
#c1 #MainMenu > ul > li.CaseStudies,
#c2 #MainMenu > ul > li.CaseStudies,
#c3 #MainMenu > ul > li.CaseStudies {
	background: url(/_images/MainMenu/leaf.gif) 0px 0px no-repeat;
}
#CaseStudies #MainMenu > ul > li.CaseStudies:hover,
#c1 #MainMenu > ul > li.CaseStudies:hover,
#c2 #MainMenu > ul > li.CaseStudies:hover,
#c3 #MainMenu > ul > li.CaseStudies:hover {
	background: url(/_images/MainMenu/onLeaf.gif) 0px -3px no-repeat;
}

/* Content */
#Content {
	margin: 238px 19px 19px 219px;
	background-color: #D3D8C3;
	padding: 58px 34px 30px 22px;
	/*min-height: 395px; disabled due to IE7 bug */
}


/* This style made the home page different from second-tier pages by narrowing the body column and removing the green background

#Home #Content {
	background-color: transparent;
	padding: 0px;
	margin: 205px 110px 32px 320px;
} 

*/



#Content p,
#Content h2,
#Content h3,
#Content h2 a,
#Content li,
#Content label,
#Content input,
#Content textarea {
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
#Content h2 {
	margin-top: 0px;
	padding-top: 10px;
	font-size: 14px;
}
#Home #Content h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	font-size: 16px;
	width: auto;
	height: auto;
	text-indent: 0px;
	top: 0px;
	left: 0px;
	position: static;
}
#Content h1 {
	position: absolute;
	top: 153px;
	left: 219px;
	margin: 0px;
	/* For text mode */
	font-size: 26px;
	color: #D3D8C3;
	width: 250px;
	font-family: Helvetica, Arial, sans-serif;
}
#Background #Content h1 {
	position: absolute;
	top: 153px;
	left: 219px;
	margin: 0px;
	/* For text mode */
	font-size: 26px;
	color: #D3D8C3;
	width: 300px;
	font-family: Helvetica, Arial, sans-serif;
}

#Background div.photo {
	float: right;
	margin: 0px -8px 14px 20px;
}
#Background div.photo img {
	display: block;
}

/* For text mode */
#Background div.photo .caption p {
	margin: 6px 0px 20px 0px;
	font-size: 10px;
	width: 130px;
}

#Background #MainMenu > ul > li.Background > a {
	color: #333;
}
#Resume #MainMenu > ul > li.Background > ul > li.Resume > a {
	color: #333;
}
#Background #MainMenu > ul > li.Background > ul > li.Bio > a {
	color: #333;
}
#Clients #MainMenu > ul > li.Background > ul > li.Clients > a {
	color: #333;
}



#Clients #Content ul {
	margin: 0px;
	padding: 0px;
	margin-left: 12px;
	list-style-type: none;
}
#Clients #Content ul li {
	padding: 3px 0px 2px 0px !important;
	padding: 0px;
	text-indent: -12px;
}
#Clients #Content ul + ul {
	position: absolute;
	top: 230px;
	left: 510px;
	padding-left: 12px;
}

#Services #Content div {
	width: 500px;
}
#Services #Content div + div {
	position: absolute;
	top: 230px;
	left: 510px;
}

/* Contact */
#Contact #Content {
	padding-right: 0px;
}
#Contact label {
	display: block;
	margin: 14px 0px 2px 0px;
}
#Contact input[type="text"] {
	width: 160px;
	border: 1px solid black;
}
#Contact input[type="submit"] {
	background-color: #D3D8C3;
	border: 0px;
	margin: 10px 0px 0px 430px;
	padding: 0px;
	text-decoration: underline;
	cursor: pointer;
	font-size: 12px;
	display: block;
	text-align: left;
}
#Contact textarea {
	width: 504px;
	height: 177px;
	border: 1px solid black;
	overflow: auto;
}
#Contact .Error {
	color: #B00000;
}