body {
background: #F5E7CA url(moulin4.jpg) repeat-y fixed 11% 0;
margin: 0;
padding: 0.1em 0% 2em 0.1%;
font: 700 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000;
}

p {
margin: 0.5em 0 0.5em 0;
}

a:link {
color: #201;
}

a:visited {
color: #402;
}

/* note: Must have this hover defined or some versions of
 IE will not work in the hover popup message */
a:hover {
background: #000;
color: #FFF;
}


/*  Following for the CSS button at bottom of page   */
p#specs a img {
float: right;
border: 0;
}

div a.expand {
display: block;
clear: right;
float: right;
margin-right: 5%;
}

div#menu {
	float: left;
	width: 16%;
	height: 100%;
	z-index: 20;
	margin: 5em 0 1em 0;
}

/* fix incorrect width in earlier IE browsers */
* html div#menu {
width: 16%; 
w\idth: 16%;
}


div#menu p.menuhead {
	background: transparent none;
	text-align: center;
	font: 900 1.2em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0.5em 0;
	margin: 1em 0 0.2em 0;
	text-decoration: none;
	color: #000;
	border: 4px solid #000;
}

div#menu a {
background: transparent url(half-white8x8.gif) repeat scroll 0 0;
display: block;
text-align: center;
font: bold 1em Kids, Verdana, Geneva, Arial, Helvetica, sans-serif;
padding: 0em 0;
margin: 0.6em 0 0.6em 0;
border-width: 0;
text-decoration: none;
color: #201;  
}

div#menu a:visited {
color: #034;    
}

div#menu a:hover {
background:#000;
/* below background won't work with hover popups ???? */
/* background: transparent url(half-mor8x8.gif) repeat scroll 0 0;  */
color: #FFF;
}

div a span {
display: none;
}
	
div a:hover span {
display: block;
position: absolute;
padding: 0.3em;
z-index: 100;
color: #FFF;
background: #000;
font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: center;
}

div#menu a:hover span {
left: 17%;
width: 14em; 
}

div.content a:hover span, div.contentm a:hover span {
left: 1%;
width: 10em;
}

h1#heading {
	background: transparent url(half-vdred8x8.gif) repeat scroll 0 0;
	float: right;
	width: 75%;
	padding: 0.15em 1% 0.15em 1%;
	margin: 1em 1% 0.3em 0;
	text-align: center;
	color: #000;
	letter-spacing: 0.2em;
	font: 800 2.5em Kids, Verdana, Geneva, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	border: medium solid Black;
}

/* fix incorrect width in earlier IE browsers */
* html h1#heading {
width: 75%; 
w\idth: 75%;
}

h2 {
	background: transparent url(half-white8x8.gif) repeat scroll 0 0;
	float: right;
	width: 75%;
	text-align: center;
	padding: 0.1em 1.6% 0.2em 1%;
	margin: 0 1% 0.3em 0;
	border: thin solid Black;
}

/* fix incorrect width in earlier IE browsers */
* html h2 {
width: 75%; 
w\idth: 75%;
}

h3 {
	float: right;
	width: 70%;
	padding: 0.1em 0% 0.1em 0.2%;
	margin: 0.2em 1.5% 0.3em 0;
	border: thin solid Black;
}


div.contentbb {
	float: right;
	width: 70%;
	padding: 0;
	margin: 20px 1.2% 10px 0;
	border: thin solid Black;
}

/* fix incorrect width in earlier IE browsers */
* html div.contentbb {
width: 70%; 
w\idth: 70%;
}

div.contentb {
	float: right;
	width: 100%;
	padding: 0;
	margin: 0;
	border: none;
}

/* fix incorrect width in earlier IE browsers */
* html div.contentb {
width: 100%; 
w\idth: 100%;
}

div.contentm {
	background: transparent url(half-white8x8.gif) repeat scroll 0 0;
	float: left;
	width: 24%;
	padding: 0em 0% 0em 0%;
	margin: 0.1em 0 0.1em 0;
	text-align: center;
}

/* fix incorrect width in earlier IE browsers */
* html div.contentm {
width: 24%; 
w\idth: 24%;
}

div.content {
	float: right;
	width: 75%;
	padding: 0em 0% 0em 0%;
	margin: 0em 0 0em 0;
}

/* fix incorrect width in earlier IE browsers */
* html div.content {
width: 75%; 
w\idth: 75%;
}

h3 {
clear: right;
}


div.content p, div.content li{
	background: #F8F0DA;
	padding: 0.3em 2% 0.3em 2%;
	margin: 0em 0 0em 0%;
	text-align: justify;
}

img.logo {
float: right;
margin: 0em 5% 0em 0%;
}

/* fix incorrect width in IE browsers */
* html img.logo {
margin: 0em 2% 0em 0%;
}

div#bottom {
background: transparent url(half-black8x8.gif) repeat scroll 0 0;
float: right;
width: 97%;
margin: 0.8em 2% 0 2%;
text-align: center;
color: #EEC; 
padding: 0.9em 2%;
font-style: italic;
font-size: 0.8em;
}

div#bottom a {
 color: #DDF;
 font: 900 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

div#bot-expand {
	float: left;
	width: 97%;
	height: 1000px;
}