img { border: none; }

img.floatLeft { 
    float: left; 
    margin: 4px; 
}

img.floatright { 
	float: clear;
	margin: 5px 5px 5px 5px;
	border: 2px solid #666;
	padding: 2px;
}

.bigpic {
	float: left;
	margin-left: Auto;
	margin-right: Auto;
	border: 2px solid #666;
	padding: 2px;
}
.bigpic2 {
	float: left;
	margin-left: Auto;
	margin-right: Auto;
	border: 2px solid #666;
	padding: 2px;
	margin: 20px;
}
div.clearer {
	clear: left;
	line-height: 0;
	height: 0;
}

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #000;
}

IMG.displayed span{
	visibility: hidden;
}
IMG.thumbnail {
	float: left;
	margin: 2px;
}

body {
	margin: 0px 0px 0px 0px;
	background: #ffffff;
	text-align: center;
	font-family: "Trebuchet MS",Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #407338;
}

hTitle {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-size:3em;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #397513;
}

h1 {
	font-size:3em;
}

h2 {
	font-size: 2em;
	color: #000000;
	margin: 0 0 5px 0px;
}

h3 {
	font-size: 1.5em;
	padding-top: .1em;
	padding-bottom: .2em;
	text-align: center;
	color: #000000;
	font-weight: bold;
}

h4 {
	margin: 0 0 1px 0px;
	padding-bottom: .4em;
	font-size: 1.4em;
	text-align: left;
	color: #000000;
}

h5 {
	font-size: 1.7em;
	font-weight: bold;
	text-align: center;
	color: #000000;
}
	
h6 {
	text-indent: 20px;
	font-size:1.2em;
	text-align: left;
}


ul {
	margin-left: 0;
	padding-left: 0;
	list-style-position: inside;
}

a {
	color: #727b48;
}

a:hover {
	text-decoration: none;
	color: #000000;
}

a:link {text-decoration: none;}
a:hover {text-decoration: underline;}
a span {display: none;}

a:hover span {
  position: relative;
  top: 5px;
  left: 0px;
  display: block;
  background: #00Af33;
  border: 1px solid black;
  z-index:100;
 } 

a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none;
 }

a.info:hover{z-index:25;text-decoration:none}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-3em; left:-1em; width:18em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center;}

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

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

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

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

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

}



img span {visibility:hidden; }
img:hover span { }

.img1 {
	float: left;
	margin: 0px 0px 0 0px;
	}

.img2 {
	float: left;
	margin: 4px 4px 4px 4px;
}

/* Menu */

#menu {
	width: 800px;
	height: 20px;
	padding: 0px 0px 0px 0px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	margin: 0 auto;
	color:#ffffff;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
	
}

#menu a {	
	display: block;
	float: left;
	width: 98px;
	height: 18px;
	padding: 2px 0px 0px 0px;
	border: 1px solid #000;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
	background-color: white;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

#menu a:hover {
	filter:alpha(opacity=10);
	-moz-opacity:.10;
	opacity:.10;

}

#menu .active a {
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
}

#postheader {
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
	width: 800px;
	height: 25px;
	margin: 0 auto;
	text-color: black;
	background-color: white;
	padding: 3px 0px 3px 0px;
	border: 1px solid #000;
}

#postheader2 {
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
	width: 800px;
	height: 95px;
	margin: 0 auto;
	text-color: black;
	background-color: white;
	padding: 3px 0px 3px 0px;
	border: 1px solid #000;
}

#postheader a {
}

#postheader a:hover, #postheader .active a {
}

/* Header */
#preheader {

	margin: 0 auto;
	width:860px;
	height:5px;
	background-color: white;
}


#header {
	width: 860px;
	height: 167px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	color: #44845f;
	background: url("images/clean_logo.jpg") no-repeat center;
	border-top: 1px solid #E6F0E7;
	border-bottom: none;
	border-top: none;
}


#header * {
	text-transform: uppercase;
	text-decoration: none;
}

#header h1 {
	float: left;
	font-size: 2em;
}

#header h2 {
	float: right;
	padding-top: .25em;
	font-size: 1.6em;
}

/* Content */

#content {
	margin: 0 auto;
	width: 820px;
	height: 610px;
	padding: 10px 20px 10px 20px;
	background: url("images/bg1.jpg") repeat-y center top;
}

#colOne {
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
	padding: 0;
	float: left;
	height: 510px;
	width: 135px;
	background-color: white;
	margin: 0px 0px 0 9px;
	padding: 20px 0px 0 0px;
	border: 1px solid #000;
	border-right: none;
}

#colTwoPre2
{
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
	padding: 0;
	width: 650px;
	height: 15px;
	float: left;
	background-color: white;
	padding: 0px 7px 0 6px;
	margin: 0px 0px 0 0px;
	border: 1px solid #000;
	border-bottom: none;

}

#colTwoTitle2
{
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
	padding: 0;
	width: 650px;
	height: 40px;
	float: left;
	background-color: white;
	padding: 0px 7px 0 6px;
	margin: 0px 0px 0 0px;
	border: 1px solid #000;
	border-bottom: none;
	border-top:none;
}


#colTwo2 {
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
	padding: 0;
	width: 650px;
	height: 475px;
	float: left;
	background-color: white;
	padding: 0px 6px 0 7px;
	margin: 0px 0px 0 0px;
	border: 1px solid #000;
	border-top:none;
	overflow:auto;
}



#colTwo {
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
	padding: 0;
	width: 650px;
	height: 515px;
	float: left;
	background-color: white;
	padding: 0px 8px 0 6px;
	margin: 0px 0px 0 0px;
	border: 1px solid #000;
	border-top:none;
	overflow:auto;
}

#colTwo.FrontalTop {
	padding: 0;
	width: 640px;
	height: 32px;
	float: left;
	padding: 0px 11px 0 12px;
	margin: 18px 0px 195px 0px;
	border: none;
	border-left:none;
	border-top:none;
	background-color: transparent;
}
#colTwo.FrontalLower {
	filter:alpha(opacity=65);
	-moz-opacity:.65;
	opacity:.65;
	padding: 0;
	width: 640px;
	height: 0px;
	float: left;
	padding: 0px 12px 0 11px;
	margin: 140px 0px 0 0px;
	border: none;
	border-left:none;
	border-top:none;
	background-color: white;
}


#colTwo.FrontalLeft {
	filter:alpha(opacity=65);
	-moz-opacity:.65;
	opacity:.65;
	padding: 0;
	width: 320px;
	height: 30px;
	float: left;
	padding: 0px 0px 0 0px;
	margin: 100px 0px 0 10px;
	border: none;
	border-left:none;
	border-top:none;
	background-color: white;
	overflow:none;
}

#colTwo.FrontalRight {
	filter:alpha(opacity=65);
	-moz-opacity:.65;
	opacity:.65;
	padding: 0;
	width: 320px;
	height: 30px;
	float: left;
	padding: 0px 0px 0 0px;
	margin: 100px 10px 0 0px;
	border: none;
	border-left:none;
	border-top:none;
	background-color: white;
	overflow:none;
}

#colTwo.BG {
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
	padding: 0;
	width: 663px;
	height: 515px;
	float: left;
	padding: 0px 0px 0 0px;
	margin: 0px 0px 0 0px;
	border: 1px solid #000;	
	border-top:none;
	background: url("images/image20.jpg") no-repeat center top;
	background-color:white;
}


#colThree {
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
	padding: 0;
	width: 325px;
	height: 510px;
	background-color: white;
	padding: 20px 8px 0 6px;
	margin: 0px 0px 0 0px;
	border: 1px solid #000;
	border-left: none;
	border-top:none;
	float: left;
	overflow:auto;
	position: relative;
	right:325px;
}

/* Footer */
#postfooter {
	margin: 0 auto;
	width:860px;
	height:50px;
	background-color: white;
}

#footer {
	margin: 0 auto;
    width: 860px;
    height: 30px;
    background: none;
	font-size: smaller;
}

ul
{
list-style-type: none;
}

a.rollover:link {
	color: #fffff;
	white-space: nowrap;
	text-decoration: none;
}

a.rollover:visited {
	text-decoration: none;
	color: #037108;
}

a.rollover:hover {
	text-decoration: none;
	background-image: url(images/animated_underline.gif);
	background-repeat: repeat-x;
	background-position: 100% 100%;
	padding-bottom: 3px;
	color: #000f0f;
}

a.rollover:active {
	text-decoration: none;
}