/*****************
CSS FOR INDIVIDUAL MICROSITE
*****************/
#background-microsite
{
	position: absolute;
	top: 34px;
	left: 200px;
	background: transparent no-repeat top left;
	z-index: 3;
}
.column-full
{
	position: absolute;
	top: 34px;
	left: 200px;
	width: 687px;
	overflow: visible !important;
	overflow: hidden;
	z-index: 5;
}
.column-full-video
{
	position: absolute;
	top: 111px;
	left: 60px;
	width: 550px;
	overflow: visible !important;
	overflow: hidden;
	z-index: 5;
}
.column-left
{
	position: absolute;
	top: 77px;
	left: 0px;
/*width = 304 minus margin*/
	width: 272px;
	overflow: visible !important;
	overflow: hidden;
	z-index: 10;
	margin: 0 10px 0 22px;
	padding-bottom: 20px;
}
.column-right
{
	position: absolute;
	top: 66px;
	left: 314px;
	width: 335px;
	overflow: visible !important;
	overflow: hidden;
	z-index: 10;
	margin: 0;
}
.column-right-scrollbar
{
	position: absolute;
	top: 66px;
	left: 314px;
	width: 335px;
	height: 603px;
	overflow-y: scroll;
	overflow-x: hidden;
	z-index: 10;
	margin: 6px 0 0;
}
.column-full H1
{
	color: #FFF;
	font-size: 210% !important;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 113%;
}
.column-full P
{
	color: #FFF;
	font-size: 130%;
	line-height: 110%;
	line-height: 115%;
}
.column-full H2
{
	color: #8BC;
	font-size: 150% !important;
}
.footer
{
	margin: 200px 0 0;
}
.text-red
{
	color: #DF1B25;
}
.text-black
{
	color: #000;
}
.checklist P
{
	color: #000;
}
.checklist P.bold, .checklist P STRONG, .checklist P B
{
	color: #FFF;
}
.column-full A
{
	color: #FFF;
	text-decoration: underline;
	outline-style: none;
}
.column-full A:link, .column-full A:visited
{
	color: #FFF;
	text-decoration: underline;
	outline-style: none;
}
.column-full A:hover
{
	color: #DF1B25;
	text-decoration: underline;
	outline-style: none;
}
.column-full A
{
}
/*microsite nav
BOX-MENU*/
.nav-full
{
	position: absolute;
	top: 375px;
}
.nav-left
{
	float: left;
	width: 132px;
	margin: 0 3px 0 0;
}
.nav-right
{
	float: right;
	width: 132px;
	margin: 0 0 0 3px;
}
UL.nav-menu
{
	width: 132px;
	margin: 0;
	padding: 0;
}
UL.nav-menu LI
{
	margin: 0 0 6px;
	padding: 0;
	list-style-type: none;
}
UL.nav-menu LI A
{
	display: block;
	line-height: 1.5em;
	padding: 0 0 0 5px;
	font-size: 1em;
	outline-style: none;
	background-color: #64C2F5;
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
}
.nav-menu LI A:link, .nav-menu LI A:visited
{
	background-color: #64C2F5;
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
}
.nav-menu LI A:hover
{
	background-color: #DF1B25;
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
}
.nav-menu LI A.nav-on
{
	background-color: #DF1B25;
}
.nav-menu LI A.nav-off
{
	color: #FFF;
}
/*****************
CLEAR FLOATS
*****************/
#background-microsite:after, .content-microsite:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
