body{padding: 20px;background: #707883;color: #222;text-align: center;

    font: 85% "Trebuchet MS",Arial,sans-serif}

h1 {

	font-size: 150%;

	font-weight: normal;

	color: #762B2B;

	letter-spacing: 1px;

	}

h2 {

	font-size: 120%;

	font-weight: bold;

	padding: 0;

	margin: 0 0 1em 0;

	}

h3 {

	margin: 1.5em 0 0 0;

	padding-bottom: 2px;

	font-size: 120%;

	font-weight: normal;

	color: #7B9905;

	border-bottom: 1px solid #eaeaea;

	}

h3 a:link, h3 a:visited {

	font-size: 110%;

	text-decoration: none;

	border-bottom: none;

	color: #40659B;

	}

h3 a:hover {

	color: #036;

	}

h4, h5 {

	margin: 1.5em 0 0 0;

	font-size: 110%;

	font-weight: normal;

	color: #333;

	}

h1 span, h2 span, h3 span {

	color: #999;

	}



td img {

display: block;

}





div#container{width:770px !important; width /**/:460px;

    margin: 0 auto;padding:5px;text-align:left;background:#FFF}



div#header{padding: 10px; height:150px;width:750px;}



div#content{float:left;width:770px;padding:10px 0;margin:5px 0;}





div#footer{clear:both;width:770px;background: #C4E786;padding:5px 0;text-align:center}



#logo {

	position:absolute;

	top:-20px;

	width:770px;

	margin-left:-50px;

	}

div#slogan{width: 350px;

	float: right;

	height: 40px;

	font-size:18px;

	color: #f04a1f;

	}

div#photos{width: 500px;

	float: right;

	height: 80px;}



ul.postnav {

	padding: 5px 5px 5px 5px;

	margin-left: 5px; height:275px;

	width: 150px;list-style-type:none



}

ul.postnav li{

width: 160px;font-size:100%;margin-right: 5px; height:30px; font-size:10px;

 }

ul.postnav a{display:block;width:9em; padding:5px 5px 5px 5px;font: bold 100% Verdana,Arial,sans-serif; width:160px;

    background: #fcd134   ;color: #f04a1f;

    text-decoration:none;text-align:center}

ul.postnav a:hover{ background-color:#FF8040;color: #006A35}



#sidestyle {

	position:absolute;

	float:left;

	margin-left: auto;

	width: 170px;

	font-size:14px;

	height:700px;

	text-align:center;

	}





#tinytext{ font-size:9px; text-align:left;width:150px; margin-left:20px;

}





#textbody{

	width: 540px;

	float: right;

	margin-right:20px;

	height:100%;

}

.colora{

	color: #f79646;

}

.colorb{

	color: #92d050;

}

.colorc{

	color: #92cddc;

}

.colord{

	color: #ff0000;

}

form{width:560px;}

fieldset{border: 0px solid #000}

legend{font: bold 120%/1.6 Arial,sans-serif;color: #27518A;margin-left:auto;margin-right:auto;width:400px;}

fieldset label{float:left;display:inline;width:100px;

    line-height:16px;margin: 3px 10px;text-align:center;background: #FFF url("arrow.jpg") no-repeat right center}

input text,  textarea {margin:3px 0 8px;border-style:solid;border-color: #778AA2 #7EA4D8 #7EA4D8 #778AA2; border-width:2px 1px 1px 2px}

 /*below is for contact us (original) form */
.becky input, .becky textarea {height: 18px;  width: 400px;margin:3px 0 8px;border-style:solid;border-color: #778AA2 #7EA4D8 #7EA4D8 #778AA2; border-width:2px 1px 1px 2px;}       /* cascade for contact us form */

br{clear:left}

input#go{margin: 10px 0 0 130px;border-style:solid;border-color: #FFF #333 #333 #FFF;

    border-width:1px 2px 2px 1px;background: #CCC;width:auto;height: auto}



 hr {

  border: 0;

  width: 80%;

   color: #99cccc;

background-color: #99cccc;

height: 2px;

}



ul#about,ul#about li{list-style-type:none;margin-left:auto;margin-right:auto;padding:0; font-size:18px; text-align:center;}

ul#about{width: 300px;margin:auto auto;}

ul#about li{width: 225px; height:20px;

    padding: 5px 5px 5px 5px;margin:8px 20px 10px 20px}

li#ab1{background: #FFDECE}



	#bullets-right ul {

		list-style-image: url("images/small_bullet.gif");

		font-size: 7pt;

   	    font-family: Verdana, Tahoma, Arial;

		text-indent: 0px;

		margin: 0px ; /* how far from the left, use 2em and lower padding below for best look */

		/*margin: 20px; /* how far from the left, use 2em and lower padding below for best look */

		line-height: 12px; /* how high one line is from the next, 13 is pretty great */

		padding: 0px; /* this is the value to change the entire padding, if you use EM it pads and makes smaller room for text , exponentially and so it will wrap. making it bigger makes the left margin mvoe to the right too */

		margin-top: 7px; margin-bottom: 7px;

}



	#bullets-left ul {

		list-style-image: url("images/small_bullet.gif");

		font-size: 9pt;

   	    font-family: Verdana, Tahoma, Arial;

		text-indent: 0px;

		margin: 30px ; /* how far from the left, use 2em and lower padding below for best look */

		/*margin: 20px; /* how far from the left, use 2em and lower padding below for best look */

		line-height: 14px; /* how high one line is from the next, 13 is pretty great */

		padding: 0px; /* this is the value to change the entire padding, if you use EM it pads and makes smaller room for text , exponentially and so it will wrap. making it bigger makes the left margin mvoe to the right too */

		margin-top: 7px; margin-bottom: 7px;

}



.floatimgleft {

float:left;

margin-top:10px;

margin-right:10px;

margin-bottom:10px;

}





.floatimgright {

float:right;

margin-top:10px;

margin-right:10px;

margin-bottom:10px;

}



.floatright {float: right; padding:0px 0px 20px 10px; margin: 0; }

.reviews {height:250px; width:250px;}



a:link {

	color: #F35724;

	}

a:visited {

	color: #F35724;

	}

a:hover {

	color: #F35724;

	background-color: #333333;

	}

a:active {

	color: #F35724;

	}

    /* yuck, I hate how previous designer left only one form type. js 20081021 */

table.joe td {
    white-space:nowrap;
}