/* Position CSS Document darker green #99CC99 really dark- #006633 light green #ccffcc blue #003399*/

body {
	/*position: top;*/
	/*background-image:url(../images/bg400topright.gif);*/
	/*background-image:url(../images/Justwheat2.gif);*/
	/*background-image:url(../images/Justwheat3.gif);*/
	margin: 0;
	padding: 0;
}


div#content p {margin: 0 1em 1em;}
div#content h3 {margin-bottom: 0.25em;}

div#header {
	position: absolute; 
	top: 0px; 
	left: 0px; 
	right: 25px;
	height:112px;
	background: transparent; 
	background-repeat:repeat-x;
	background-image:url(../images/justSkyfadeVery.gif);
	width: 100%;
	padding: 5px;
	}
	
#decorlogo {
	position: absolute;
	top: 20px;
	right: 0px;
	z-index:0;
	width: 240px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 210px;
	}
html>body #decorlogo {
	width: 210px; /* ie5win fudge ends */
	}
#navigation	{
	padding: 0;
	border-bottom: 0;
	margin-top: 0px;
	margin-bottom: 1em;
	margin-left: 0px;
	width: 80%;
	float:left
	}

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

#navlist li
{
display: inline;
padding: 0;
margin: 0;
}

#navlist li:before { content: "| "; color: #804000;}
#navlist li:first-child:before { content: ""; }
#navlist li:active { background-color:#e9cc7e; color:#804000;}

/*IE workaround*/
/*All IE browsers*/
* html #navlist li
{
border-left: 1px solid black;
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #navlist { height: 1%; }

* html #navlist li
{
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #navlist li:first-child { border-left: 0; }

div#content {
		position: absolute; 
		top: 122px; 
		left: 10px; 
   		color: #000000; 
   		background: transparent; 
   		font: 11px Verdana, sans-serif; 
		padding: 10px; 
  	 	border: solid 1px #e9cc7e;
		width: 80%;
		background-image:url(../images/bg400topright.gif);
		background-repeat: no-repeat;
		background-position: top right;
		z-index:0;
   }
div#content2 {
		position: absolute; 
		top: 122px; 
		left: 10px; 
   		color: #000000; 
   		background: transparent; 
   		font: 11px Verdana, sans-serif; 
		padding: 10px; 
  	 	border: solid 1px #e9cc7e;
		width: 700px;
		background-image:url(../images/bg400topright.gif);
		background-repeat: no-repeat;
		background-position: top right;
   }
div#content4 {
		position: absolute; 
		top: 122px; 
		left: 10px; 
   		color: #000000; 
   		background: transparent; 
   		font: 11px Verdana, sans-serif; 
		padding: 10px; 
  	 	border: solid 1px #e9cc7e;
		width: 820px;
		background-image:url(../images/bg400topright.gif);
		background-repeat: no-repeat;
		background-position: top right;
   }
div#content3 {
		position: absolute; 
		top: 122px; 
		left: 10px; 
   		color: #000000; 
   		background: transparent; 
   		font: 11px Verdana, sans-serif; 
		padding: 10px; 
  	 	border: solid 1px #e9cc7e;
		width: 97%;
		background-image:url(../images/bg400topright.gif);
		background-repeat: no-repeat;
		background-position: top right;
   }
div#content a:link {color: #000000; font-size:10px;}
div#content a:visited {color: #000000; font-size:10px;}
div#content a:link:hover {color:#c70d1c; font-size:10px;}
div#content a:visited:hover {color:#ff911c; font-size:10px;}

div#footer a:link {color: #333333; font-size:10px;}
div#footer a:visited {color: #333333; font-size:10px;}
div#footer a:link:hover {color:#ff911c; font-size:10px;}
div#footer a:visited:hover {color:#ff911c; font-size:10px;}

div#content a.lg:link {color: #804000; font-size:11px;}
div#content a.lg:visited {color: #804000; font-size:11px;}
div#content a.lg:link:hover {color:#c70d1c; font-size:11px;}
div#content a.lg:visited:hover {color:#ff911c; font-size:11px;}

div#navigation a:link {color: #804000;}
div#navigation a:visited {color: #804000;}
div#navigation a:link:hover {color:#804000;}
div#navigation a:visited:hover {color:#e9cc7e;}


#footer {
	position:absolute;
	border: 0px solid #000000;
	left: 0px;
	bottom:0px;
	right: 0px;
	float:left;
	height:50px;
	background-color:transparent;
	/*background-image:url(../images/Justwheat3.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-attachment:fixed;*/
	width: 100%;
	/*z-index:10;*/

	} 
#footer2 {
	/*position:absolute;
	border: 0px solid #000000;
	left: 0px;
	bottom:0px;
	right: 0px;
	float:left;*/
	height:200px;
	background-color:transparent;
	background-image:url(../images/Justwheat3.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-attachment:fixed;
	width: 100%;
	} 
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

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

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

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

}