@charset "UTF-8";
body  {
 	font: 100% "Tahoma", Arial, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000;
}
#container
{
	background-color: transparent;
	margin: 10px;
	padding: 10px;
}
#menuHolder {margin-top: 80px; margin-left: 40px;}
	/* ================================================================ 
Copyright (c) 2011 Stu Nicholls - iStu.co.uk. All rights reserved.
This stylesheet and the associated html may be modified in any 
way to fit your requirements.
=================================================================== */
#menuHolder {width:850px; height:35px; position:relative; z-index:100;}
#menuHolder ul {width:850px; height:35px; padding:0; margin:0; list-style:none; text-align:center;}
#menuHolder ul {background: url(background2.png);}
#menuHolder ul li {display:inline; margin:0 -4px 0 0;}
#menuHolder ul li a {display:inline-block; padding:2px 15px; font: bold 14px/30px, sans-serif; color:#fff; text-decoration:none;}
#menuHolder ul li.clicked > a {color:#000;}
#menuHolder ul li ul {position:absolute; left:0; top:0; z-index:-1; background:transparent;}
#menuHolder ul li ul li a {padding:0 10px; font-size:14px; color:#069;}
#menuHolder ul li ul li a:hover {color:#000; text-decoration:underline;}



.logopic 
	{
	float: left;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin: 5px;
	border: 2px;
	border-color: #fff;
	border-style: solid;
	}
	
.rightpic 
	{
	float: right;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin: 5px;
	border: 2px;
	border-color: #fff;
	border-style: solid;
	}
	
.header /* Controls the 877 phone number at top */
	{font-size: 80%;
	border: 5px; 
	border-color: #888;
	background-color: transparent;
	}
#main
{
	position: relative;
}

#bar
{
	position: relative; top: .5em;
	clear: both;
}
#Left1
{
	width:250px;
	padding-right:10px;
	background-color:#fff;
	clear: left;
	float: left;
	margin-top: 40px;
	margin-left:5px;
	padding-left: 10px;
	font-size: 60%;
}
.leftpic {
	border:thin;
	font-size:10px;
	text-align:center;
	}
.BodyImage
{
	float: right;
}
#regular
{
	text-align:left;
	position: fixed 280px;
	width:600px;
	margin-left: 280px;
	padding:10px;
	
}
.word1
{

	position: fixed 280px;
	font-size: 10pt;
	width:600px;
	padding:10px;
	outline-width:2px;
	outline:solid;
	outline-color:#CCC;
	margin-top:30px;
	margin-left: 280px;
	color: black;
	background-color:#fff;
}
.word1 p
{
	text-align:left;
}
.word2
{

	position: fixed 280px;
	font-size: 12pt;
	width:600px;
	padding:10px;
	outline-width:2px;
	outline:solid;
	outline-color:#ccc;
	margin-top:30px;
	margin-left: 280px;
	color: black;
	background-color:#fff;
	text-align: center;
}
td
{
	text-align: center;
}
.text1
{
	margin-left:300px;
}
.photo
{
	clear: both
	margin-left: 10px;
}
div.footer
{
	text-align:center;
	padding:20px;
	font-size:10pt;
	word-spacing:10px;
	color:#999;
}
<!-- For Making a PopupLarge Image
#picture 
{width:100px; height: 250px; background-color:#ffffff;}
#picture a.small, #picture a.small:visited { display:block; width:100px; height:100px; text-decoration:none; background:#ffffff; top:0; left:0; border:0;}
#picture a img {border:0;}
#picture a.small:hover {text-decoration:none; background-color:#000000; color:#000000;}
#picture a.large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#picture a.small:hover .large {display:block; position:absolute; top: 90px; left:150px; width:200px; height:200px; }   -->