body {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 5px auto 0 auto;
	width: 800px;
	height: 100%;
}

h2
{
	font-size: 1.2em;
	color: #006600;
	padding: 5px 0 0 10px;
	margin: 10px 0 0 0;
}

h3
{
	font-size: 1em;
	color: #006600;
	padding: 5px 0 0 10px;
	margin: 10px 0 0 0;
}

a
{
	color: #007236;
	text-decoration: underline;
	font-size: 0.9em;
}
a:hover
{
	color: #50b848;
	text-decoration: none;
	font-size: 0.9em;
}


.MoreInfo a
{
	color: #FF0000;
	text-decoration: none;
	font-size: 0.9em;
}
.MoreInfo a:hover
{
	color: #50b848;
	text-decoration: none;
	font-size: 0.9em;
}

#Mainheader
{
	width: 800px;
	margin : 0 0 0 0;
	padding: 0 0 0 0;
}


#MainBody
{
	width: 800px;
	clear: both;
	border: 1px solid #008841;
}

#MainNav
{
	float: left;
	width: 160px;
	min-height: 350px;
	height: 100%;
	text-align: left;
	background:url(images/MenuBg.gif) no-repeat;
}

ul, li
{
	font-size: 0.9em;
}

#MainNav ul
{
	list-style: url(images/Bullet.gif);
	font-size: 0.9em;
	text-indent: -12px;
}

#MainNav a
{
	color: #007236;
	text-decoration: none;
	font-size: 0.9em;
}
#MainNav a:hover
{
	color: #50b848;
	text-decoration: underline;
	font-size: 0.9em;
}

#MainContent
{
	float: left;
	width: 630px;
	min-height: 250px;
	height: 100%;
	text-align:left;
}
#MainContent p
{
	padding: 0 10px 0 10px;
	font-size: 0.8em;
}

#ContentHeader
{
	width: 640px;
	text-align: right;
}

#ContentCopy
{
	width: 640px;
	text-align: left;
}

#ContentFooter
{
	width: 640px;
	text-align: right;	
}

.Footer
{
	clear: both;
	background-color: #008841;
	text-align: right;
	font-size: 0.8em;
	color: #fff;
	padding: 5px 5px 5px 5px;
	margin: 5px 0 0 0;
	width: 793px;
	position:relative;
}
.Footer p
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 0.8em;	
}
.Footer img
{
	float: left;
}

#CaseStudyWrap
{
	width: 500px;
	font-size: 0.8em;
	padding: 0 0 0 0;
	margin: 0 0 0 20px;
	float: left;
}
.CaseStudyTitle
{
	width: 110px;
	float:left;
	font-weight: bold;
	margin: 10px 0 0 0;
}

.CaseStudyContent
{
	width: 390px;
	float: left;
	margin: 10px 0 0 0;	
}

#ImageViewerHeader
{
	width: 100px;
	height: 21px;
	background-color: #fff;
	float: left;
	text-align: center;
}

#ImageViewer
{
	width: 100px;
	background-color: #0A733A;
	float: left;
	text-align: center;
	font-size: 0.7em;
	color: #fff;
	padding: 5px 0 10px 0;
}
#ImageViewer img
{
	padding: 5px 0 0 0;
	border: none;

}

/** Image enlarge **/

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
width: 300px;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -150px;
left: -310px; /*position where enlarged image should offset horizontally */

}