body {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: url('../images/gradient.jpg') repeat-x top left;
	background-color: #F5F0E1;
	}
h4 {
	color:#307A84;
	}
h3  {
	font-size:20px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:#97BCC1;
	margin-top:0;
	padding-top:0;
	}
.pageheader{
	
	height:25px;
	vertical-align:top;
}
* html body {
	font-size: x-small; /*for IE5/Win */
	f\ont-size: small; /*for other IE versions */
	}
#file {
	margin:0px auto;
	width: 900px;
	height: auto;
	background: url('../images/page.jpg') repeat-y;
	}
#page {
	height: auto;
	float: left;
	background: url('../images/content.jpg') no-repeat;
	}
#topper {
	height: 157px;
	width: 900px;
	}
#top {
	height: 68px;
	background: url('../images/topper.jpg') no-repeat;
	}
#logo {
	width: 900px;
	height: 89px;
	position: relative;
	background: url('../images/logo-bar.jpg') no-repeat;
	}
#logo a {
	width: 900px;
	height: 89px;
	}
#logo a span {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 274px;
	height: 89px;
	background: url("../images/Logo.gif") no-repeat;	
	}
#menubar {
	background-color:#235465;
	height: 30px;
	margin: 0 66px 0 66px;
	width: 768px; /* 900px (total width) - 66px (margin right) - 66px (margin left) */
	}
#menu {
	margin: 0;
	padding: 0;
	height: 30px;
	width: 100%;
	list-style: none;
	position: relative;
	}
#menu li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	}
#menu a {
	float: left;
	display: block;
	height: 30px;
	position: relative;
	}
#menu #li-home a {
	width: 91px;
	}
#menu #li-home a span {
	position: absolute;
	top: 0px;
	left: 0px;
	width:91px;
	height: 30px;
	background: url('../images/home-up.gif') no-repeat;
	}
#menu #li-home a:hover span {
	background: url('../images/home-over.gif') no-repeat;
	}
#menu a:hover, body#home #li-home a span {
	background: url('../images/home-over.gif') no-repeat;
	}
#menu #li-about a {
	width: 108px;
	}
#menu #li-about a span {
	position: absolute;
	top: 0px;
	left: 0px;
	width:108px;
	height: 30px;
	background: url('../images/about-up.gif') no-repeat;
	}
#menu #li-about a:hover span {
	background: url('../images/about-over.gif') no-repeat;
	}
#menu a:hover, body#about #li-about a span {
	background: url('../images/about-over.gif') no-repeat;
	}
#menu #li-products a {
	width: 123px;
	}
#menu #li-products a span {
	position: absolute;
	top: 0px;
	left: 0px;
	width:123px;
	height: 30px;
	background: url('../images/products-up.gif') no-repeat;
	}
#menu #li-products a:hover span {
	background: url('../images/products-over.gif') no-repeat;
	}
#menu a:hover, body#products #li-products a span {
	background: url('../images/products-over.gif') no-repeat;
	}
#menu #li-services a {
	width: 119px;
	}
#menu #li-services a span {
	position: absolute;
	top: 0px;
	left: 0px;
	width:119px;
	height: 30px;
	background: url('../images/services-up.gif') no-repeat;
	}
#menu #li-services a:hover span {
	background: url('../images/services-over.gif') no-repeat;
	}
#menu a:hover, body#services #li-services a span {
	background: url('../images/services-over.gif') no-repeat;
	}
#menu #li-clinks a {
	width: 163px;
	}
#menu #li-clinks a span {
	position: absolute;
	top: 0px;
	left: 0px;
	width:163px;
	height: 30px;
	background: url('../images/clinks-up.gif') no-repeat;
	}
#menu #li-clinks a:hover span {
	background: url('../images/clinks-over.gif') no-repeat;
	}
#menu a:hover, body#clinks #li-clinks a span {
	background: url('../images/clinks-over.gif') no-repeat;
	}
#menu #li-ilinks a {
	width: 160px;
	}
#menu #li-ilinks a span {
	position: absolute;
	top: 0px;
	left: 0px;
	width:160px;
	height: 30px;
	background: url('../images/ilinks-up.gif') no-repeat;
	}
#menu #li-ilinks a:hover span {
	background: url('../images/ilinks-over.gif') no-repeat;
	}
#menu a:hover, body#ilinks #li-ilinks a span {
	background: url('../images/ilinks-over.gif') no-repeat;
	}
#menu #li-contact a {
	width: 112px;
	}
#menu #li-contact a span {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 112px;
	height: 30px;
	background: url('../images/contact-up.gif') no-repeat;
	}
#menu #li-contact a:hover span {
	background: url('../images/contact-over.gif') no-repeat;
	}
#menu a:hover, body#contact #li-contact a span {
	background: url('../images/contact-over.gif') no-repeat;
	}
#submenubar {
	background-color: #C1B599;
	border-top: solid 3px #C1B599;
	border-bottom: solid 1px #887866;
	height: 243px;
	margin: 0px auto;
	width: 768px;
}
#submenubar #insideImg {
	height: 243px;
	width: 768px;
}

#submenu {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#submenu li {
	background: url('../images/submenu-up.jpg') no-repeat;
	height: 24px;
	width: 350px;
	}
#submenu a {
	display: block;
	width: 325px;
	height: 18px;
	padding-left: 25px;
	padding-top: 6px;
	}
#submenu a:hover {
	background: url('../images/submenu-over.jpg') no-repeat;
	}
#content {
	height: auto;
	width: 730px;
	padding-left: 85px;
	padding-right: 85px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin:0px auto;
	float: left;
	background: url('../images/leaf.gif') no-repeat bottom right;
	}
#bodycopy {
	width: 480px;
	height: auto;
	float: left;
	background-color: #FFFFFF;
	padding-top: 0px;
	position:relative;
	}
#title-home {
	height:25px;
	background: url('../images/title-home.gif') top left no-repeat;
	}
#title-about {
	height:25px;
	background: url('../images/title-about.gif') top left no-repeat;
	}
#title-services {
	height:25px;
	background: url('../images/title-services.gif') top left no-repeat;
	}
#title-products {
	height:25px;
	background: url('../images/title-products.gif') top left no-repeat;
	}
#title-clinks {
	height:25px;
	background: url('../images/title-clinks.gif') top left no-repeat;
	}
#title-ilinks {
	height:25px;
	background: url('../images/title-ilinks.gif') top left no-repeat;
	}
#title-contact {
	height:25px;
	background: url('../images/title-contact.gif') top left no-repeat;
	}
#sidebar {
	width: 199px;
	height: 425px;
	margin-left: 48px;
	float: left;
	}
#footer {
	clear:both;
	margin:0px auto;
	height: 30px;
	width: 730px;
	background: url('../images/footer.jpg') no-repeat;
	padding-left: 85px;
	padding-right: 85px;
	padding-top: 3px;
	padding-bottom: 50px;
	}
.copyright {
	padding-top: 6px;
	padding-bottom: 0;
	color: #165A72;
	font-size: 80%;
	font-weight: bold;
	margin: 0;
	}
.submenu a, .submenu a:hover, .submenu a:visited, .submenu a:active {
	color: #887866;
	font-size: 80%;
	font-weight: bolder;
	text-decoration: none;
	}
.logotext {
	color: #E4D9BD;
	}
a {color: #307A84; text-decoration: none;}
a:hover {color: #165A72; text-decoration: underline;}
a:active {color: #ADC5CE; text-decoration: none;}
a:visited {color: #165A72; text-decoration: none;}

/* Home page - side bar */
#sidebar .home_sidebar img {
	border: 1px solid #165A72;
	padding: 5px, 0, 4px, 0;
	
	}
/* Staff page */
#bodycopy .staff img {
	border: 1px solid #165A72;
}
#bodycopy .staff h4 {
	color:#307A84;
	margin:0px;
	}
#bodycopy .staff hr {
	
	color:#DBD8CF;
}

.required {
	color: #900;
}

/*********************/
/* contact form page */
/*********************/

table.form {
	width: 100%;
}
.form td {
	padding: 2px 0 2px 0;
}

input,
select,
textarea {
	font-size: 14px;
}
input.custom {
	margin-left: 0;
}
table.form td.formlabel {
	width: 150px;
}
.longinput {
	width: 300px;
}
.inputcity {
	width: 96px;
}
.inputstate {
	width: 20px
}
.inputzip {
	width: 78px;
}
#home_phone1 {
	width: 80px;
}
#home_phone2 {
	width: 80px;
}
#home_phone3 {
	width: 110px;
}
textarea  {
	width: 300px;
}