BODY {color:black; font-family: Arial, Helvetica, sans-serif; font-size:8px}
table.tblmain{border: solid thin ltgray; font-family: Arial, Helvetica, sans-serif; font-size:12px}
h1 {font-size:18px}
td {color:black}
div.tagline{color: white; font-family: arial, aelvetica, sans-serif; font-size:12px; font-weight: bold}
a.menulinks{font-family: times-roman, arial, helvetica, sans-serif; color:#666666; font-size: 13px; font-weight: bold; text-decoration: underline}
td.bannertwo{background-color:#E5E5E5; border-bottom: solid thin gray}
span.copyright {font-family: Arial, Helvetica, sans-serif; font-style:normal; font-size:12px; font-weight:700; text-align:center;}
td.testimonial {
	background-color: #CCFFCC;
	border: thin inset #0000FF;
}
.cursorHelp {
	cursor: help;
	filter: Glow(Color=#FFFF00, Strength=100);
}
#ScrollerTestimonials {
	background-color: #CCFFCC;
	border: 1px inset #0000FF;
	padding: 5px;
	height: 300px;
	/* width: 855px; */
	overflow: auto;
	font-size: 12px;
	text-align: left;
}
#ScrollerPolicies {
	background-color: #FFFFCC;
	padding: 5px;
	height: 65px;
	/* width: 855px; */
	overflow: auto;
	font-size: 12px;
	text-align: left;
	border: thin dashed #006600;
}

/* ----------------------------- BEG ROUNDED BOX BACKGROUND ------------------- */
/* Set the box background color to the same color as the circle in the 
   image. Set the width, float and margins as desired. */
   div#roundedbox {
      background: #dce0ff;
      float: left;
      margin: 0 0 0 1em;
      width: 855px;
   }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#roundedbox #top, div#roundedbox #bottom {
      font-size: 1px;
      height: 16px;
      line-height: 1px;
   }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#roundedbox #topleft {
	float: left;
	height: 16px;
	width: 16px;
	background-image: url(../images/corners.png);
	background-repeat: no-repeat;
	background-position: left top;
   }
   div#roundedbox #topright {
      background: url(../images/corners.png) no-repeat top right;
      float: right;
      height: 16px;
      width: 16px;
   }
   div#roundedbox #bottomleft {
      background: url(../images/corners.png) no-repeat bottom left;
      float: left;
      height: 16px;
      width: 16px;
   }
   div#roundedbox #bottomright {
      background: url(../images/corners.png) no-repeat bottom right;
      float: right;
      height: 16px;
      width: 16px;
   }
   /* Now, add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedbox #boxcontent {
      margin: -1em 1em;
   }
   /* Finally, well give paragraphs in the box a little smaller top 
   and bottom margin just to keep things tight. */
   div#roundedbox p {
      margin: .5em 0;
   }
   .asterisk {
	color: #FF0000;
	font-weight: bold;
}
/* ---------------------------- END ROUNDED BOX BACKGROUND ------------------- */