body {
	font-family: arial,	sans-serif;
	font-size: 16px;
	color: #000000;
	width: 800px;
	margin: 0 auto;
	}

input {
	font-family: arial,	sans-serif;
	font-size: 16px;
	color: #000000;
}
		
td {
   text-align:left
	}
		
h1 {
	line-height: 22px;
	background-image: url(images/h1-bknd.jpg);
	background-repeat: repeat-y;
	background-color: #333333;
	font-size: 20px;
	margin-top:	0px;
	margin-bottom: 1px;
	font-weight:lighter;
	color: #ffffff;
	padding: 6px;
}

h2 {
	font-size: 18px;
	color: #678993;
	font-weight: lighter;
	padding-top: 10px;
}

h3 {
	font-size: 16px;
	color: #678993;
	font-weight: lighter;
	padding-top: 10px;
}
		
#raystrand{	
	color: #333366;
	background:	none;
	padding-left: 160px;
	padding-bottom:	0px;
	padding-top: 0px;
	line-height: 38px;
	font-weight:lighter;
	font-size: 38px;
}
		
#specializing{ 
	color: #ffffff;
	padding-left: 160px;
	padding-bottom:	0px;
	padding-top: 0px;
	background:	none;
	line-height: 24px;
	font-weight:lighter;
	font-size: 24px;
}
		
.header{
	background-image: url(images/header-livewell.jpg);
	width: 100%;
	height:	225px;}
	
.index-box{
	background-image: url(images/index-box-bknd.jpg);
	width: 100%; /* 570/800 = 71% */
	height:	610px;
	background-repeat: no-repeat;
}
	
	.index-text-box{
	width: 55%; /* 330/570 = 41% */
	padding-top: 60px;
	margin-left: 20px;
	margin-bottom: 19px;
	height: 270px;
	font-family: arial,	sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight:bold;
	text-align: justify;
	padding-bottom: 0px;
	}

	.index-text-box2{
	width: 100%; /* 570/800 = 71% */
	height: 193px;
	margin-bottom: 19px;
	padding: 0;
	}

.product-title {
	font-size: 18px;
	color: #678993;
	font-weight: lighter;
}

.product-description	{
	font-family: arial,	sans-serif;
	font-size: 16px;
	color: #000000;	
}
	#green{
	background-image: url(images/h1-green.jpg);
	background-repeat: repeat-y;
	text-align:center;
	}
	
	#red{
	background-image: url(images/h1-red.jpg);
	background-repeat: repeat-y;
	text-align:center;
	}
	
table.content {
	width: 90%;
	margin:	20px;
	border:	solid thin black;
	padding-bottom:	20px;
}


.content td,th {
	margin:	0px;
	padding: 1px;
	border:	none;
	vertical-align:	top;
}

.content th	{
	text-align:	left;
	padding-top: 10px;
}

.content td	{
	padding-left: 20px;
}

	
	.login-box{
	background-color:#FFFFFF;
	background-image: url(images/login-box-bknd2.jpg);
	background-position:bottom;
	font-size: 14px;
	background-repeat: no-repeat;
	height:	380px;
	padding: 15px;
	padding-top: 5px;
	}
		
		
	.formbutton{
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color:#006633;
	font-weight:bold;
	padding: 1px 2px;
	margin-top:	10px;
	background:url(images/formbg.gif) repeat-x left	top;
	}
		
	a:link {color: #003399;	text-decoration: none;}
	a:visited {color: #003399; text-decoration:	none;}
	a:hover	{color:	#003399; text-decoration: underline;}
	a:active {color: #003399; text-decoration: none;}
	
.top-navbox{
	font-size: 18px;
	line-height: 18px;
	padding-right:15px;
	margin-bottom: 10px;
	margin-top:	10px;
	float:right;
	color:#FFFFFF;
	}
	a.top-nav:link {color: #ffffff;	text-decoration: none; margin-left:	20px;}
	a.top-nav:visited {color: #ffffff; text-decoration:	none; margin-left: 20px;}
	a.top-nav:hover	{color:	#FFFF66; text-decoration: none;	margin-left: 20px;}
	a.top-nav:active {color: #ffffff; text-decoration: none; margin-left: 20px;}

#language{
	background-color: #678993;
	float:right;
	color:inherit;
	padding:0px;
	padding-bottom:5px;
	text-align:right;
	width:100%;
	vertical-align:	middle;
	}
	
#language a	img	{
	border:	none;
	padding: 5px;
}

	
.inside-navbox{
	background-color: #ffffff; /* grayish-blue color on	top	navbar */
	line-height: 18px;
	float:right;
	width: 98%; /* 780px/800px = 98% */
	text-align:	right;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom:	5px;
	padding-left: 0px;
	}
	a.inside-nav:link {text-decoration:	none; margin-left: 20px;}
	a.inside-nav:visited {text-decoration: none; margin-left: 20px;}
	a.inside-nav:hover {text-decoration: underline;	margin-left: 20px;}
	a.inside-nav:active	{text-decoration: none;	margin-left: 20px;}

.footnote{
	font-size: 10px;
	}
	
	a.footer:link {color: #cccc99; text-decoration:	none;}
	a.footer:visited {color: #cccc99; text-decoration: none;}
	a.footer:hover {color: #cccc99;	text-decoration: underline;}
	a.footer:active	{color:	#cccc99; text-decoration: none;}

.contact-info{
	font-size: 12px;
	padding:3px;
	text-align:	center;
	color:#ffffff;
	background-color: #669966;
	width: 100%;
	}
	
	a.contact-info:link {color: #ffffff; text-decoration:	underline;}
	a.contact-info:visited {color: #ffffff; text-decoration: underline;}
	a.contact-info:hover {color: #ffffff;	text-decoration: underline;}
	a.contact-info:active	{color:	#ffffff; text-decoration: underline;}

.form-instructions {
	font-size: smaller;
}
	
.form-instructions th {
	color: #ff0000;
	font-weight: normal;
	background-color: inherit;
}

.red {
	color: #ff0000;
	background-color: inherit;
}

p.large-first-letter:first-letter {
		font-size:x-large;
	}

sup	{
	font-size: 70%;
	vertical-align:	text-top;
}

a.spec-rec-link:link {font-family: arial, sans-serif; font-size: 20px;}
a.spec-rec-link:visited	{font-family: arial, sans-serif; font-size:	20px;}
a.spec-rec-link:hover {font-family:	arial, sans-serif; font-size: 20px;}
a.spec-rec-link:active {font-family: arial,	sans-serif;	font-size: 20px;}
.toc-right {
	color: #000000;
	background-color: #C9EECF;
	float: right;
	width: 31%; /* 250/800 = 31% */
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
}

.toc-right ul {
	margin: 0px;
	list-style-type: none;
	padding: 10px;
}
.toc-right li {
	padding: 2px 0px;
}

a.red:link, a.red:visited, a.red:hover, a.red:active {
	color: #CE4C64;
	background-color: inherit;
}

a.red:link, a.red:visited {
	text-decoration: none;
}

a.red:hover, a.red:active {
	text-decoration: underline;
}

.banner {
	width: 100%; /* 570/800 = 71% */
	height: 50px;
	padding: 0;
}
p.formal:first-letter {
	font-size: x-large;
}
p.formal, p.homepage {
	text-indent: 20px;
	margin: 0;
}