/* SEARCH BOX */
#searchbox
	{
	position: absolute;
	padding: 4px 0 0 650px;
	}
label.search
	{
	font-size: 11px;
	}
input.submit
	{
	padding: 2px 15px 0 0;
	}
#searchtitle
	{
	font-size: 14px;
	text-decoration: underline;
	}
#searchexcerpt
	{
	color: #9b9b9b;
	font-size: 11px;
	line-height: 14px;
	padding: 2px 0 15px 0;
	}



img
	{
	border-style: none;
	}
img.border
	{
	border: solid black 1px;
	}
a
	{
	text-decoration: none;
	font-style: normal;
	}
body
	{
	background-image: url(http://www.watermotion.com//images/wimimages/backgroundx.jpg);
	background-repeat: repeat-x;
	background-color: #6daac1;
	text-align: center;
	margin: 0 auto;
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 100%;
	}
h1
	{
	text-align: left;
	font-weight: bold;
	font-size: 1em;
	color: #88a537;
	}
h2
	{
	text-align: left;
	font-size: .75em;
	color: #d0632b;
	}
h3
	{
	text-align: left;
	font-style: italic;
	font-weight: bold;
	font-size: .75em;
	color: #3c6f83;
	}
h4
	{
	text-align: left;
	font-weight: bold;
	font-size: 1em;
	color: #3c6f83;
	}
h5
	{
	font-size: .6875em;
	font-style: italic;
	}
span.bold
	{
	font-weight: bold;
	}
span.italic
	{
	font-style: italic;
	}
#container
	{
	width: 927px;
	text-align: center;
	margin: 25px auto 0;
	overflow: hidden;
	background-color: white;
	background-image: url(http://www.watermotion.com//images/wimimages/dropshadow.gif);
	background-repeat: no-repeat;
	}
#topheader
	{
	height: 332px;
	background-image: url(http://www.watermotion.com//images/wimimages/header.jpg);
	background-repeat: no-repeat;
	}
#links
	{
	background-color: #d0632b;
	height: 50px;
	padding-left: 60px;
	}
#nav li
	{
	/*float the main list items*/
	display: block;
	}
#nav li.off, #nav li.on
	{
	float: left;
	height: 50px;
	}
#nav li.off ul, #nav li.on ul
	{
	/*hide the subnavs*/
	display: none;
	}
#nav li a
	{
	/*for all links in the main list*/
	color: white;
	display: block;
	width: auto;
	font-size: .75em;
	background-color: #d0632b;
	height: 30px;
	padding: 10px 25px 10px 25px;
	}
#nav li.off ul, #nav li.on ul
	{
	/*put the subnavs below and hide them all*/
	display: none;
	position: absolute;
	top: 403px;
	}
#liaboutus
	{
	margin: 0 0 0 -28px;
	}
#lidesign
	{
	margin: 0 0 0 -25px;
	}
#litechnology
	{
	margin: 0 0 0 0;
	}
#liirrigation
	{
	margin: 0 0 0 -27px;
	}
#lieducation
	{
	margin: 0 0 0 -14px;
	}
#lilatesttrends
	{
	margin: 0 0 0 -35px;
	}
#nav li.on a
	{
	/*change border color for active topic area*/
	border: 1px solid black;
	}
#nav li.on ul a, #nav li.off ul a
	{
	/*cancel inherit of border on subnav of active topic*/
	border: 0;
	}
#nav li.on ul
	{
	/*display active subnav list*/
	display: block;
	}
#nav li.on ul a, #nav li.off ul a
	{
	float: left;
	/*ie doesn't inherit the float*/
	border: 0;
	color: white;
	width: 150px;
	height: auto;
	text-align: center;
	padding: 5px;
	font-size: .6875em;
	}
#nav li.on ul
	{
	/*display the current topic*/
	display: block;
	}
#nav li.off:hover ul, #nav li.over ul
	{
	/*display the other topics when their parent is hovered*/
	display: block;
	z-index: 6000;
	}
#nav li.off a:hover, #nav li:hover a, #nav li.over a
	{
	background: #d0632b;
	color: yellow;
	}
#leftsidebar
	{
	background-color: #728c2c;
	width: 248px;
	float: left;
	background-image: url(http://www.watermotion.com//images/wimimages/digthis4.jpg);
	background-repeat: repeat-y;
	height: auto;
	}
#relevantfiles
	{
	width: 170px;
	background-image: url(http://www.watermotion.com//images/wimimages/digthis2.jpg);
	text-align: left;
	font-size: .8125em;
	color: white;
	padding: 20px 33px 10px 45px;
	}
#relevantfiles li
	{
	padding: 0 0 13px 0;
	}
#leftsidebar a
	{
	text-decoration: underline;
	color: white;
	}
#leftsidebarbottom
	{
	margin: 0 0 34px 0;
	}
#rightsidebar
	{
	background-color: white;
	width: 639px;
	float: right;
	text-align: left;
	padding: 35px 20px 0 0;
	}
#text
	{
	width: 450px;
	padding: 0 0 35px 40px;
	color: #3c6f83;
	font-size: .875em;
	line-height: 20px;
	}
#text li
	{
	margin: 0 0 0 40px;
	text-align: left;
	list-style-type: circle;
	}
#text a
	{
	color: #973a1d;
	}
#text li.bold
	{
	font-weight: bold;
	}
#text li.normal
	{
	font-weight: normal;
	}
#radio
	{
	padding: 0 0 20px 0;
	}
#redfooter
	{
	background-color: #d0632b;
	width: 899px;
	text-align: center;
	margin: 4px auto;
	clear: both;
	color: white;
	font-size: .5625em;
	padding: 14px 14px 14px 14px;
	}
#iconfooter
	{
	width: 772px;
	text-align: center;
	margin: 20px auto;
	}
#iconfooter td
	{
	width: 193px;
	}



/* Notes
	background-image: url(../images/imagename.gif);
	background-repeat: repeat-x, repeat-y, no-repeat;
	
To have the container centered in the window:
body
	{
	text-align: center;
	margin: 0 auto;
	}
#container
	{
	width: 800px;
	text-align: center;
	margin: 0 auto;
	}
	
border styles
	border-bottom-style: solid;
	border-color: white;
	border-bottom-width: 4px;
	
#linksplain
	{
	padding: 5px 0 5px 0;
	background-image: url(../images/linksbackground.jpg);
	background-repeat: repeat-x;
	font-size: .625em;
	font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
	border-bottom-style: solid;
	border-color: white;
	border-bottom-width: 4px;
	}
#linksplain li
	{
	display: inline;
	list-style: none;
	padding-right: 1.4em;
	margin-right: 1.10em;
	border-right: 1px solid black;
	z-index: 999;
	}
#linksplain li.last
	{
	border-right: 0;
	margin-right: 0;
	padding-right: 0;
	}
	
fonts
font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
*/

/* Standard Helpers */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
	{
	margin: 0;
	padding: 0;
	}
/* Removes list-style from lists */
ol, ul, li
	{
	list-style: none;
	}
/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
	{
	font-style: normal;
	font-weight: normal;
	}
/* Removes borders and spacing from tables */
table
	{
	border-collapse: collapse;
	border-spacing: 0;
	}
/* Removes border from fieldset and img */
fieldset, img
	{
	border: 0;
	}
/* Left-aligns text in caption and th */
caption, th
	{
	text-align: left;
	}
/* Removes quotation marks from q */
q:before, q:after
	{
	content: '';
	}

p.formtitle
	{
	color: yellow;
	font-weight: bold;
	padding: 7px 0 7px 0;
	}
hr
	{
	width: 150px;
	color: white;
	height: 2px;
}