/* ---------- Body Attributes ---------- */

body{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #404040;
	background: #6c6e56;
	margin: 0;
	height: 100%;
}

html{
	height: 100%;
}

/* ---------- Div Attributes ---------- */

#container{
	position: relative;
	width: 770px;
}

	#topbar{
		position: relative;
		background: url(../images/micrositeHeader.jpg) no-repeat;
		width: 769px;
		height: 84px;
		padding: 0;
	}
	
		#bannerAdContainer{
			position: absolute;
			left: 230px;
			top: 12px;
			width: 468px;
			height: 60px;
			border: 1px solid #452f07;
		}
	
	#closeButton{
		position: absolute;
		z-index: 100;
		right: 0;
		top: 0;
	}
	
	#navColumn{
		position: absolute;
		z-index: 101;
		background: #8b805a;
		top: 91px;
		left: 20px;
		padding: 7px;
		width: 156px;
	}
		
		#navColumn img{
			padding-top: 1px;
			padding-bottom: 1px;
		}
		
		.leftMenuItems{
			list-style: none;
			margin-left: 0;
			padding-left: 3px;
		}
		
			.leftMenuItems li a{
				font-weight: bold;
				color: #cecab6;
				text-decoration: none;
			}
			
			.leftMenuItems li a:hover{
				font-weight: bold;
				color: white;
				text-decoration: underline;
			}
		
		.leftSubmenuItems{
			list-style: none;
			margin-left: 0;
			padding-left: 15px;
			font-size: 11px;
		}
		
			.leftSubmenuItems li a{
				font-weight: normal;
				color: #cecab6;
				text-decoration: none;
			}
			
			.leftSubmenuItems li a:hover{
				font-weight: normal;
				color: white;
				text-decoration: underline;
			}
	
	#contentColumnContainer{
		position: relative;
		border: 5px solid #452f07;
		background: #cecab6;
		width: 550px;
		/* height: 435px; */
		margin-left: 190px;
	}
	
		#contentColumn{
			position: relative;
			/* overflow: auto;
			overflow-x: hidden;
			overflow-y: auto; */
			border: 1px solid #452f07;
			background: #cecab6;
			width: 520px;
			min-height: 400px;
			padding: 10px;
			font-size: 13px;
			line-height: 18px;
			margin: 4px auto;
		}
		
			#contentColumn a{
				color: #452f07;
				text-decoration: none;
			}
			
			#contentColumn a:hover{
				color: white;
				text-decoration: underline;
			}
			
			#breadcrumb{
				font-size: 11px;
			}
		
		@media print{
			#contentColumn{
				position: relative;
				border: 1px solid #452f07;
				background: #cecab6;
				width: 520px;
				padding: 10px;
				margin: 4px auto;
			}
		}
		
	#footer{
		position: relative;
		padding: 20px 0px 10px 0px;
		font-weight: bold;
		font-size: 11px;
		color: white;
	}
	
		#footer a{
			text-decoration: none;
			color: white;
		}
		
		#footer a:hover{
			text-decoration: underline;
			color: #cecab6;
		}
		
		.footerText{
			margin: 5px 0 0 10px;
			line-height: normal;
			font-family: Arial, Helvetica, sans-serif;
		}
	
/* ---------- Common Styles ---------- */

img{
	border: none;
}

.leftImage{
	float: left;
	margin: 0 10px 0 0;
	display: block;
}

.centerImage{
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.rightImage{
	float: right;
	margin: 0 0 0 10px;
	display: block;
}

.rightAdLayer{
	position: relative;
	height: 240px;
	width: 120px;
	float: right;
	margin: 0 0 0 10px;
	display: block;
}

.centerText{
	text-align: center;
}

.rightText{
	text-align: right;
}

.clear{
	clear: both;
}

/* ---------- Text Styles ---------- */

h1{
	font: 18px Tahoma, Arial, Helvetica, sans-serif;
	color: #452f07;
	margin: 5px 0;
}

h2{
	font: bold 15px Tahoma, Arial, Helvetica, sans-serif;
	color: #452f07;
	margin: 10px 0 0 0;
}

h3{
	font: 10px Tahoma, Arial, Helvetica, sans-serif;
	color: #808080;
	margin: 0;
}

hr{
	border: none;
	height: 1px;
	color: #452f07;
	background: #452f07;
}

.boldText{
	font-weight: bold;
}

/* ---------- Link Attributes ---------- */

a{
text-decoration: underline;
color: #452f07;
}

a:link{
text-decoration: underline;
color: #452f07;
}

a:visited{
text-decoration: underline;
color: #452f07;
}

a:active{
text-decoration: none;
color: #452f07;
}

a:hover{
text-decoration: none;
color: #452f07;
}