/* CSS version 2.0 */

/*Taken from open source on the web */

* {

	border: 0;

	margin: 0;

	padding: 0;

}

body {

	background: #6183ad url(images/background_big.gif) center repeat-y;

	color: #000000;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 69%;

	text-align: center;

}

a {

	color: #0000ff;

	text-decoration: underline;

}

a:hover {

	color: #0000ff;

	text-decoration: none;

}


h1 {

	border-bottom: 1px solid #aec4de;

	border-top: 1px solid #aec4de;

	border-right: 20px solid #6183ad;

	color: #6183ad;

	font-size: 130%;

	font-weight: normal;

	margin: 5px 0;

	background: #d7e5ef;

}

#column2 ul {

	margin: 50px 0;

}

#column2 li {

	color: #000000;

	list-style: square inside;

	text-indent: 10px;

}

/* The background-image's for the #wrap below are for preloading all the page's images, just add your own images to the pattern */

#wrap {

	background-image: url(images/arrow.gif);

	background-image: url(images/arrow_outline.gif);

	background-image: url(images/background.gif);

	background-image: url(images/truck1.gif);

	background-image: url(images/mag1.gif);

	background-image: url(images/machine1.gif);

	background-image: url(images/header_big.gif);

	background-image: url(images/selector.gif);

	background-image: url(images/selector_sub.gif);

	background-repeat: no-repeat;

	background-position: -5000px -5000px;

	margin: 0 auto;

	text-align: left;

	width: 800px;

}

#header {

	background: url(images/header_big.gif) center no-repeat;

	color: #e0e0e0;

	font-size: 327%;

	font-weight: bold;

	height: 100px;

	line-height: 120px;

	text-indent: 25px;

}

#nav {

	padding-bottom: 10px;

	width: 179px;

}

/* leave the padding-bottom in the #nav if you want some space between the navigation and the photos in the left column */

#nav ul li {

	display: inline;

	line-height: 16px;

	list-style: none;

}

#nav ul li a {

	border-bottom: 1px solid #c9dcea;

	color: #fff;

	display: block;

	padding: 5px;

	text-decoration: none;

	width: 169px;

}

/* remove the 'text-decoration: underline;' in #nav li a:hover if you don't want the links in the left nav menu to be underlined when the user hovers over them with their mouse */

#nav li a:hover {

	background: #c9dcea url(images/selector.gif) center right no-repeat;

	color: #000;

}


.floatl {
	float:left;
	text-align:center;
	/*padding:15px;
	padding-top:5px;*/
	height:200px;
	width:175px;
}

#spanish	{
	border:1px dashed gray;
	padding:10px;
	line-height:10pt;
	font-size:10px;
	width:550px;
	float:left;
	clear:left;
	margin:auto;
}

#column1 {

	float: left;

	width: 180px;

}

#column1 img {

	border: 1px solid #c9dcea;

	margin: 5px 20px;

	padding: 10px 20px;

}

/* in the tag below, #column2, I used the Underscore Hack to give the column2 div the correct margins in Firefox 1 */

#column2 {

	float: none !important;

	float: right;

    margin-left: 198px !important;

	margin-left: 0;

	padding: 12px 40px 30px 9px;

}

#column2 p {

	line-height: 190%;

}

#links div {

	float: left;

	width: 275px;

}

#links div li {

	list-style: none;

}

#links div li a {

	background: url(images/arrow_outline.gif) left no-repeat;

	padding-left: 15px;

	text-decoration: none;

}

#links div li a:hover {

	background-image: url(images/arrow.gif);

	color: #0000ff;

	text-decoration: underline;

}

#footer {

	clear: both;

	color: #999;

	font-size: 9px;

	padding: 30px 0 10px 0;

	text-indent: 185px;

}

#footer a {

	color: #999999;

	text-decoration: underline;

}