BODY
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #114286;
	color: #363636;

}

.smalllink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #114286;
	text-decoration: none;
}
.whitelink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
}
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
.redheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
}
.middleabout {
	float: left; 
	width: 735px; /* since this element is floated, a width must be given */
	line-height: 120%;
	font-family: arial, verdana, sans-serif;
	font-size: 1em;
	color: #555;
	padding: 10px 10px 0px 10px;
}
.mainsection {
    float: left; 
	width: 755px; /* since this element is floated, a width must be given */
	height: 530px;
	line-height: 120%;
	font-family: arial, verdana, sans-serif;
	font-size: 13px;
	color: #ffffff;
	background-image: url(homeBGPALE.jpg);/* the background color will be displayed for the length of the content in the column, but no further */
	margin: 0px 0px 0px 10px;
	padding: 10px 10px 0px 10px;
	
	}











a.product2:link, a.product2:visited, a.product2:active {
	text-decoration: none;
	font-weight: bold;
	color: #114286;
}

a.product2:hover {
	
text-decoration: underline;
	
}


.products {
	float: left; 
	width: 700px; /* since this element is floated, a width must be given */
	line-height: 100%;
	font-family: arial, verdana, sans-serif;
	font-size: 1em;
	color: #555;
	padding: 20px 10px 10px 0px;
	border-bottom: 1px solid #999999;
	margin-left: 10px;
}
.name {
	width: 500px;
	float: left; 
	line-height: 100%;
	font-family: arial, verdana, sans-serif;
	font-size: 1em;
	color: #7DAFED;
	padding: 5px 10px 10px 0px;
	}	
	



.item1 {
	float: right;
	background: #CFECF6 url(images/item1BG.gif);
	margin-bottom: 10px;
	width: 500px;
	height: 187px;
	color: #615E5D;
	font-weight: normal;
	font-size: 10pt;
	padding: 10px 10px 10px 10px;
	border-bottom: 10px solid #85D4F1;
	line-height: 165%;
}	

.item2 {
	float: right;
	background: #e0e9c1 url(images/item2BG.gif);
	margin-bottom: 10px;
	width: 500px;
	height: 195px;
	color: #615E5D;
	font-weight: normal;
	font-size: 10pt;
	padding: 10px 10px 10px 10px;
	border-bottom: 10px solid #F1AE1E;
	line-height: 165%;
}

h1{
    font-family: arial, verdana, sans-serif;
	font-size: 1.6em;
	color: #ffffff;
		
	}

h2 {
    font-family: arial, verdana, sans-serif;
	font-size: 1.2em;
	color: #555;
	
		}



.item3 {
	float: left;
	background: #e0e9c1 url(images/item3BG.gif);
	margin-bottom: 10px;
	width: 500px;
	height: 115px;
	color: #615E5D;
	font-weight: normal;
	font-size: 10pt;
	padding: 10px 10px 10px 10px;
	border-bottom: 10px solid #c9de81;
	line-height: 165%;
	
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	
	}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}	
 
</style>