/* Let's clear up some browser defaults. */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } 
table { border-collapse:collapse; border-spacing:0; } 
fieldset,img,abbr,acronym { border:0; } 
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } 
ol,ul { list-style:none; } 
caption,th { text-align:left; } 
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } 
q:before,q:after { content:''; } 


body {
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #870c10;
	margin: 0 5px 20px 0;
}
h1, h2 {
	font-weight: bold;
	color: #6b0409;
}
h1 {
	font-size: 18px;
	line-height: 18px;
}
h2 {
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 18px;
}
h3 {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	margin-top: 18px;
}
strong { font-weight: bold; }
a { color: #c00; }
a:hover { color: #900; }
p { margin-bottom: 1em; }


form label {
	display: block;
}
form input[type=text] {
	width: 250px;
}

.clear { clear: both; }
.Divider {
	border-top: 1px solid #8d8d8d;
	border-left: 1px solid #8d8d8d;
	border-bottom: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
}
a.TopLink {
	background: transparent url(/images/arrow_up.gif) no-repeat top right;
	padding-right: 14px;
}
a.TopLink:hover {
	background-position: bottom right;
}
.Required {
	margin-right: .3em;
	color: #c00;
}
.FormRow {
	margin-top: 8px;
	margin-bottom: 8px;
}


#HeaderLogo {
	height: 71px;
	background: transparent url(images/header.gif) no-repeat top left;
	position: relative;
	text-indent: -9999px;
}
#HeaderLogo, #HeaderLogo a, #HeaderLogo h1, #HeaderLogo h2 {
	color: #fff;
}
#HeaderLogo h1, #HeaderLogo h2 {
	display: inline;
}
#HeaderLogo h1 a {
	position: absolute;
	width: 175px;
	height: 40px;
	top: 26px;
	left: 16px;
}

#HeaderContent {
	height: 34px;
	background: transparent url(images/header-content-bg.gif) repeat-x;
	border-bottom: 2px solid #6B0509;
	position: relative;
	padding: 22px 28px 0 28px;
}
#HeaderContent h1 {
	color: #000;
/*
	margin: 22px 28px 0 28px;
*/
	position: relative;
	z-index: 2;
}
#HeaderContentLeftRound, #HeaderContentRightRound {
	position: absolute;
	top: 0;
	width: 35px;
	height: 56px;
	z-index: 1;
}
#HeaderContentLeftRound {
	left: 0;
	background: transparent url(images/top-left-round.gif) no-repeat top left;
}
#HeaderContentRightRound {
	right: 0;
	background: transparent url(images/top-right-round.gif) no-repeat top right;
}


#NavContainer, #MainContainer {
	border: 4px solid #6b0509;
	border-top: none;
	border-bottom: none;
	background-color: #fff;
}


#NavContainer {
}
#NavContainer ul, #NavContainer li a, #NavLeft, #NavRight {
	height: 21px;
}
#NavContainer ul {
	background: #fff url(images/nav-bg.gif) repeat-x bottom center;
	padding-left: 14px;
	padding-top: 1px;
}
#NavContainer li {
	display: block;
	float: left;
}
#NavContainer li a {
	display: block;
	outline: none;
	text-indent: -9999px;
}

#NavTerms a {
	background: transparent url(images/nav_terms.gif) no-repeat top center;
	width: 139px;
}
#NavFAQ a {
	background: transparent url(images/nav_faq.gif) no-repeat top center;
	width: 96px;
}
#NavContact a {
	background: transparent url(images/nav_contact.gif) no-repeat top center;
	width: 176px;
}
#NavTerms a:hover, #NavFAQ a:hover, #NavContact a:hover {
	background-position: bottom center;
}

#NavLeft {
	background: transparent url(images/nav_left_space.gif) no-repeat;
	width: 2px;
}
#NavRight {
	background: transparent url(images/nav_right_space.gif) no-repeat;
	width: 2px;
}


#MainContainer {
padding-top: 20px;
}


#ButtonsNav {
	width: 196px;
	float: left;
	padding: 0 23px 50px 23px;
}
#ButtonsNav ul, #ButtonsNav ul li a {
	height: 62px;
}
#ButtonsNav ul {
	display: inline;
}
#ButtonsNav ul li {
	float: left;
	margin-bottom: 15px;
}
#ButtonsNav ul li a {
	display: block;
	outline: none;
	text-indent: -9999px;
}
#ButtonJoin a, #ButtonLogin a, #ButtonSupport a {
	width: 189px;
}
#ButtonJoin a {
	background: transparent url(images/button_join.gif) no-repeat top center;
}
#ButtonLogin a {
	background: transparent url(images/button_login.gif) no-repeat top center;
}
#ButtonJoin a:hover,
#ButtonLogin a:hover {
	background-position: bottom center;
}


#ContentContainer {
	width: 375px;
	float: left;
	padding: 0 30px 50px 30px;
}
#ContentContainer ul {
	list-style: disc outside url(images/list_bullet.gif);
	margin-left: 2em;
}
#ContentContainer ol {
	list-style: decimal;
	margin-left: 2em;
}
#ContentContainer ol li ol {
	list-style: lower-alpha;
	margin-left: 3em;
}


#FooterContainer {
	clear: both;
	padding: 0 29px;
	height: 46px;
	background: transparent url(images/footer-bg.gif) repeat-x;
	position: relative;
}
#FooterContent {
	margin-top: 6px;
}
#FooterContainerLeftRound, #FooterContainerRightRound {
	position: absolute;
	top: 0;
	width: 29px;
	height: 46px;
}
#FooterContainerLeftRound {
	left: 0;
	background: transparent url(images/bottom-left-round.gif) no-repeat bottom left;
}
#FooterContainerRightRound {
	right: 0;
	background: transparent url(images/bottom-right-round.gif) no-repeat bottom right;
}


#FAQQuestions {
	margin-bottom: 2em;
}

#FormArea {
	margin-top: 30px;
}

.FormSubmit, .FormSubmitHover {
}
.FormSubmitHover {
}

#ContactFormSubmit {
	margin-left: 230px;
	width: 86px;
	height: 33px;
}

#FormErrors {
	color: #c00;
}
#FormErrors ul {
	list-style: disc outside none;
}
