/*@import url(debug.css);*/
/*@import debug.css;*/
body {
	margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background: #ccc;
}
.oneColFixCtrHdr #container {
	width: 882px;  /* to fit resolution of 1024 */
	background: #fff url(../images/mainBG.gif) center repeat-y; 
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	width:857px; /* Makes the menu flush on the right hand side*/
	position:relative;
	float: left;
	clear: left;
	text-align: left;
	height: 98px;
	margin-bottom: 30px;
}
.oneColFixCtrHdr #header .headerWrap
{
	margin: 9px 0px 0px 35px;
	height: 80px;
}
.oneColFixCtrHdr #header #sparkLogo {
	width: 325px;
	height: 71px;
	float: left;
	background: #fff;
	cursor: pointer;
}
.oneColFixCtrHdr #header #threeBoxes {
}
.boxSpace {
	float: right;
	margin-right: 9px;
	margin-top: 5px;
}

/* ----- MAIN CONTENT ----- */
.oneColFixCtrHdr #mainContent {	
	margin: 0px;	
	width: 882px;
	float: left;
	clear: left;
	background: #fff url(../images/mainBG.gif) center repeat-y; 	
}
.oneColFixCtrHdr #mainContent .mainContentWrap{	
	margin: 0px 33px 0px 33px;
}

.oneColFixCtrHdr #footer {
	clear: left;
	width: 882px;
	margin: 0px;
	height: 75px;
	text-align: center;
	background: #fff url(../images/footer.gif) bottom left no-repeat;
}
.oneColFixCtrHdr #footer .footerContent {
	border-top: 1px solid #ccc;
	margin: 0px 24px 0px 25px;
	width: 831px;
	margin-top: 5px;	
	text-align: center;
	z-index: 1;
}
.footerTextRed{
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #e81740;
}
.footerText{
	margin: 3px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #e81740;
}
.footerText a {	color: #e81740; text-decoration: none;}
.footerText a:link {color: #e81740;}
.footerText a:visited {color: #e81740;}
.footerText a:hover, .footerText :hover a {color: #878889; text-decoration: none;}
.footerText a:active {color: #e81740;}

/* -------- BODY STYLES ----------*/

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #a1bf2f;
	margin: 0;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #636263;
	margin: 0;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #e81740;
}
h4 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	margin-bottom: 0px;
}
h5 { font-size: 10px;}
.underLine {
	display:block;
	border-bottom: 1px solid #ccc;
	margin: 0px 0px 4px 0px;
}

a {color: #e81740; text-decoration: none;}
a:link {color: #e81740;}
a:visited {color: #878889;}
a:hover, hover a {color: #878889; text-decoration: underline;}
a:active {color: #e81740;}

/* -------- INPUT BOXES -------- */
.textInput {
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000;
	border: 1px solid #e81740;
}
.textArea {
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000;
	scrollbar-base-color: #e81740;
	scrollbar-arrow-color: #fff;
}
.submitButton {
	border:none;
	width:50px;
	padding:3px;
	background: #e81740;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #fff;
	cursor:pointer;
}
.submitButton:hover, .submitButton:hover a { color:#fff; background: #666666;}