html, body {
	margin: 0px;
	height: auto;
	padding: 0px;
	text-align: center;	
}

body {
	background-color: #FFFFFF;
	text-align: center;
	background-image:URL(../images/body_bg.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	}

#main {
	width				: 862px; /*centers the div in all modern browsers*/
	height				: auto;
	margin:				0px auto;
	padding				: 0px; /*prevents margin collapse from allowing margins in this div from affecting margins around container*/
	text-align			: left; /*resets normal text align following centering in #container*/
	position			: relative;
	z-index: 0;
	background-image:URL(../images/bg.jpg);
	background-repeat: repeat-y;
	background-position: top left;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	}

	#main #header {
		background-image:URL(../images/top.jpg);
		background-position: top;
		background-repeat: no-repeat;
		width: 842px;
		height: 73px;
		float: left;
		text-align: right;
		z-index: 1;
		font-size: 10px;
		padding-top: 20px;
		padding-right: 20px;
		font-weight: bold;
		display: inline;
		}

	#main #content {
		width: 973px;
		float: left;
		clear: both;
		z-index: 1;
		display: inline;		
		height: auto;
		}



		#main #content #left {
			width: 162px;
			float: left;
			position: relative;
			z-index: 1;
			display: inline-block;	
			min-height: 650px;		
		}

		#main #content #menu {
			left: 0px;
			width: 161px;
			z-index: 5;
			margin-top: 35px;
			float: left;
			clear: both;
			position: relative;
			height: 350px;
			display: inline-block;			
			}

		.menuitem {
			height: 26px;
			width: 100%;
			float: left;
			display: block;
			background: transparent;
			padding-top: 2px;
			}

		.menuitemHover {
			height: 26px;
			width: 100%;
			float: left;
			display: block;
			cursor: pointer;
			background: #ffffff;
			padding-top: 2px;
			}

		.menuitemIcon {
			width: 15px; 
			padding-left: 15px;
			position: relative; 
			float: left;
		}

		.menuitemIconHover {
			width: 15px; 
			padding-left: 15px;
			position: relative; 
			float: left;
			color: #f2932e;
		}

		.menuitemText {
			position: relative; 
			float: left;
			letter-spacing: 0.1em;
			font-weight: bold;
			float: left;
			padding-top: 2px;
			}
		.menuitemTextHover {
			position: relative; 
			float: left;
			letter-spacing: 0.1em;
			font-weight: bold;
			float: left;
			padding-top: 2px;
			}

		.submenu {
			position: absolute; 
			top: 0px; 
			left: 0px; 
			visibility: hidden; 
			width: 300px; 
			border: 1px solid #f2932e; 
			background-color: #edcdac; 
			padding: 0px;
			z-index: 5;
			white-space: nowrap;			
			}

			.submenuitem {
				height: 23px;
				padding-top: 2px;
				width: 100%;
				float: left;
				display: block;
				background: transparent;
				border-bottom: 1px solid #e2c9af;
				white-space: nowrap;
				}

			.submenuitemHover {
				height: 23px;
				padding-top: 2px;
				width: 100%;
				float: left;
				display: block;
				cursor: pointer;
				background: #e2c9af;
				border-bottom: 1px solid #e2c9af;
				white-space: nowrap;				
				}

			.submenuitemIcon {
				width: 15px; 
				padding-left: 10px;
				position: relative; 
				float: left;
				white-space: nowrap;					
			}

			.submenuitemIconHover {
				width: 15px; 
				padding-left: 10px;
				position: relative; 
				float: left;
			}

			.submenuitemText {
				width: 250px;
				position: relative; 
				letter-spacing: 0.1em;
				font-weight: bold;
				float: left;
				padding-top: 2px;
				white-space: nowrap;	
			
				}
			.submenuitemTextHover {
				position: relative; 
				letter-spacing: 0.1em;
				font-weight: bold;
				float: left;
				padding-top: 2px;
				}

		#main #content #logos {
			left: 0px;
			width: 164px;
			z-index: 5;
			float: left;
			clear: both;
			position: relative;
			text-align: center;
			display: inline-block;			
			}

		#main #content #right {
			float: left;
			z-index: 0;
			width: 689px;
			min-height: 500px;
			position: relative;
			display: inline-block;			
		}



			#main #content #right #bannerContainer {
				z-index: 0;
				width: 700px;
				height: 140px;
				float: left;
				position: relative;
				clear: both;
				padding: 0px;
				overflow: hidden;
			}

				#main #content #right #bannerContainer #banner {
					z-index: 1;
					background-position: top;
					background-position: left;
					background-repeat: no-repeat;
					text-align: left;
					width: 700px;
					height: 140px;
					float: left;
					position: absolute;
					overflow: hidden;
				}

				#main #content #right #bannerContainer #overlay {
	 				z-index: 3;
					position: absolute;
					background-image:URL(../images/bannerOverlay.png);
					background-position: top left;
					background-repeat: repeat-x;
					width: 700px;
					height: 140px;
					float: left;
					overflow: hidden;
					}
				#main #content #right #bannerContainer #overlayFooter {
	 				z-index: 2;
					position: absolute;
					background-image:URL(../images/bannerOverlayFooter.png);
					background-position: top left;
					background-repeat: repeat-x;
					top: 107px;
					height: 33px;
					width: 700px;
					float: left;
					overflow: hidden;
					padding-left: 15px;
					padding-top: 5px;
					}


	
		#main #content #right #mainText {
		width: 660px;
		float: left;
		position: relative;
		clear: both;
		padding: 20px;
		display: inline-block;

	}



	#footer {
		width: 862px;
		height: 24px;
		text-align: left;
		padding: 0px;
		position: relative;
		clear: both;
		z-index: 0;
		background-color: #ffffff;
	}
	
	#footer a {
		color: #c0c0c0;
	}