/* Copyright 2008 Crystalline Water / Elbel Consulting Services LLC. 
   All rights reserved. */

HTML { margin: 0; padding: 0; }

body {  /* coordinate with following fix */
	margin: 0; 	padding: 0; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	color: #3D0D85; /* #2b2b9e; */
	background: url(../images/bg_water_drops_4.jpg) repeat;
}

	
/* NS4 & IE3 hack: tables truncate style application; match Body above */
p, address, blockquote, body, div, dl, ol, pre, span, ul, li {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	color: #3D0D85; /* #2b2b9e; */
}

a:link   { color: #0021B3; }
a:hover  { color: #0532fb; }  
a:active { color: #0021B3; }
a:visited { color: #0021B3; }  




/* Headings */

h1, h2, h3, h4, h5, h6 { 
	margin: 0; 
	color: #23A6B8; /* #5396EC; #B33BAD;  #0F6118; #2B4A91; */
	text-align: left; }
h1      { font-size: 18px; font-weight: 800; padding: 0px 10px 20px 0px; }
h2      { font-size: 16px; font-weight: 700; padding: 14px 10px 6px 0px; }
h3, h4  { font-size: 14px; font-weight: 600; padding: 14px 10px 6px 0px; }
h5, h6  { font-size: 13px; font-weight: 600; font-style: italic;  padding: 14px 10px 6px 0px; }

h1#homePageTitle {
	font-size:22px;
}


p  { 	font-size: 13px; }

div#pageWrapper { 
	margin: 40px 0px 6px 0px;
}
 


/* Navigation */

div#nav {
	margin: 0px 0px 0px 170px; 
	padding: 6px 4px 4px 4px;
	width: 440px;
	border: 1px solid #5E6B99; /* #86995E; #999999; */
}
div.navLine {
	margin: 8px 0px 8px 0px;
	text-align: center;
}
.navItem	{
	margin:  3px 10px 3px 10px;
	font-size: 13px;
	font-weight: 600;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.navItem a		 {
	padding: 2px 4px 2px 4px;
}
.navItem a:link    { 
	color: #29C2D6; /* #E69100 #52844E;  #0021B3; */
	text-decoration: none; 
}
.navItem a:visited {	
	color: #29C2D6; 
	text-decoration: none; 
}
.navItem a:hover   {	
	color: #E69100; /* #29C2D6 #1AA82A; #0532fb; */ 
	text-decoration: none; 
}
.navItem a:active  { 
	color: #29C2D6; 
	text-decoration: none; 
}




/* Home page */

div#homePageWebsiteBy {
	margin: 50px 0px 2px 0px;
	font-size: 10px;
	font-weight: 400;
	font-style: italic;
	color: #bbbbcc; 
	text-align: center;
}
div#homePageWebsiteBy a 		{ color: #bbbbcc; text-decoration: none; }
div#homePageWebsiteBy a:hover { color: #8888ee; text-decoration: underline; }



td.leftMargin {
	margin:  0;
	padding: 0;
	background: url(../images/left_margin.gif) repeat-y;
}
td.rightMargin {
	margin:  0;
	padding: 0;
	background: url(../images/right_margin.gif) repeat-y;
}
td#bottomPad {
	margin:  0;
	padding: 0;
	height: 40px;
}
td#bottomMargin {
	margin:  0;
	padding: 0;
	height: 10px;
	background: url(../images/bottom_margin.jpg) repeat-y;
}


/* Main Content */

div#mainContent {
	margin: 20px 90px 2px 90px;
	padding: 30px 30px 6px 30px;
	font-size: 13px;
	background-color: #ffffff;
}
table#homePageBulletArea {
	margin: 20px 0px 0px 0px;
}


img#homePageCoolerPic {
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 50px;
	float: right;
}

div#waterIsLifePulloutBox {
	width: 206px; height: 320px;
	margin: 20px 30px 0px 0px;
	/* border: 1px solid #6666dd; */
	float: left;
	background: url(../images/water_is_life_bg.jpg); 
	background-repeat: no-repeat;
}
div#waterIsLifePulloutBox div.title {
	margin: 20px 20px 4px 28px;
	padding: 0;
	font-size: 20px;
	font-weight:600;
	color: #2B6F00; /* #3D9E00; */
}
div#waterIsLifePulloutBox div.text {
	margin: 14px 20px 4px 28px;
	font-size: 13px;
	color: #1B0045;
}


div#homePageFeatures p {
	margin: 0px 0px 4px 2px;
	font-size: 16px;
	font-family:  "Lucida Calligraphy", "Tempus Sans ITC", cursive, Verdana, Geneva, serif;	
}
div#homePageFeatures ul  {
	margin: 0px 8px 0px 8px; 
	padding: 0;
}
div#homePageFeatures ul li {
	margin: 0px 0px 0px 10px;; 
	padding: 4px 0px 4px 0px;
	font-family:  "Lucida Calligraphy", "Tempus Sans ITC", cursive, Verdana, Geneva, serif;	
	text-align: left;
	font-size: 16px;
}

img.floatLeftImage {
	float: left;
	margin: 0px 20px 10px 0px;
}
img.floatrightImage {
	float: right;
	margin: 0px 0px 10px 20px;
}

div#goGreenHeader {
	margin: 0px 0px 8px 0px;
}

.large { font-size: 14px; }
.larger { font-size: 16px; }
.largest { font-size: 18px; }
.small { font-size: 10px; }
.smaller { font-size: 9px; }
.smallest { font-size: 8px; }
span.trademark {
	font-size: 8px;
	vertical-align: super;
}
span.registered {
	font-size: 8px;
	vertical-align: super;
}

div.systemsTable table {
	margin: 40px 0px 60px 0px;
}
div.systemsTable tr td {
	padding: 40px 0px 40px 0px;
	font-size: 13px;
}



div.bottleBansTables h2 {
	text-align: center;
}
div.bottleBansTables table {
	margin: 10px 0px 60px 0px;
	padding: 0;
}
div.bottleBansTables table tr td {
	padding: 4px 6px 4px 6px;
	font-size: 13px;
}
div.bottleBansTables table tr td.heading {
	background-color: #D9E6A8;
	font-weight: 700;
}

table.form {
	background: #FEF7E9; 
	border: 1px solid #dddddd;
}
td.formField {
	font-size: 10px;
}
div.formSubmit {
	margin-top: 20px;
	margin-bottom: 20px;  	
	font-size: 10px;
	text-align: center;
}
input:focus {
	background-color: #FFFFE3;
}



ol li {  /* li implementation is problematic with older browsers */
	margin: 8px 40px 8px 20px;
	font-size: 13px;
	list-style-position: outside;
	/* display: block; causes ns7 to drop enumeration */
	list-style-type: decimal;
}
ul li {  
	margin: 8px 40px 8px 20px;
	font-size: 13px;
	list-style-position: outside;
	/* display: block; causes ns7 to drop enumeration */
	list-style-type: square;
	list-style-image: url(ecs_raindrop_li.gif);
}
ul li.even {
	color: #4300A8;
}
ul li.odd {
	color: #130030;
}
div.references {
	border-top: 1px solid #aabbaa;
	margin: 40px 0px 0px 0px;
	padding: 40px 0px 0px 0px;
}
div.references strong {
	font-weight: 300;
}

div#bottomLinks {
 	margin: 45px 68px 20px 68px;
	padding: 15px 0px 0px 0px;
	border-top: 1px solid #888888;
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
div#bottomLinks hr {
	margin: 10px 68px 20px 68px;
}