body {
	padding: 0;
	margin: 0;
	font-family: Arial, helvetica, sans-serif;
	text-align: left;
	background-color: #fff;
}

#container {
	width: auto;
	margin: auto;

}

	#header {
		height:auto;
		width:auto;
	}

		#header h1 {
			font-size:140%;
			text-indent:0;
			height:auto;
			width:auto;
			position:relative;
		}
			#container #header h1 a {
				height:auto;
				width:auto;
			}
			
		#header h2 {
			bottom: 20px;
			right:10px;
			margin:0;
			position:absolute;
			font-size:90%;
			width:400px;
			text-align:right;

		}
		
	#nav {
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		padding: 0px;
		margin: 0 0 20px 0;
	}

		#nav ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}

			#nav ul li {
				float: left;
				margin-right: 1px;
			}

				#nav ul li a {
					display: block;
					_height: 1%;
					float: left;
					padding: 10px;
					font-size: 70%;
					font-weight: bold;
					color: #000;
					text-decoration: none;
				}

					#nav ul li a:hover, #nav ul li a.here {
						background-image: url("images/nav_arrow.gif");
						background-position: 50% 100%;
						background-repeat: no-repeat;
						background-color: #eee;
					}

	#content {
		padding: 0px;
		width:auto;
	}

		#content h3 {
			font-size:110%;
			color:#333;
			line-height:1.4em;
		}
		#content p {
			font-size:80%;
			line-height:1.4em;
		}
		#content ul, #content ol {
			font-size:80%;
			line-height:1.4em;
			list-style-type: disc;
		}
		#content ul li ul, #content ol li ol {
			font-size:100%;
			line-height:1.4em;
			list-style-type: disc;
		}
		#content form p label {
			float: left;
			width:130px;
			font-weight:bold;
		}

		#content form p input, #content form p textarea {
			width:220px;
		}
		
		#content form p textarea {
			height:100px;
		}
		#content form p input.clickable {
			width:auto;
		}
		
		#content div.list table tr td ul {
			display: none;
		}	
		
		
	#footer {
		margin-top: 20px;
		border-top: 1px solid #000;
		background-color: #ff0;
		position:relative;
		height:80px;
	}
	
		#footer p {
			margin: 0;
			padding: 0;
			font-size: 70%;
			color: #333;
			top: 10px;
			left:10px;
			position:absolute;
			
		}
		#footer p a {
			color: #333;			
		}	
		#footer ul {
			list-style-type: none;
			margin: 0;
			padding:0;
			top: 10px;
			right:0;
			position:absolute;
		}
			#footer ul li {
				font-size:70%;
				float:right;
				margin: 0px 10px 0 0px;
				padding: 0 0 0 10px;
				border-left: 1px solid #000;
			}
				#footer ul li a {
					text-decoration: none;
					color:#000;
				}
					#footer ul li a:hover {
						text-decoration: underline;
					}
					#footer ul li a.here {
						font-weight:bold;
					}

/* for clearing floats */

	.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 */