body {
	margin: auto; padding: 0; background-image: url(/images/h20.gif); width: 750px; color: #fff;
	font-size: 10pt; font-family: helvetica, sans-serif, arial; font-weight: normal;
	text-align: left;
}

#wrap {
	background-color: #fff; color: #006;
	width: 100%;
	margin: 0 auto; 
	text-align: left; 
}

#header {
	text-align: right; padding: 0; margin: 0;
	border-bottom: 2px solid #c00;
	background-color: #fff; color: #006;
}
#header .bluebg {
	width: 468px;  
	padding: 0px 40px 0px 0px; margin: 0;
	text-align: right; 
	background-color: #006; color: #fff;
}
#header .logo {
	height: 120px; width: 220px; float: right;
	padding: 0; margin: 0;
	text-align: right; vertical-align: top;
	background-color: #fff; color: #006;
}
#header .cc {
	clear: both;
	padding: 0px 80px 0px 0px; margin: 0;
	text-align: right; 
	background-color: #006; color: #fff;
}
#header img {
	padding: 0; margin: 0; border: 0;
}

#sitenav {
	width: 180px; margin: 2px 0px 2px 550px;
	background-color: #fff; color: #006;
	border-top: 2px solid #fff; border-bottom: 0px;
	font-size: 10pt; font-family: helvetica, sans-serif, arial; font-weight: bold;
}

#wrap > #sitenav {
	width: 190px;
}

#sitenav a {
	display: block; padding: 4px 8px; margin: 0;
	text-decoration: none; text-align: left;
	border-top: 1px solid; 
	border-right: 2px solid; 
	border-left: 2px solid; 
	border-color: #fff;
	background-color: #33c; color: #fff;
}

#sitenav a:hover {
	background-color: #006;
	background-image: url(/images/water_drops.gif);
	background-repeat: no-repeat;
	background-position: right;
}

#sitenav a#current {
	background-color: #006;
	border-right: 4px #c00 solid;
}

#sitenav a.submenucurrent {
	background-color: #fff; color: #33c;
	border-bottom: 1px #c00 dotted;
	padding-bottom: 1px;
}
#sitenav a.submenu {
	background-color: #fff; color: #33c;
}

#feature {
	width: 190px; margin: 2px 0px 2px 550px;
	background-color: #fff; color: #006;
	border-top: 2px solid #fff; border-bottom: 0px;
	font-size: 10pt; font-family: helvetica, sans-serif, arial; font-weight: normal;
}

#wrap > #feature {
	width: 190px;
}

#main {
	float:left; width: 540px; margin: 0px; padding: 6px;
	font-size: 10pt; font-family: helvetica, sans-serif, arial;
	text-align: left; background-color: #fff; color: #006;
}
#main a {
	color: #33c;
}

#main p {
	text-align: justify;
}

#main p:first-letter {
	color: #33c; font-size: 14pt; font-weight: bold; 
}

#main .showcat {
	font-size: 10pt; font-family: helvetica, sans-serif, arial;
	color: #006; text-align: justify; clear: both;
}

#main .caturl {
	color: #006; font-size: 10pt; background-color: #006;
	padding: 4px 12px 4px 12px; margin: 0px 0px 0px 180px; 
	border-right: 4px solid #c00; text-align: center; 
}

#main .caturl a {
	color: #fff;  
	text-decoration: none; font-weight: bold;
}

#main .caturl a:hover {
	color: #ccc; 
}

#main .showprod {
	font-size: 10pt; font-family: helvetica, sans-serif, arial;
	color: #006; text-align: center;
}

#main .produrl {
	color: #006; font-size: 10pt; background-color: #006;
	padding: 4px 12px 4px 12px; margin: 0px 0px 0px 50px; 
	border-right: 4px solid #c00; text-align: center; 
}

#main .produrl a {
	color: #fff;  
	text-decoration: none; font-weight: bold;
}

#main .produrl a:hover {
	color: #ccc; 
}

#main .bluebox {
	background-color: #eee; border: 2px solid #006;
}

#main .bluebox p:first-letter {
	color: #006; font-size: 10pt; font-weight: normal; 
	padding-left: 12px;
}

#main input {
	margin-left: 1em;
}

#footer { 
	clear:both;  
	text-align: center; font-size: 8pt; 
	padding: 0; margin: 0; 
	border: 2px solid #fff;
	background-color: #fff;
}
#footer p {
	padding: 4px; margin: 2px;
	border-top: 1px solid #c00; 
	color: #999; background-color: #fff;	
	background-image: url(/images/blue_curves.jpg);
	background-repeat: no-repeat;
	background-position: top left; 
}
#footer a {
	color: #33c; 
	text-decoration: none;
}
#footer a:hover {
	color: #006; 
}
#footer .redwaves {
	color: #999;
}
#footer .redwaves a {
	color: #999;
	text-decoration: none;
}
#footer .redwaves a:hover {
	color: #c00;
}

#footer img {
	border: none;
}

.bold {
	color: #33c; font-weight: bold;
}

.center {
	text-align: center; vertical-align: middle;
	padding: 5px 10px 5px 30px;
}

h1 {
	font-size: 14pt; color: #c00; font-weight: normal;
	text-align: center;
}

h2 {
	font-size: 12pt; color: #33c; font-weight: bold;
	text-align: left;
}

h3 {
	font-size: 10pt; color: #006; font-weight: bold;
	text-align: left;
	border-left: 10px #c00 solid;
	padding: 0px 0px 0px 10px;
}

a {
	color: #33c;
}

li {
	padding: 2px 2px 2px 6px;
}

img {
	padding: 4px; margin: 5px;
	border: 1px #ccc solid;
}

.product {
	width: 190px; margin: 2px;
	background-color: #fff; color: #006;
	font-size: 10pt; font-weight: normal;
}

.productBoxMain {
 	background: url(/images/curve_top.gif) top right no-repeat;
 	padding-top: 8px;
}
	
.productBoxMainInner {
 	background: url(/images/curve_bottom.gif) bottom right no-repeat;
 	padding-bottom: 8px;
 }
 	
.productBoxMainBody {
 	padding: 7px 14px 14px 7px;
 	border-left: 2px solid #006;
 	border-right: 3px solid #006;
 }

.productWhiteText {
	font-size: 10pt; color: #fff; font-weight: bold;
}

.leftcolumn {
	float: left; width: 250px; padding: 5px 0px 20px 5px;  margin: 0px;
	text-align: right; background-color: #fff; 
}
.rightcolumn {
	width: 250px; margin-left: 270px;  padding: 5px 0px 20px 5px;
	text-align: right; background-color: #fff;
}
html>body .rightcolumn {
	width: 240px;
}

.bl {
	background: url(/images/bl.gif) 0 100% no-repeat #006; width: 100%; text-align: center;
}
.br {
	background: url(/images/br.gif) 100% 100% no-repeat;
}
.tl {
	background: url(/images/tl.gif) 0 0 no-repeat;
}
.tr {
	background: url(/images/tr.gif) 100% 0 no-repeat; padding:6px;
}
.blw {
	background: url(/images/blw.gif) 0 100% no-repeat #fff; width: 100%; text-align: justify;
}
.brw {
	background: url(/images/brw.gif) 100% 100% no-repeat;
}
.tlw {
	background: url(/images/tlw.gif) 0 0 no-repeat;
}
.trw {
	background: url(/images/trw.gif) 100% 0 no-repeat; padding:6px;
}
.clear {
	font-size: 1px; height: 1px
}

.imgleft {
	float:left;
	padding: 4px; margin: 10px;
	border: 1px #ccc solid;
}

.imgright {
	float:right;
	padding: 4px; margin: 10px;
	border: 1px #ccc solid;
}

.imgrightmain {
	float: right;
	padding: 4px; margin: 2px;
	border: 0;
}

.imgrightcc {
	float:right;
	padding: 2px; margin: 1px;
	border: 0;
}

.imgcenter {
	float:left;
	padding: 2px; margin: 2px 80px 2px 240px;
	border: 0;
}

.ccsc {
	background-color: #ccf; border: 1px #39f solid;
	font-size: 8pt; padding: 2px;
}

.clearimg {
	clear: both;
}

.listabc {
	list-style-type: lower-alpha;
}

.bluebox {
	background-color: #eee; border: 2px solid #006;
	padding: 6px;
}

.leblue {
	color: #33c; font-size: 12pt; font-style: italic; 
	font-family: sanvito;
}
.boldred {
	color: #c00;
}