/* CSS Document */
/* layout */
body {
	margin: 0px 0px;
	padding: 0px 0px;
	font: Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #000;
	text-align: center;
}

#page {
 	position: relative;
 	width: 780px;
  	height: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto; 	/* opera does not like 'margin:20px auto' */
	text-align:left; /* part 2 of 2 centering hack - sets all text back to default left align*/
}

#wrap {
	position: relative;
	min-height: 100%;
}

#content {
	position: relative;
	clear: both;
	overflow: auto;
	width: 800px;
	height:100%;
	margin: 0 0;
	border-left: 10px solid #e5d19e;
	border-right: 10px solid #e5d19e;
	border-bottom: 10px solid #e5d19e;
	background-color: #a32314;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 780px;
}
html>body #content{
	width: 780px;
}



/* HEADER */
#headerWrap{
	position: relative;
	clear: both;
	margin: 0 0;
	padding: 0 0;
	width: 780px;
	height: 316px;
	background: transparent url("/elements/images/header.gif") no-repeat;
	text-align: center;
}
#header{
	position: relative;
	clear: both;
	margin: 0 0;
	padding: 0 0;
	width: 780px;
	height: 217px;
	background: transparent url("/elements/images/header.gif") no-repeat;
	text-align: center;
}
#buttons{
	position: relative;
	clear: both;
	margin: 0 0;
	padding: 0 0;
	width: 780px;
	height: 99px;
}
#buttons img{
	border: none;
}
#buttonShim{
	position: relative;
	float: left;
	width: 89px;
}
#arrowLeft{
	position: relative;
	float: left;
	width: 98px;
}
#arrowRight{
	position: relative;
	float: left;
	width: 98px;
}
#button1{
	position: relative;
	float: left;
	width: 103px;
}
#button2{
	position: relative;
	float: left;
	width: 100px;
}
#button4{
	position: relative;
	float: left;
	width: 100px;
}
#button3{
	position: relative;
	float: left;
	width: 103px;
}



/* MAIN CONTENT */
#bodyContent{
	position: relative;
	clear: both;
	float: left;
	width: 780px;
	margin: 0 0;
	padding: 25px 125px;
	font-family: Arial, Helvetica, sans-serif;
	color: #e5d19e;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 530px;
}
html>body #bodyContent{
	width: 530px;
}
#bodyContent h1{
	font-size: 14px;
	font-weight: bold;
}
#bodyContent p{
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	padding: 0 0 0 0;
}
#bodyContent a, #bodyContent a:link{
	font-weight: bold;
	color: #ee9b01;
	text-decoration: none;
}
#bodyContent a:hover{
	text-decoration: underline;
}
#bodyContent li{
	font-size: 12px;
	font-weight: normal;
}
#bodyContent li{
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
}
#bodyContent img{
	position: relative;
	float: left;
	margin: 5px 5px;
	width: 265px;
	border: 2px solid #e5d19e;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 251px;
}
html>body #bodyContent img{
	width: 251px;
}

/* FOOTER */
#footerWrap{
	position: relative;
	float: left;
	clear: both;
	width: 780px;
	height: 146px;
	margin: 0 0;
	padding: 0 0;
	background: #000;
	color: #e5d19e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
#footerTop{
	postion: relative;
	clear: both;
	float: left;
	width: 780px;
	height: 66px;
}
#footerContent{
	position: relative;
	clear: both;
	float: left;
	width: 780px;
	height: 80px;
	margin: 0 0;
	padding: 10px 15px 0 15px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 750px;
	height: 70px;
}
html>body #footerContent{
	width: 750px;
	height: 70px;
}
#footerContent img{
	border: none;
}
#footerLinks{
	position: relative;
	float: left;
	width: 380px; 
	color: #e5d19e;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 35px;
}
#footerLinks a,  #footerLinks a:link{
	font-weight: normal;
	color: #e5d19e;
	text-decoration: none;
}
#footerLinks a:hover{
	text-decoration: underline;
}
#logoAABText{
	position: relative;
	float: left;
	width: 90px;
	line-height: 35px;
	text-align: right;
}
#logoAAB{
	position: relative;
	float: left;
	width: 133px;
	text-align: left;
}
#logoCMText{
	position: relative;
	float: left;
	width: 99px;
	line-height: 35px;
	text-align: right;
}
#logoCM{
	position: relative;
	float: left;
	width: 41px;
	text-align: left;
}

/* TABLE STYLES ADDED BY BEL TO MIRROR THE MAIN STYLES ABOVE */
.formWrap{
}
.formWrap table {
	border:4px solid #e5d19e;
	background-color: transparent;
}
.formWrap tr{
	padding: 10px 0px;
	line-height: 30px;
}
.formWrap td, .formWrap th{
	font: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#e5d19e;
	padding: 2px 10px;
}
.formWrap th{
	font-weight:bold;
	border-top: 1px solid #e5d19e;
	border-bottom:4px solid #000;
	background-color:#e23622;
}
.formWrap select, .formWrap textarea, .formWrap input{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #e5d19e;
	color: #000;
}
td.form_collects{
	width: 200px;
	text-align: right;
	font-weight:bold;
	line-height: 24px;
	vertical-align: top;
}
td.form_inputs{
	width: 324px;
	text-align: left;
	font-weight: normal;
	line-height: 18px
}
input.formButton{
	font-weight: bold;
	height: 32px;
	border: 2px solid #e5d19e;
	background: #000;
	color: #ee9b01;
}
input.formButton:hover{
	color: #e5d19e;
}
.error_message{
	font: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border:3px solid #e5d19e;
	background-color: #e23622;
	font-weight:bold;
	text-align:center;
	padding:5px;
	margin: 10px 0;
	color:#e5d19e;
}
.error_message h1{
	font-size: 14px;
	color: #000;
}