body {
    font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 100.01%;
	background-image:   url(images/bg.gif);
	color: #333333;
    background-repeat: repeat;
	padding: 0;
    margin: 0;
	border: 0;
	background-color: #FFFFFF;
	min-width: 770px;
}

/**Layout Divs**/

#wrapper {
	margin: 10px auto 5px;
	width: 770px;
	text-align: left;
	visibility: visible;
	background-color: #eef1e7;
}

#header {
	width: 770px;
	height: 80px;
	background-image: url(images/header_bg.gif);
	background-repeat: repeat-x;	
}

#hnav {
	width: 770px;
	margin-top: 0;
	background-image: url(images/hnav_bg2.gif);
	background-repeat: no-repeat;
	height: 32px;
	padding-left: 15px;
}
/* Needed to hold link to main content in compliance with Section 508, rule o. */
#skipnav {
	position: absolute; /* Sets the div to be positioned in a precise spot in relation to its nearest postioned ancestor, or barring that, the body. Also removes it from the flow, so it will not push down the header image. */
	top: 0; /* Places the div at the top of body. */
	left: 0; /* Places the div at the left side of body. */
	margin-left: -1000px; /* Moves the div off the left side of the screen, making it invisible to those using visual browsers but accessible to those using screen readers and other user agents. */
}
#date {
	font-size: 70%;
	font-weight: bold;
	text-align: right;
	color: #AA0000;
	margin-top: 4px;
	margin-right: 16px;
	margin-bottom: 6px;
}
#contentTop {
	width: 770px;
	margin-top: 0;
	background-color:  #eef1e7;
	margin-bottom: 12px;
	height: 200px;
}
#contentTop p {
	font-size: 80%;
	margin: 0px;
}
/*this container holds the main image and holds the contentright div containing the right-hand text*/	
.content1 {
	width: 770px;
	background-color:  #eef1e7;
	padding-bottom: 5px;
	margin-top: 8px;
}
.content1 p {
	font-size: 80%;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 10px;
}
#contentleft {
	float:left;
	padding-right: 8px;
	padding-bottom: 8px;
}

/*this container holds upper right-hand text. - this is held within the above selector. Overflow is set to auto so if the content exceeds the 190px depth vertical scrollbars are provided.*/
#contentright {
	clear:right;
	overflow: auto;
	scrollbar-face-color: #6ca8c3;
	scrollbar-highlight-color: #d7edf6;
	scrollbar-3dlight-color: #002434;
	scrollbar-darkshadow-color: #061d27;
	scrollbar-shadow-color: #355b6c;
	scrollbar-arrow-color: #ffffff;
	scrollbar-track-color: #99bac8;
	padding-left: 10px;
	padding-right: 10px;
}
/*this container holds the four boxes at the bottom of the index page*/
#floatcontainer {
	width: 761px;
	height: 270px;
	padding-top: 15px;
	background-color:  #eef1e7;
	padding-bottom: 15px;
	text-align: left;
	border-top-width: 2px;
	border-top-style: dashed;
	border-top-color: #002434;
}

/*set up the four floated boxes - these are held within the above selector*/
.floatboxes {
   width: 22%;
	height: 250px;
	margin:  0 8px;
	ma\rgin: 0 10px;
	border: 1px solid #002434;
	float: left;
	background-color: #d7edf6;
	/*overflow: auto;/*set overflow to auto - if the content exceeds the boxes height scroll bars are provided*/
	scrollbar-face-color: #6ca8c3;
	scrollbar-highlight-color: #d7edf6;
	scrollbar-3dlight-color: #002434;
	scrollbar-darkshadow-color: #061d27;
	scrollbar-shadow-color: #355b6c;
	scrollbar-arrow-color: #ffffff;
	scrollbar-track-color: #99bac8;
}

/*style the text in the lower boxes*/
.floatboxes p {
	font-size: 70%;
	margin: 0px;
	padding: 4px 5px;
}
/*style the text in the upper boxes*/
#contentright p {
	font-size: 70%;
	margin: 0px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 6px;
	padding-bottom: 2px;
}
/*style the heading text in the lower boxes*/
.floatboxes h1 {
	font-size: 90%;
	margin: 0px;
	padding-bottom: 4px;
	padding-top: 2px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #002434;
	padding-left: 5px;
	background-color: #6ca8c3;
}
/*alternative style for the heading text in the lower boxes*/
.floatboxes h2 {
	font-size: 90%;
	margin: 0px;
	padding-bottom: 4px;
	padding-top: 2px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #002434;
	padding-left: 5px;
	background-color: #FFC46A;
}

/*alternative style for the heading text in the lower boxes*/
.floatboxes h3 {
	font-size: 90%;
	margin: 0px;
	padding-bottom: 2px;
	padding-top: 2px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #002434;
	padding-left: 5px;
	background-image: url(images/paragraph_bg.gif);
	background-repeat: no-repeat;
}
/*style the heading text in the lower boxes*/
#footer {
	width: 770px;
	clear: both;
	font-size: 70%;
	text-align: center;
	background-image: url(images/footer_bg2.gif);
	background-repeat: no-repeat;
	height: 32px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 2px;
	padding-left: 22px;
	background-color: #3E768E;
}
/*sets margins to 0*/
/*style the heading text in the upper-right box*/
.content1 h1 {
	font-size: 100%;
	background-color: #c9cebe;
	padding: 4px;
	margin: 0px 10px 10px;
	border: 1px solid #002434;
}
/*floats element to the left*/
.left {
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	left: -2px;
	display: inline; /* Prevents WinIE from doubling the left margin, which it will do on left floats. */
}
/*floats element to the left*/
.right {
	float: right;
}

/*link styles*/


/*floats image to the left of text blocks*/ 
.imagefloat {
	float: left;
	vertical-align: middle;
	padding-right: 2px;
	display: inline; /* Prevents WinIE from doubling the left margin, which it will do on left floats. */
}
.imageLeft {
	float: left;
	margin-right: 8px;
	margin-bottom: 4px;
	margin-left: 0px;
	display: inline; /* Prevents WinIE from doubling the left margin, which it will do on left floats. */
}

/*floats logo graphic to the left */ 
div.row span.left {
  float: left;
  text-align: left;
  font-weight: bold;
  color: #ffffff; 
}

/*floats heading graphic to the right */ 
div.row span.right {
  float: right;
  text-align: right;
  font-weight: bold;
  color: #fff; 
}
.imageRight {
	float: right;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 8px;
}
.style1 {
	color: #003399;
	font-weight: bold;
}
#bottomNavBar {
	width: 770px;
	font-size: 70%;
	text-align: right;
	padding-top: 8px;
	padding-bottom: 4px;
	background-color: #3E768E;
	color: #FFFFCC;
	padding-right: 12px;
}
#bottomNavBar a:hover {
	clear: both;
	color: #666666;
	text-decoration: none;
	background-color: #d7edf6;
/* The following CSS is for page2 */
}
#contentTop2 {

	width: 770px;
	margin-top: 0;
	background-color:  #eef1e7;
	margin-bottom: 8px;
	height: 20px;
}
#content2 {
	background-color:  #eef1e7;
	padding-bottom: 5px;
	margin-right: 10px;
	margin-left: 10px;
}
#content2 p {

	font-size: 80%;
	margin-top: 0px;
	margin-right: 20px;
	margin-left: 20px;
}
#content2 h1 {

	font-size: 100%;
	background-color: #FFC46A;
	padding: 4px;
	margin: 0px 20px 10px;
	border: 1px solid #002434;
}
#content2 ul {
	background-color: #3E768E;
	padding: 4px;
	list-style-type: none;
	width: 200px;
	margin-left: 20px;
}
#content2 li {
	background-color: #FFFFCC;
	padding-left: 10px;
	font-size: 70%;
	font-weight: bold;
	font-style: italic;
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 1.25em;
	background-image: url(images/li_bg.gif);
}
#content2 a {
	text-align: left;
	color: #004234;
}
#content2 a:hover {
	text-align: left;
	color: #004234;
	background-color: #FFD18C;
}
#floatbox2 {
	width: 350px;
	background-color: #d7edf6;
	border-right: 1px solid #002434;
	border-bottom: 1px solid #002434;
	border-left: 1px solid #002434;
	margin-left: 200px;
	margin-bottom: 10px;
}
#floatbox2 p {
	font-size: 80%;
	margin: 0px;
	padding: 4px 4px 8px;
	line-height: 1.5em;
}
#floatbox2 h2 {
	font-size: 90%;
	margin: 0px;
	padding-bottom: 4px;
	padding-top: 2px;
	font-weight: bold;
	padding-left: 5px;
	background-color: #6ca8c3;
	border-top: 1px solid #002434;
	border-bottom: 1px solid #002434;
}
#address {
	background-color: #d7edf6;
	width: 250px;
	margin-left: 20px;
	font-size: 90%;
	padding: 10px 10px 10px 20px;
	border: 1px solid #004234;
}
#floatcontainer a:link, a:visited {
	text-align: left;
	color: #004234;
}
#floatcontainer a:hover {
	text-align: left;
	color: #004234;
	background-color: #FFD18C;
}
#searchpage {
	background-color:  #eef1e7;
	padding-bottom: 5px;
	margin-right: 10px;
	margin-left: 10px;
}
#searchpage p {

	font-size: 80%;
	margin-top: 0px;
	margin-right: 20px;
	margin-left: 20px;
}
#searchpage h1 {

	font-size: 100%;
	background-color: #FFC46A;
	padding: 4px;
	margin: 0px 20px 10px;
	border: 1px solid #002434;
}
#searchpage ul {
	padding: 4px 4px 4px 10px;
	list-style-type: none;
	width: 80%;
	margin-left: 20px;
	display: block;
	background-image: url(images/li_bg.gif);
	border: 1px solid #004234;
	margin-bottom: 30px;
}
#searchpage li {
	font-size: 75%;
	font-weight: bold;
	display: inline;
	line-height: 1.5em;
	padding-right: 4px;
}
#searchpage a {
	text-align: left;
	color: #004234;
	text-decoration: underline;
}
#searchpage a:hover {
	text-align: left;
	color: #004234;
	background-color: #FFD18C;
}
#searchpage h2 {
	font-size: 90%;
	background-color: #E28CFF;
	padding: 2px;
	margin: 0px 0px 0px 20px;
	border: 1px solid #002434;
	width: 235px;
}#byManufacturer h2 {

	font-size: 90%;
	background-color: #E28CFF;
	padding: 2px;
	margin: 0px 0px 0px 20px;
	border: 1px solid #002434;
	width: 235px;
}
#byManufacturer ul {
	padding: 0px;
	list-style-type: none;
	width: 300px;
	margin: 0px;
}
#byManufacturer li {
	padding-left: 10px;
	font-size: 70%;
	font-weight: bold;
	font-style: italic;
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 1.25em;
	background-image: url(images/li_manufacturer_bg.gif);
	background-color: #C1D9E3;
}
#byManufacturer a {
	color: #333333;
	text-decoration: none;
}
#byManufacturer a:hover {
	text-decoration: none;
	color: #333333;
	background-color: #FFD18C;
}
.backToTop {
	font-size: 70%;
	font-weight: bold;
}
#byManufacturer {
	margin-left: 20px;
}
#bottomNavBar a {
	color: #FFFFCC;
}