body {
	padding: 0;
	margin: 0;
	font-family: Arial, helvetica, sans-serif;
	background-color: #ddd;
	text-align: center;
	/*background-image: url(img/background_tile4.gif);*/
}

.hide {
	display: none;
}

#container {
	background-image: url(img/filler_content.gif);
	background-repeat: repeat-y;
	width: 730px;
	text-align: left;
	margin: 20px auto;
	background-color: #4FB0D0;

	min-height: 640px;
	_height: 640px;
}

	#navbar {
		float: left;
		width: 120px;
		height: 320px;
		border: none;
	}

		#navbar h1 {
			display: none;
		}

		#navbar img {
			border: none;
			border-bottom: 2px solid #fff;
			display: block;
			clear: both;
		}

		#navbar ul {
			list-style-type: none;
			margin: 10px 0 10px 0;
			padding: 0;
			width: 120px;
		}

			#navbar ul li {
				position: relative;
				width: 120px;
			}

			#navbar li ul {
				margin-top: 0;
				position: absolute;
				left: 119px;
				top: 0;
				display: none;
				background-color: #4FB0D0;
				border: 2px solid #4FB0D0;
				border-left: none;
			}

				#navbar ul li a {
					display: block;
					text-decoration: none;
					color: #fff;
					background-color: #4FB0D0;
					padding: 5px 5px 5px 10px;
					text-transform: uppercase;
					font-weight: bold;
					font-size: 70%;
				}

					#navbar ul li a:hover {
						color: #006;
					}

				#navbar ul li ul li a {
					font-size: 70%;
					background-color: #4FB0D0;
				}

				/* Fix IE. Hide from IE Mac \*/
				* html #navbar ul li { float: left; }
				* html #navbar ul li a { height: 1%; }
				/* End */

				#navbar li:hover ul, #navbar li.over ul {
					display: block;
				}



		#navbar div.newsletter p {
			font-size:70%;
			font-weight: bold;
			color:#fff;
			padding: 20px 0 0 0;
			border-top: 1px solid #fff;
			margin: 10px 10px 0 10px;
			text-transform:uppercase;
		}
			#navbar div.newsletter p a {
				text-decoration: none;
				color:#fff;
			}
			#navbar div.newsletter p a:hover {
				color:#006;
			}
				#navbar div.newsletter p a img {
					margin: 0px 0px -5px 0px;
					display:block;
					border: 1px solid #fff;
				}
					#navbar div.newsletter p a:hover img {
						border: 1px solid #036;
}




		#navbar div.jp p {
			font-size:70%;
			font-weight: bold;
			color:#fff;
			padding: 10px 0;
			border-top: 1px solid #fff;
			margin: 10px;
			text-transform:uppercase;
		}
			#navbar div.jp p a span {
				color:#000;
			}
			#navbar div.jp p a {
				text-decoration: none;
				color:#fff;
			}
			#navbar div.jp p a:hover, #navbar div.jp p a:hover span {
				color:#006;
			}

			#navbar div.jp p a img {
				border: none;
				padding-bottom: 10px;
			}

	#content {
		background-repeat: no-repeat;
		margin: 0 0 0 120px;
		padding: 0;
		background-color: #fff;
		overflow: visible;
		min-height: 350px;
	}

	#prop {
		height: 350px;
		float: right;
		width: 1px;
	}

		#content h1 {
			margin: 0 0 0.5em 0;
			font-size: 150%;
			font-weight: normal;
			color: #0B2677;
			font-family: Impact, Arial, helvetica, sans-serif;
			text-transform: uppercase;
		}

		#content h2 {
			margin: 0 0 0.5em 0;
			font-size: 110%;
			font-weight: normal;
			color: #0B2677;
		}

		#content p, #content ul {
			color: #006699;
			font-size: 80%;
		}

		#content span {
			color: #0B2677;
		}

		#content a.homelink {
			display: block;
			width: 100%;
			margin: 0 0 8px 0;
			text-decoration: none;
			overflow: hidden;
			height: 10px;
		}

		#content div.prodbox {
			margin: 0 0px 0px 0;
			height: 220px;
			float: left;
			text-align: left;
			width: 140px;
		}

			#content div.prodbox img {
				margin: 0px;
			}

			#content div.prodbox h3 {
				border: 1px dashed #4FB0D0;
				border-left: none;
				border-right: none;
				padding: 2px 10px;
				margin: 0 0 2px 0;
				font-size: 90%;
				color: #4FB0D0;
			}

			#content div.prodbox h4 {
				margin: 0 0 0 10px;
				font-weight: normal;
				color: #000;
				font-size: 70%;
			}

			#content div.prodbox p, #content div.prodbox ul {
				margin: 0;
				color: #000;
				padding: 0;
				font-size: 70%;
			}

			#content div.prodbox ul {
				list-style-type: square;
			}


			#content form.brochure input, #content form.brochure input, #content form.brochure select, #content form.brochure textarea {
				width: 300px;
			}

				#content form.brochure input.button {
					cursor: pointer;
					width: auto;
				}

				#content form.brochure textarea {
					height: 70px;
				}



	#footer {
		clear: both;
		padding: 10px;
		color: #fff;
		text-transform: uppercase;
		font-size: 70%;
		background-color: #4FB0D0;
	}

		#footer a {
			color: #fff;
			text-decoration: none;
		}

			#footer a:hover {
				text-decoration: underline;
			}