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

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	color: white;
	background: #a00000 url(../images/microsite-bg.jpg) repeat-y top left;
	margin: 0;
	height: 100%;
}

html{
	height: 100%;
}

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

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

	#leftColumn{
		position: relative;
		float: left;
		width: 130px;
		margin: 10px;
		color: black;
		font-size: 12px;
	}
	
		#breadcrumb a{
			color: #cccccc;
			text-decoration: underline;
		}
		
			#breadcrumb a:hover{
				color: #cccccc;
				text-decoration: none;
			}
	
		.leftMenuItems{
			list-style: none;
			margin-left: 0;
			padding-left: 0;
		}
		
			.leftMenuItems li a{
				font-weight: bold;
				text-decoration: none;
			}
			
			.leftMenuItems li a:hover{
				font-weight: bold;
				text-decoration: underline;
			}
		
			.leftSubmenuItems{
				list-style: none;
				margin-left: 0;
				padding-left: 15px;
				font-size: 11px;
			}
			
				.leftSubmenuItems li a{
					font-weight: normal;
					text-decoration: none;
				}
				
				.leftSubmenuItems li a:hover{
					font-weight: normal;
					text-decoration: underline;
				}
	
	#rightColumn{
		position: relative;
		float: right;
		width: 590px;
		margin: 5px;
		font-size: 10px;
	}
	
		#rightColumnContent{
			position: relative;
			background: #cdcdcd url(../images/micrositeContentBG.gif) repeat-x;
			width: 570px;
			min-height: 450px;
			padding: 10px;
			color: black;
			font-size: 13px;
		}
		
			#rightColumnContent a{
				text-decoration: none;
			}
			
			#rightColumnContent a:hover{
				text-decoration: underline;
			}

		#footer{
			position: relative;
			width: 570px;
			padding: 10px 0 5px 0px;
			color: #eeeeee;
			font-weight: bold;
			font-size: 11px;
			clear: both;
		}
		
			#footer a{
				text-decoration: none;
				color: #cccccc;
			}
			
			#footer a:hover{
				text-decoration: underline;
				color: white;
			}
			
			#footer p{
				margin: 0;
			}

/* ---------- Common Styles ---------- */

img{
	border: none;
}

p{
	margin: 0 0 15px 0;
}

hr{
	width: 100%;
	height: 1px;
	background: #a00000;
	color: #a00000;
	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;
}

.ad{
	border: 1px solid #a00000;
	clear: right;
}

.centerText{
	text-align: center;
}

.rightText{
	text-align: right;
}

.clear{
	clear: both;
}

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

h1{
	font: 18px Georgia, "Times New Roman", Times, serif;
	color: #a00000;
	margin: 5px 0;
}

h2{
	font: 15px Georgia, "Times New Roman", Times, serif;
	color: #a00000;
	margin: 10px 0 0 0;
}

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

.boldText{
	font-weight: bold;
}

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

a{
text-decoration: underline;
color: #a00000;
}

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

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

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

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