@charset "iso-8859-1";

/* begin with generic selectors so that they can be overridden if needed
 * by classes deeper in the stylesheet
 */
.clear
{
	clear: both;
	padding-bottom: 1px;	/* for Gecko-based browsers */
	margin-bottom: -1px;	/* for Gecko-based browsers */
}
.hide {display: none !important;}
html, body {
font-family:Arial,Helvetica,sans-serif;
margin:0px;
}
.inside
{
	/* glitch in IE caused by vertical padding in this class, so 0 padding is
	 * set here and those blocks that need the vertical padding must be
	 * applied to the parent element. the purpose of this class is to provide
	 * horizontal padding without using hacks to get around IE's broken box
	 * model. so it's okay to apply vertical padding to the parent element,
	 * just not horizontal padding.
	 */
	padding: 0 1em;
}

/* margin values and font sizes for headings, and margins on paragraphs
 * and lists are not consistent across browser platforms. to achieve a
 * consistent look we need to explicity set these values here. it may
 * seem an odd way to declare the margins like this but you never
 * know what kind of horizontal padding a browser may be using on an
 * element, and I only want to change the vertical padding.
 *
 * pixels are used here, rather than ems, because I want a consistent
 * margin on the different headings. if I use ems, 1em for an h1 element
 * is much larger than 1em on an h6 element. I don't wnat this.
 *
 * salt to taste
 */
ul, ol, dl, p, h1, h2, h3, h4, h5, h6
{
	margin-top: 12px;
	margin-bottom: 12px;
	padding-top: 0;
	padding-bottom: 0;
}

ul ol li
{
	text-align:left;
	padding-left: 10px;
}

h1 {color: #000071;font-size: 180%;text-align: center;font-weight: bold;}
h2 {font-size: 160%;}
h3 {font-size: 140%;font-style: oblique;}
h4 {font-size: 130%;text-align:left;}
h5 {font-size: 100%;font-style: oblique;text-align:left;}
h6 {font-size: 70%; font-style: oblique;text-align:left; padding-left:10px;}

div#links {
	width: 215px; 
	height: 30px; 
	font: 14px Arial,Helvetica,sans-serif; 
	z-index: 1;
	}
div#links a {
	display: block; 
	/*text-align: center; */
	font: bold 1em sans-serif; 
   	padding: 5px 5px; 
	margin: 0 0 1px; 
	border-width: 0; 
   	text-decoration: none; 
	color: #000000; 
	background: #D6CCFF;
	   }
div#links a:hover {
	color: #000000; 
	background: #9966cc;
   	border:none;
   	}
   	


a, a:link, a:visited, a:active
{	text-decoration: underline;}
a:hover
{	text-decoration: none;}
code
{	font-family: "Courier New", Courier, monospace;}
label
{	cursor: pointer;}
table
{	font-size: 100%;}
td, th
{	vertical-align: top;}

/* now we craft the core layout of the page. this includes positioning and
 * gutter space. colors and fonts should not come into play at this point.
 * when defining a border, default its color to white which is probably
 * the safest thing to do.
 */
body
{
	margin: 25px 4%;	/* margin instead of padding for the gutterspace around
	 			   the layout because IE breaks the layout when
	 			   horizontal padding is applied to the body element.
	 			   % over pixels for that horizontal gutterspace so that
	 			   it automatically goes below 20px on low-res browsers
	 			   to create more space for the content. */
	font-size: 100.1%;	/* resolve some font size issues in some layouts for
				   some browsers. (in other words, i got no clue.) */
}

#footer
{
	border: solid 1px #fff;
	background-color: #9966cc;
	border-width: 1px 0;
	padding: 0.5em;
	text-align: center;
	font-size: 80%;
}

/*  Yellow cut-out testimonial on main page..*/
.testimonyMain {
	width: 540px;
	height: 356px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10pt;
	text-align: justify;
	color:#000000;
	background-image: url(/_img/testimonial.gif);
	background-repeat: no-repeat;
	padding: 10px;
	/*text-indent: 20px;*/
	background-color: #FFFFFF;
}
/*  Yellow cut-out testimonial on main page..*/
.testimonyLarge {
	width: 540px;
	height: 566px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9pt;
	text-align: justify;
	color:#000000;
	background-image: url(/_img/testimonial_large.gif);
	background-repeat: no-repeat;
	padding: 10px;
	/*text-indent: 20px;*/
	background-color: #FFFFFF;
}
p
{
	text-align: justify;
}
p.fontsize-set
{
	text-align: justify;
}
p.fontsize-set img
{
	border-width: 0;
}

* html
{
	width: 1%; /* IE/Mac needs this */
	display: inline-block;	/* IE/Mac needs this */
	/* \*/
		width: auto;
		display: inline;
		position: relative;
	/* reset above hack */
}
/* everything below this point is related to the page's "theme" and could be
 * placed in a separate stylesheet to allow for multiple color/font scemes on
 * the layout. you should probably leave a default theme within this stylesheet
 * just to be on the safe side.
 */
#innerColumnContainer, #footer, .vnav ul, .vnav ul li, .hnav, .hnav ul li a
{
	border-color: #565;
}
html, body
{
	/* note that both html and body elements are in the selector.
	 * this is because we have margins applied to the body element
	 * and the HTML's background property will show through if
	 * it is ever set. _DO_NOT_ apply a font-size value to the
	 * html or body elements, set it in #pageWrapper.
	 */
	background-color: #8EB1D7;
	background-image: url("/_img/wave-bckgd.gif");
	color: #000;	font-family:Sans-Serif,Arial, SunSans-Regular;	font-size: 95%;
}
#outerColumnContainer
{
	border-left-color: #ded;	/* left column background color */
	border-right-color: #cdc;	/* right column background color */
	background-color: #fff;		/* set the background color for the middle column here */
}

.redEmphasis {font-weight:bold;	color:#660000;}
.greenEmphasis {font-weight:bold;	color:#1A5511;}
.hilite {background-color:#FFFF33;}

.smallText {font: 10px Arial, Helvetica, sans-serif;color: #666666;	text-align: right;	line-height: 22px;	padding: 0px 0px;}
.sellText {font: 130% Arial, Helvetica, sans-serif;	color: #666666;	text-align: justify;	line-height: 22px;	padding: 0px 0px;}
.review {border: solid 1px #000000;border-width:1px;background-color: #F9F3D2;padding: 4px;}
.quot {position: relative;z-index: 3;padding: 5px;font-style: oblique;}
.quote {font: 120% Arial, Helvetica, sans-serif;color: #759DA1;	line-height:30px;}

.guarantee {border: solid 3px #000080;border-width: 3px;border-style: ridge;padding: 5px;}
.imageText {font: 70% Arial, Helvetica, sans-serif;padding: 0px;text-align: center;}

.quotes	{
	font-size:11px; font-weight:bold;
	color:#000000;text-		align:right;
	}
	
.notebox2 {
	font-size: 12pt;
	color:#000000;
	background-image: none;
	padding: 10px;
	background-color: #FFFFFF;
	border: 3px solid #666666;
}
.notebox2 ul {list-style-type:none;}
.reviewRight
{
	font-size: 12px;
	background-image: none;

}
	/******************************************************************************/