/*----------- redefined html tags --------------- */

h1, h2, p, td, div, img, ul, li { margin: 0; padding: 0; }

ul {  /*--- A set of bullets with styles ---*/ 
	font-size: 70%;
}

ul.botnav {
	font-size: 100%;
	text-align: center;
	margin: 0 0 0 0;
	padding: 7px 0 0 0;
}

ul.ButtMenu {
	font-size: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

ul.Products {
	font-size: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

ol .why { /*--- Individual bullets ---*/
	color: #666;
	font-size: 100%;
	line-height: 200%;
	text-align: left;
	margin: 0 10px 0 0;
}

hr { 
	margin: 5px 0 5px 0;
}

h1 {
	color:	black;
	font-size: 105%;
	font-weight: normal;
	text-align: center;
	margin: 0;
}

h2 {
	color:	white;
	font-size: 100%;
	font-weight: bold;
	line-height: 165%;
	text-align: left;
	margin: 0 0 0 5px;
}

h3 {
	color:	#010066;
	font-size: 95%;
	font-weight: bold;
	line-height: 150%;
	text-align: left;
	margin: 0 0 10px 0;
}

h4 {
	color: white;
	font-weight: bold;
	font-size: 90%;
	line-height: 170%;
	text-align: left;
	margin: 0 0 0 8px;
}

h5 {
	color:	#010066;
	font-size: 85%;
	font-weight: bold;
	line-height: 100%;
	text-align: center;
	margin: 0;
}

h6 {
	color:	#010066;
	font-size: 90%;
	font-weight: bold;
	line-height: 125%;
	text-align: left;
	margin: 0;
}

p { /* Standard Paragrapgh Style */
	color: #666;
	font-size: 75%;
	line-height: 160%;
	text-align: left;
	margin: 0 0 10px 0;
}

p.small {
	color: white;
	font-size: 70%;
	text-align: right;
	margin: 0 12px 0 0;
}

p.center { /* Centered Paragrapgh Style */
	color: #666;
	font-size: 75%;
	line-height: 160%;
	text-align: center;
	margin: 0 0 10px 0;
}

legend {
	color:	#010066;
	font-size: 90%;
	font-weight: bold;
	text-align: left;
	margin: 0;
}

span.bold { /* Use of span class to create bold text*/
	font-weight: bold;
}

span.center { /* Use of span class to create bold centred text*/
	font-weight: bold;
	text-align: center;
	margin: 0;
}

/*----------- link styles ---------------*/ 

a { color: #663333; text-decoration: underline; }
a img {border: none; }
a:visited { color: #663333; text-decoration: underline; }
a:hover { color: #663333; text-decoration: none; }
a:active { color: #663333; text-decoration: none; }

/*----------- 2nd Class of link styles for white links on nav bar ---------------*/
a.nav { color: white; text-decoration: none; }
a.nav img {border: none; }
a.nav:visited { color: white; text-decoration: none; }
a.nav:hover { color: yellow; text-decoration: none; }
a.nav:active { color: white; text-decoration: none; }

/*----------- 3rd Class of link styles for buttons ---------------*/
/*----------- so whole image is clickable with links ---------------*/
.butselected { color: yellow; text-decoration: none; }

#ButtMenu a { 
	color: white; 
	text-decoration: none;  
	background-image: url(../images/button.gif); 
	height: 42px; 
	width: 132px; 
	display: block; 
	font-weight: bold;
}

#ButtMenu a:visited { color: white; text-decoration: none; }
#ButtMenu a:hover { color: #ED9465; text-decoration: none; }
#ButtMenu a:active { color: white; text-decoration: none; }
#ButtMenu img {border: none;}

#ButtMenu a.orgHighlight {
	color: #e8773a;
	}

/*----------- 4th Class of link styles for buttons ---------------*/
/*----------- so whole image is clickable with links ---------------*/
a.why { 
	color: white; 
	text-decoration: none;  
	background-image: url(../images/WhyButton.jpg); 
	height: 66px; 
	width: 123px;
	display: block; 
	font-weight: bold;
}

a.why img {border: none;}
a.why:visited { color: white; text-decoration: none; }
a.why:hover { color: yellow; text-decoration: none; background-image: url(../images/WhyButton2.jpg); }
a.why:active { color: white; text-decoration: none; }

/*----------- 5th Class of link styles for buttons ---------------*/
/*----------- so whole image is clickable with links ---------------*/
a.sol { 
	color: white; 
	text-decoration: none;  
	background-image: url(../images/SolButton.jpg); 
	height: 66px; 
	width: 123px; 
	display: block; 
	font-weight: bold;
}

a.sol img {border: none;}
a.sol:visited { color: white; text-decoration: none; }
a.sol:hover { color: yellow; text-decoration: none; background-image: url(../images/SolButton2.jpg); }
a.sol:active { color: white; text-decoration: none; }

/*----------- 6th Class of link styles for buttons ---------------*/
/*----------- so whole image is clickable with links ---------------*/
a.cert { 
	color: white; 
	text-decoration: none;  
	background-image: url(../images/CertButton.jpg); 
	height: 66px; 
	width: 123px; 
	display: block; 
	font-weight: bold;
}

a.cert img {border: none;}
a.cert:visited { color: white; text-decoration: none; }
a.cert:hover { color: yellow; text-decoration: none; background-image: url(../images/CertButton2.jpg); }
a.cert:active { color: white; text-decoration: none; }

/*----------- 7th Class of link styles for buttons ---------------*/
/*----------- so whole image is clickable with links ---------------*/
a.supp { 
	color: white; 
	text-decoration: none;  
	background-image: url(../images/SuppButton.jpg); 
	height: 66px; 
	width: 123px; 
	display: block; 
	font-weight: bold;
}

a.supp img {border: none;}
a.supp:visited { color: white; text-decoration: none; }
a.supp:hover { color: yellow; text-decoration: none; background-image: url(../images/SuppButton2.jpg); }
a.supp:active { color: white; text-decoration: none; }

/*----------- comliance buttons ---------------*/