body {
	padding: 0;
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;

	text-align: center;

	background-repeat: repeat-x;
	background-position: 0 0;
}

/*
	Main website width is 771px
	126px logo plus 3 215px columns
*/

#container {
	width: 771px;
	margin: 0 auto;
	text-align: left;
}

	#header {
		height: 126px;

		/*overflow: hidden;
		float: left;*/
	}

		#header h1 {
			margin: 0;
			padding: 0;

			width: 126px;
			height: 126px;

			background-color: #fff;
			background-image: url("images/logo.jpg");
			background-repeat: no-repeat;
			background-position: 0 0;
			float: left;
		}

			#header h1 a {
				text-indent: -10000px;
				display: block;
				height: 100%;
			}


	#header ul {
		list-style-type: none;

		margin: 0;
		padding: 0;

		width: 215px;
		height: 126px;

		float: left;

		font-size: 80%;
	}

		#header ul li {
			line-height: 42px;
		}

			#header ul li a {
				display: block;
				padding-left: 20px;
				text-decoration: none;
				color: #fff;
				_height: 1%;
			}

	#intro {
		background-color: #ccc;
		margin: 0 0 0 126px;
		padding-top: 0;
		padding-bottom: 0;
	}

		#intro ul {
			font-size: 70%;
			list-style-type: none;
			margin: 0 10px 0 20px;
			padding: 0;
			padding-top: 10px;
			line-height: normal;
		}

			#intro ul li {
				display: inline;
				color: #ccc;
				line-height: 1em;
				position: relative;
			}

				#intro ul li a {
					color: #fff;
					text-decoration: none;
				}

					#intro ul li img {
						border: none;
						vertical-align: baseline;
					}

					#intro ul li a:hover {
						text-decoration: underline;
					}

				#intro ul li ul {
					display: none;
				}

				/*#intro ul li:hover ul {
					display: block;
					position: absolute;
					top: 10;
					left: 0;
					font-size: 100%;
					margin: 0;
					padding: 0;
					background-color: #eee;
					border: 1px solid #ccc;
				}

					#intro ul li:hover ul li {
						float: none;
						display: block;
						padding: 5px 10px;
						color: #000;
					}*/

		#intro h2 {
			margin: 15px 0 0 0;
			padding-left: 20px;

			border-left: 0px solid #fff;

			font-size: 180%;
			font-weight: normal;

			color: #fff;

            line-height: 1.5em;
        }

		#intro p {
			margin: 0 20px 0 20px;
			padding: 10px 0 20px 0;

			font-size: 100%;
			font-weight: normal;

			color: #fff;
		}


	#subnav {
		padding: 20px 0 0 0;
		width: 123px;
		float: left;
	}

		#subnav h2 {
			margin: 0 0 0.75em 0;
			padding: 0 10px 0.75em 10px;
			font-size: 110%;
			border-bottom: 1px dashed #666;
			color: #666;
			font-weight: normal;
		}

			#subnav h2 a {
				color: #666;
				text-decoration: none;
			}

				#subnav h2 a:hover {
					text-decoration: underline;
				}

		#subnav ul {
			margin: 0 0 2em 0;
			padding: 0;
			list-style-type: none;
			list-style-position: outside;
			font-size: 100%;
		}

			#subnav ul li {
				color: #ccc;
				line-height: 1em;
			}

				#subnav ul li a {
					color: #900;
					text-decoration: none;
					font-size: 80%;
					display: block;
					padding: 5px 10px;
					_height: 1%;
				}

					#subnav ul li.here a {
						background-color: #ffc;
					}

					#subnav ul li a:hover {
						text-decoration: underline;
					}

					#subnav ul li a span {
						color: #999;
						font-size: 90%;
					}

	img.intro {
		margin-left: 3px;
		_margin-left: 0;
		width: 645px;
	}

	#content {
		margin-left: 126px;
		padding: 20px;
	}

		#content .right {
			float: right;
			margin: 0 0 10px 10px;
		}

		#content .left {
			float: left;
			margin: 0 10px 10px 0;
		}

		#content h3 {
			margin: 0 0 0.8em 0;
			font-size: 130%;
			font-weight: normal;
		}

		#content h4 {
			margin-bottom: 0;
			padding-bottom: 0;
		}

		#content p {
			margin: 0 0 1em 0;
			font-size: 90%;
			line-height: 1.5em;
		}

		#content ul, #content ol {
			font-size: 90%;
			line-height: 1.5em;
		}

			#content ul li, #content ol li {
				margin-bottom: 0.5em;
			}

		#content input.clickable {
			width: auto;
			cursor: pointer;
		}

		#content table {
			font-family: Arial, helvetica, sans-serif;
			border-collapse: collapse;
			border: none;
			padding: 0;
			margin: 0 0 2em 0;
		}

			#content table tr th, #content table tr td {
				padding: 8px;
				font-size: 90%;
				border: none;
				border-bottom: 1px solid #ccc;
				text-align: left;
			}

				#content table tr th {
					background-color: #ccc;
					font-weight: normal;
				}

	#footer {
		background-color: #fff;
		border-top: 1px dotted #ccc;
		width: 771px;
		margin: 10px auto 0 auto;
		padding: 5px;
		font-size: 100%;
	}

		#footer p {
			float: left;
			margin: 0;
			padding: 0;
			font-family: Arial, helvetica, sans-serif;
			color: #666;
			font-size: 70%;
		}

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

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

		#footer ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
			float: right;
			font-family: Arial, helvetica, sans-serif;
			font-size: 70%;
		}

			#footer ul li {
				float: left;
				margin-left: 10px;
			}

				#footer ul li a {
					color: #666;
				}

					#footer ul li a:hover {
						color: #600;
					}





/* clearing fixes for ie6 */

	.clearfix:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */