* {
		margin:0;
		padding:0;
	}

	html, body {
		height: 100%;
	}

	body {
		background: #EEEEEE;
		color: #000;
		font: normal 85%/140% tahoma, verdana, arial, helvetica, sans-serif;
	}

	#container {
		min-height:100%;									/* squashes an IE 7 bug */
	}

	* html #container {
		height:100%;										/* IE 5.x and 6 treat height as min-height */
	}
		#header {
			background: #ffffff;
			color: inherit;
			height: 80px;
		}

		#wrapper {
			float: left;
			padding-bottom: 32px;
			width: 100%;
		}
			#search-form div {
				background: #EDEF95;
				color: inherit;
				float: right;
				height: 2em;
			}
				* html #search-form div {
					position: relative;
						right: 3px;
				}

				#search-form input {
					float: left;
					margin: 0.25em;
					padding: 0 0.4em;
				}

				* html #search-form .submit {
					margin: 1px 0 -1px 0;
					padding: 0;
				}

				*:first-child+html #search-form .submit {
					margin-top: 1px;
					padding: 0;
				}
			
			#main-menu {
				background: #EDEF95;
				color: inherit;
				height: 2em;								/* IE Haslayout - fix double margin */
				line-height: 2em;
				list-style: none;
			}
				#main-menu li {
					display: inline;
					white-space: nowrap;
				}
					#main-menu a {
						background: #D9DB56;
						color: inherit;
						float: left;
						height: 2em;
						margin-right: 1px;
						padding: 0 0.5em;
						text-decoration: none;
					}

					#main-menu a:active,
					#main-menu a:focus,
					#main-menu a:hover {
						background: #FF8;
						color: #000;
					}

			h1 {
				background: #FFF;
				clear: both;
				color: inherit;
				font-size: 1.75em;
				line-height: 1.8em;
			}

			h2 {font-size: 1.5em;}
			h3 {font-size: 1.05em;}
			h4 {font-size: 0.95em;}
			h5 {font-size: 0.85em;}
			h6 {font-size: 0.75em;}

			#content {
				float: left;
				margin-bottom: 0.5em;
				width: 100%;
			}
				#content .section {
					background: #D7D7FA;
					color: inherit;
					font-size: 1em;
					height: 1%;								/* triggers hasLayout in IE 5/6; ignored by other browsers due to lack of height definition in #content */
					margin: 0 14.5em 0 9.85em;
					padding: 0.5em;
				}
					#content h2 {
						background: #D7D7FA;
						border-bottom: 1px solid #000;
						color: inherit;
						margin-bottom: 0.2em;
						padding-bottom: 0.25em;
					}

			#sidebar {
				background: #bce;
				color: inherit;
				float: left;
				margin: 0 0 0.5em -14em;
				padding: 0.5em 0;
				width: 14em;
			}
				#sidebar h2 {
					background: #bce;
					border-bottom: 1px solid #000;
					color: inherit;
					margin-bottom: 0.2em;
					padding-bottom: 0.25em;
					text-align: center;
				}

				#sidebar p {
					padding: 0 0.5em;
				}
			
			#secondary-menu {
				float: left;
				list-style: none;
				margin: 0 0 0.5em -100%;
				width: 9.75em;
			}
				#secondary-menu li {
					float: left;
					padding-bottom: 1px;
				}
					#secondary-menu a {
						background: #bce;
						color: inherit;
						display: block;
						padding: 0.25em 0.55em;
						text-decoration: none;
						width: 8.25em;						/* IE will mouseover highlight but not let you click link in 'non-text' area unless you set width */
					}

					* html #secondary-menu a {
						width: 9.25em;
						w\idth: 8.25em
					}

					#secondary-menu a:active,
					#secondary-menu a:focus,
					#secondary-menu a:hover {
						background: #FF0;
						color: #000;
					}
	
	#footer {
		background: #edef95;
		color: inherit;
		float: left;
		font: normal 12px/16px tahoma, verdana, arial, helvetica, sans-serif;
		margin-top: -32px;
		padding: 8px 0;
		text-align: center;
		width: 100%;
	}
	
	.float-left  { float: left; }