html, body 		{ margin: 0; padding: 0; }
		body 			{ color: #333; font: 14px Helvetica, Arial, sans-serif; line-height: 18px; background-color: #ffffff; background-image: url('metal012.jpg'); }
		h1				{ font-size: 32px; color: #ffe271; background-color: #333; padding: 15px 0 15px 35px; margin: 30px 40px 20px 50px; }
		h2				{ font-size: 25px; color: #333; margin-left: 115px; }
		h3				{ font-size: 18px; color: #34577f; margin: 20px 0 0 30px; }
		h4				{ position: absolute; top: 6px; right: 10px; font-size: 19px; color: #fff; padding: 3px 10px; margin-top: 0; } /* telephone */
		h6				{ color: #fff; font-size: 16px; margin: 10px 0 0 15px; }			
		a				{ color: blue; }
		a img			{ border: 0; }
		p				{ margin: 0 20px 18px; text-align: justify; }
		
		/* Header */
		#header			{ height: 200px; background: #eee;  background-image: url('slide00.jpg'); background-position: top; background-repeat: no-repeat; border-bottom: 5px ridge #dedede; margin-bottom: 0px; }		
		#header h1  	{ color: #004b6f; margin: 0 0 3px; padding: 24px 18px 0; }
		#header p		{ color: #666; font-size: 11px; font-weight: bold; padding: 0 18px; }				
		
		/* Content Positioning and Size */
		#container		{ position: relative; width: 980px; height: 835px; margin: 0 auto; }
		#sideleft		{ position: absolute; left: 0; top: 205px; width: 175px; height: 630px; background-color: #bcbcbc; background-image: url('metal175.jpg'); border-right: ridge 5px #dedede; }
				
		#content		{ position: absolute; top: 205px; left: 180px; width: 800px; height: 650px; background-color: #f3efe4; }		
		#content p		{ padding-right: 18px; margin: 10px 20px; }
		#titleline		{ position: absolute; top: 60px; right: 0; width: 750px; height: auto; background: #333; padding: 12px }
		#titleline h1	{ font-size: 26px; line-height; 28px; color: #ffa; margin: 0 auto 0 20px; padding: 0; background: none; }
		
		/* Footer */
		#footer			{ position: absolute; bottom: 40px; left: 0; width: 980px; height: 200px;  background: #1c3957; border-bottom: 2px solid #999; }
		#logo			{ position: absolute; top: 8px; left: 280px; }
		#link1			{ position: absolute; top: 25px; left: 650px; width: 133px; height: 50px; border: 1px solid white; }		
		#link2			{ position: absolute; top: 25px; left: 795px; width: 130px; height: 50px; border: 1px solid white; }
		#link3			{ position: absolute; top: 25px; left: 880px; width: 50px; height: 50px; border: 1px solid white; }
		#link4			{ position: absolute; top: 85px; left: 650px; width: 133px; height: 50px; border: 1px solid white; }
		#link5			{ position: absolute; top: 85px; left: 795px; width: 65px; height: 50px; border: 1px solid white; }
		#link6			{ position: absolute; top: 85px; left: 875px; width: 50px; height: 50px; border: 1px solid white; }
		#footer a		{ color: #eee; }
		#footer	p		{ color: #fff; margin-top: 0; padding: 0px; }
		#footertop		{ height: 150px; border-bottom: 1px solid #555;  margin: 0 18px 6px; padding: 10px 0 0 0; }
		#footertext		{ float: left; height: 150px; width: 320px; margin-left: 15px; }
		#footertext	p	{ font-weight: bold; color: #fff; margin-left: 16px; padding: 10px 18px 5px 0; }
		#copy p			{ text-align: center; }
		#powered		{ text-align: center; width: 120px; height: 30px; }

		
.hovermenu ul{
font: bold 18px arial;
padding: 0;
margin: 0;
height: 50px;
width: 100%;
background: url(button.jpg) repeat-x top;
}
 
.hovermenu ul li{
list-style: none;
display: inline;
}
 
.hovermenu ul li a{
text-decoration: none;
display: block;
height: 50px;
line-height: 50px;
padding: 0 20px;
float: left;
color: #f4f4f4;
background: url(button.jpg) repeat-x top;
}
 
.hovermenu ul li a:hover{
background-position: bottom;
}

html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: none;
}
