* {
	margin: 0px;
	padding: 0px;
}
h1 {
	font-family: helvetica;
	font-size: 100%;
	padding-top: 30px;
	padding-left: 30px;
}
h3 {
	color: #0797D6;
	font-family: Helvetica, sans-serif;
	font-size: .8em;
	display: inline;
}
h4 {
	color: #003366;
	font-family: Helvetica, sans-serif;
	font-size: .7em;
}
h5 {
	color: #003366;
	font-family: Helvetica, sans-serif;
}
i {
	font-size: 80%;
}
p {
	font-size: .8em;
	color: #545454;
	font-family: Helvetica, sans-serif;
}
	p a {
		font-size: 1em;
	}
div#header {
	height: 104px;
	background: url(images/babywater.bmp) no-repeat right #8CC63E;
	font-family: helvetica;
	font-weight: bold;
	font-size: 200%;
	color: white;
}

.clear { clear: both;}

div#wrap {
	width: 800px;
	margin: 0 auto;
}
	div#wrap ul#logo {
		height: 55px; width: 174px;
		padding-left: 25px;
		padding-bottom: 25px;
		padding-top: 20px;
	}
div#main-content {
	padding-top: 0px;
}
		#nav {
			height: 30px;
			background: repeat-x top #0797D6;	
			padding: 10px 0 0 10px;
			width: 790px;
			text-decoration: none;
		}
		#cssdropdown, #cssdropdown ul {
		padding: 0;
		margin: 0;
		list-style: none;
		}
		#cssdropdown li {
		float: left;
		position: relative;
		color: white;
		}
		.mainitems a{
		margin-left: 6px;
		margin-right: 8px;
		text-decoration: none;
		color: white;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: .7em;
		}
		.mainitems a:hover{
		color: black;
		text-decoration: none;
		}
		.subuls{
		display: none;
		width: 10em;
		position: absolute;
		top: 1.2em;
		left: 0;
		background-color: #BBCDD5;
		}
		.subuls li{
		width: 100%;
		}
		.subuls li a{
		text-decoration: none;
		color: black;
		}
		.subuls li a:hover{
		background-color: #89BED5;
		text-decoration: none;
		color: white;
		}
		/* #cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left 
		top: auto;
		left: auto;
		} */
		#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
		display: block;
		}
		#restofcontent { /*wrap rest of content of the page inside this div*/
		clear: left;
		}
div#left-col {
	float: left;
	width: 600px;
	border-right: 1px solid #939393;
	padding-right: 25px;
	color: #454545;
	font-size: 1em;
}
a{
	color: #8CC63F;
	font-family: Helvetica, sans-serif;
	font-size: .8em;
	text-decoration: none;
	font-weight: bold;
}
a:hover{
	text-decoration: underline;
	color: #0797D6;
}
	ul#g1 {
		padding: 15px 0 25px 75px;
	}
	ul#g2 {
		padding: 25px 0 25px 75px;
	}
	ul#f1 {
		padding: 25px 0 25px 50px;
		width: 500px;
	}
	ul#f2a {
		padding: 25px 0 5px 120px;
		width: 300px;
	}
		ul#f2a li{
			display: inline;
			list-style: none;
			padding: 0 0 0 85px;
		}
	ul#f2b {
		padding: 25px 0 25px 120px;
		width: 300px;
	}
		ul#f2b li{
			display: inline;
			list-style: none;
			padding: 0 0 0 40px;
		}
	ul#f3 {
		padding: 25px 0 5px 120px;
		width: 500px;
	}
	ul#f4 {
		padding: 25px 0 5px 120px;
		width: 500px;
	}
ol#order {
	padding-left: 75px;
	width: 450px;
	line-height: 2em;
}
.coll {
	vertical-align: top;
	padding: 2px;
}
#testing {
	margin: 0 0 0 15px;
	border-collapse: collapse;
}
ul.development {
	padding: 0 0 0 40px;
	list-style-type: circle;
}
	div#note {
		padding-left: 60px;
	}
	div#videos {
		padding: 25px 0 25px 25px;
	}
div#contact-left {
	float: left;
}
div#contact-right {
	float: right;
}
div#right-col {
	float: right;
	width: 150px;
	font-family: helvetica;
	font-size: 90%;
}
div#foot {
	width: 800px;
	margin: 0 auto;
}
ul#footer {
	background: repeat-x top #BBCED5;
	height: 50px;
	padding-left: 10px;
}
	ul#footer li {
		float: left;
		position: relative;	
		padding: 15px 0 0 4px;
		list-style: none;
		color: #0797D6;
	}
	ul#footer a{
		text-decoration: none;
		color: #0797D6;
		font-size: 1em;
	}
	ul#footer a:hover{
		text-decoration: underline;
		color: #0797D6;
	}