/* Global Styles */
div
{
	margin: 0;
	padding: 0;
}

/* It seems like the background-image must be on both the html and body tags to not have errors.  (IE7 not checked other browsers) */
html 
{
	margin: 0; 
	padding: 0; 
	width: 100%; 
	height: 100%; 
	background-color: #fff;	
	overflow-y: scroll; /* fix scrollbar in FF */
}

body
{ 
	color: #333;
	text-align: center;
	width: 100%; 
	height: 100%; 
	margin: 0;
	padding: 0;	
	font: 12px/15px Arial, Helvetica, sans-serif;	
	/* background-image: url(/Branding/Images/bg_b.gif); */
	background-color: #FFFFFF;
	/* text-align: left; */
}
form
{
	margin: 0;
	padding: 0;
}
/*
a { color: #560000; text-decoration: none; }
a:hover { color: #a10c10; text-decoration: underline; }
*/
.clear { clear: both; }

/* Main Container */
#mainContainer 
{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

/* contentContainer */
#contentContainer
{ 
	margin: 0;
	margin-left: auto; 
	margin-right: auto;
	padding: 0;
	width: 900px;
	height: auto;
	/* background-color: #FFF; */
	text-align: center;
}

/* Reset the paragraph style so FF and IE match */
p {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;	
}
p {
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
}