/* CSS Document */
html {
	width: 100%;
}
body {
	width: 100%;
}
.clear {
	clear: both;
	height: 0;
}
#page { 
	margin: 0px; 
	width: 100%; 
}
	#header {
		width: 100%;
		height: 100px;
	}
		#logo { 
			float: left;
			margin: 12px 0pt 0pt 10px; 
			width: 100px; 
			height: 88px; 
		}
		#logoHref { 
			position: absolute; 
			top: 12px; 
			left: 10px; 
			width: 90px; 
			height: 88px; 
			text-indent: -700em; 
		}
		#navBar {
			width: 100%;
			position: absolute;
			left: 220px;
			height: 24px; 
			padding-top: 3px; 
			top: 22px;
		}
		#navBar li { 
			height: 21px; 
			display: inline; 
			margin-right: -3px; 
		}
		#navBar li a {
			padding: 4px 9px;
			height: 21px;
		}
		.navBarSelected {
			padding: 4px 9px;
			background-color: rgb(166, 188, 99);
			color: #FFFFFF;
			font-size: 10px;
			font-weight: bold;
			text-decoration: none;
		}
	#content { 
		width: 100%;
		margin: 0px; 
	}
			#left {
				Height: 325px;
				width: 200px;
				float: left;
				position: relative;
				z-index: 4;
			}
				#leftLogo { 
					text-align: center; 
					padding-top: 50px; 
					padding-bottom: 35px; 
				}
				#leftLower { 
					width: 200px; 
					float: left; 
					position: absolute; 
					left: 0px; 
				}
			#main {
				float: left;
				width: 500px;
				height: 325px;
				position: relative;
				z-index: 5;
			}
			#mainInner {
				margin-left: 400px;
			}
			#right {
				Height: 325px;
				position: relative;
				margin-left: 700px;
				z-index: 3;
			}
	#footer { 
		clear: both;
		margin-top: 55px; 
		padding-left: 16px; 
		padding-top: 3px; 
	}
	#footer p { 
		display: inline; 
	}
	#footer span { 
		position: relative; 
		left: 600px; 
	}
	#footer a:hover {
		background-color: rgb(166, 188, 99);
		color: #FFFFFF;
	}