body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	background-color: #FFFFFF;
}
.pageTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: -10px;
}
.tableMain {
	background-image: url(images/background1.gif);
	background-repeat: repeat;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px;
}
.rightPanel {
	background-color: #FFCC33;
	width: 100%;
	border-right-width: 0px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
	height: 25px;
	padding: 0px;
	margin: 0px;
}


.footerInfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
}



.dropshadow {
	background-image: url(images/drop_shadow_1px.gif);
	width: 100%;
	background-repeat: repeat-x;
	height: 7px;
}

#navWidth {
	width:780px;
	}
	

#nav, #nav ul {
	float:left;
	list-style:none;
	/*text-align:left;*/
	font-weight:normal;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	padding:0;/*add padding and margin 0 to set text correctly on main listing in Mozilla*/
	margin:0;
	
}



#nav ul li h2 {
	color: #000000;
	background-color:#ffcc33;
	padding:5px 0 5px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;/*must set properties to override default h2*/
	text-align:center;	
	width:120px;
	border-left:solid 1px #000000;
	border-right:solid 1px #000000;
	text-decoration:none;
	margin:0;
	}




#nav a{
	display:block; /*places line breaks before and after element*/
	text-decoration:none;
	/*padding:0.3em;*/
	color:#000000;/*input color to cancel out default*/
	margin:0;
	
}

/*#nav h2:hover a, #nav h2 li:hover, #nav h2 a:hover,  {
	color:#FFFFFF;
	background-color:#003399;
	}*/

#nav >a {
	width:100px;
	}
	
	
#nav ul li {
	/*float:left;*/
	list-style:none;
	margin:0;
	
	}

#nav li{
	float:left;
	padding:0;
	/*position:relative;*/
	}
	


#nav li ul{
	position:absolute;
	left:-999em;
	/*height:auto;*/
	text-align:left;
	font-weight:400;
	width:120px;/*sets the width of the 1st drop down*/

	}

#nav li>ul {
	text-align:left;
	width:120px; /*sets the width of the drop down menu*/
	/*margin: 5px 0 0 0; commented out 12/18/06 to fix how it shows in IE7 but now comes into Mozilla area*/
	}

#nav li li{
	width:120px;
	}


#nav >li li {
	width:120px;
	margin:0;
	}
	
	
	

#nav li ul a{
	width:120px;
	text-align:left;
	color:#fff;
	background-color:#000000;
	font-size:12px;
	line-height:normal;
	/*line-height:auto;*/
	font-weight:400;
	padding:3px 0 3px 5px;
	border:#000000 1px solid;
	}
	


/**html #nav li ul a {
	width:120px;
	}
*/


/*sets third drop down menu location*/
#nav li ul ul{
	margin:-2.25em 0 0 170px;
	padding:3px 3px;
	/*background-color:#ffffff;
	border:thin #000099;*/
	width:100px;	
	}
	
#nav li ul ul a{
	width:100px;
	
	}


#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul{
left:-999em;
}




#nav li:hover ul, #nav li li:hover ul,#nav li li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul  {
	left:auto;
	z-index:6000;

}

#nav ul li h2:hover, #nav ul li h2.sfhover, #nav ul li h2 a:hover, #nav ul li h2 a.sfhover, #nav li:hover, #nav ul li h2 a:hover{
	background-color:#cccccc;
	color:#000000;
	
	}

#nav  ul li:hover h2, #nav  ul li.sfhover h2, #nav ul li:hover a, #nav ul li.sfhover a{
	background:#cccccc;
	color:#000000;
	/*border-right:#FFFFFF 1px solid;
	border-left:#FFFFFF 1px solid;*/
	
	}

#nav  li li a:hover, #nav li li:hover, #nav li li.sfhover{
	background:#000000;
	color:#ffffff;
	width: 120px;
	}
	
	
#nav li li li a:hover, #nav li li li:hover, #nav li li li.sfhover{
	width:100px;
	}
.sidemenu a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 10px;
	padding-left: 7px;
	color: #000000;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 7px;
	font-weight: bold;
	height: 20px;
}
.sidemenu a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 3px;
	padding-bottom: 7px;
	padding-left: 7px;
	color: #000000;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 7px;
	font-weight: bold;
	height: 20px;
}
.sidemenu a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 3px;
	padding-bottom: 7px;
	padding-left: 7px;
	color: #FFCC33;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 7px;
	font-weight: bold;
	height: 20px;
}
.sidemenu a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 3px;
	padding-bottom: 7px;
	padding-left: 7px;
	color: #000000;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 7px;
	font-weight: bold;
	height: 20px;
}

#sidemenu, #sidemenu ul {
	list-style: none;
	width:140px;
	margin: 0;
	padding: 0;
	border: none;
	text-align: left;
	font-size: 14px;
		}
		

	
		
#sidemenu li {
	/*border-top:1px solid #696969;*/
	border-bottom: 1px solid #696969;
	margin: 0;
	font:Verdana, Arial, Helvetica, sans-serif 11px;
		}
		
#sidemenu ul li h2 {
	font-size:12px;
	font:Geneva, Arial, Helvetica, sans-serif;
	/*border-top:1px none #696969;*/
	text-align:left;
	color: #000000;
	font-weight: bold;
	/*width:200px;*/
	/*padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;*/
	list-style:none;
	background-color:#cccccc;
	/*background-image: url(images/sidemenuBackground.jpg);
	background-repeat: no-repeat;*/
	margin:0; /*so Mozilla will play nice*/
	}
	
#sidemenu ul li h2 a{
	font-size:12px;
	font:Geneva, Arial, Helvetica, sans-serif;
	/*border-top:1px none #696969;*/
	text-align:left;
	color: #000000;
	font-weight: bold;
	/*width:200px;*/
	/*padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;*/
	list-style:none;
	background-color:#cccccc;
	/*background-image: url(images/sidemenuBackground.jpg);
	background-repeat: no-repeat;*/
	margin:0; /*so Mozilla will play nice*/
	}
	
	
		

#sidemenu a {
		display: block;
		font:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		padding: 3px 3px 3px 0.5em;
		border-left: 1px solid #696969;
		border-right: 1px solid #C0C0C0;
		background-color: #cccccc;
		color: #000;
		text-decoration: none;
		/*width: 100%*/;
		}
		


html>body #sidemenu li> a {
		width: auto;
		}
		
/*added for popout*/

#sidemenu li {
	padding: 0;
	margin:0;
	}
	
#sidemenu ul li {
	margin:0;
	}
	
#sidemenu li ul {
	position:absolute;
	left:-999em;
	height:inherit;
	margin:0;
	text-align:left;
	width:140px; /*set the width of the 1st drop down*/
	}
	
#sidemenu li>ul {
	margin:-1.7em 0 0 138px; /*set placement of first pop out menu*/
	text-align:left;
	line-height:inherit;
	width:140px; /*sets the width of the drop down menu*/
	/*margin: 5px 0 0 0; commented out 12/18/06 to fix how it shows in IE7 but now comes into Mozilla area*/
	}




		
#sidemenu li a:hover {
	background-color: #333399;
	color: #FFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #C0C0C0;
	border-left-color: #000000;*/
		}
		
/*#sidemenu li .sideMenuTitle h2 a {
	background-image: url(images/sidemenuBackground.jpg);
	background-repeat: no-repeat;
	color: #000;
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-style: none;
	border-left-style: none;

		}*/
		
/*#sidemenu li .sideMenuTitle h2 a:hover {
	background-image: url(images/sidemenuBackground.jpg);
	background-repeat: no-repeat;
	color: #000;
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-style: none;
	border-left-style: none;
		}*/


/**html #sidemenu li ul a {
	width:160px;
	}
*/


/*sets third drop down menu location*/
#sidemenu li li>ul{
	margin:-1.7em 0 0 148px;
	
	}



#sidemenu li:hover ul ul, #sidemenu li:hover ul ul ul, #sidemenu li.sfhover ul ul, #sidemenu li.sfhover ul ul ul{
left:-999em;
}



#sidemenu li:hover ul, #sidemenu li li:hover ul, #sidemenu li li li:hover ul, #sidemenu li.sfhover ul, #sidemenu li li.sfhover ul, #sidemenu li li li.sfhover ul {
	left:auto;
	z-index:6000;
}

#sidemenu ul li a:hover, #sidemenu ul li a.sfhover {
	display:block;
	background:#000;
	color:#fff;
	border-left: #000;
	border-right:#C0C0C0;
	
	}



#sidemenu  ul li h2:hover, #sidemenu  ul li h2.sfhover {
	background:#000;
	color:#fff;

	}
	
/*all hover style control*/	
#sidemenu  ul li:hover, #sidemenu  ul li.sfhover, #sidemenu  li li :hover, #sidemenu  li li .sfhover{
	display:block;
	background:#000;
	color:#fff;
	border-left: #000;
	border-right:#EEE8AA;
	
	}
	
/*#sidemenu ul li h2:hover, #sidemenu ul li h2.sfhover {
	background-image: url(images/sidemenuBackground.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	}*/

/*html>body #sidemenu ul li h2:hover, #sidemenu ul li h2.sfhover {
	background-image: url(images/sidemenuBackground.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	}*/
/*sets the style of pop out menus without hover*/
#sidemenu ul li:hover ul li , #sidemenu ul li.sfhover ul li, #sidemenu ul li ul li:hover ul li , #sidemenu ul li ul li.sfhover ul li, #sidemenu ul ul li:hover li li li, #sidemenu ul ul li.sfhover li li li, #sidemenu ul ul li:hover li li li, #sidemenu ul ul li.sfhover li li li {	
	display:block;
	border-left: #000;
	border-right:#C0C0C0;
	background-color: #ccc;
	color: #000;
	}
	
/*sets the hover style of the first pop out menu */	
#sidemenu ul li ul li a:hover li>ul , #sidemenu ul li ul li a.sfhover li>ul{
	display:block;
	color:#fff;
	border-left: #000;
	border-right:#c0c0c0;
	background-color: #000;
	
	}
.headerBackground {
	background-image: url(images/Holland_Loader_Equipment.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
h1 {
	/*	font-size: 18px;
	font-weight: bold;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 5px;
	color: #000000;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #CC6600;
	width: 100%;
	border-bottom-width: thin;
	border-bottom-style: double;
	border-bottom-color: #666666;
	font-weight: bold;
	margin-left: 5px;
}
.bodyTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #CC6600;
	width: 100%;
	border-bottom-width: thin;
	border-bottom-style: double;
	border-bottom-color: #666666;
	font-weight: bold;
	padding-left: 5px;
	margin-left: 5px;
}
.tableBorderPics {
	border: 1px solid #333333;
}

/*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: black;
padding: 2px;
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: -200px;
left: 100px; /*position where enlarged image should offset horizontally */
}


h2 {

	font-size: 16px;
	font-weight: bold;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 5px;
	color: #CC6600;
}
.imageBorder {
	border: 1px solid #666666;
}
h3 {
	font-size: 14px;
	color: #000000;
	line-height: normal;
	margin-bottom: -20px;
	margin-top: 5px;
	margin-left: 5px;
}