/* CSS Document */

#wrap {
	border: 12px solid #000000;
}

.leftColumn {
	float: left;
	width: 182px;
	padding-right: 100px;
}

.mainContent {
	float: left;
	width: 678px;

}

.mainLeft {
	float: left;
	width: 420px;
}
.mainRight {
	float: right;
	width: 220px;
	position: relative;
}

.contactDetails {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	line-height: 18px;
}
.contactDetails a:link, .contactDetails a:visited {
	text-decoration: none;
	color: #BE1525;
}
.contactDetails a:hover {
	text-decoration: underline;
}



/* ----------------  FORM ELEMENTS --------------------*/
.alert {
	padding: 30px;
	background-color: #EEF6FA;
	border: 1px solid #CBE3EF;
	color: #FF5200;
	font-weight:bold;
	font-size:11px;
}

form {
	margin-bottom: 40px;
}

form p {
	border-bottom: 1px solid #7F7F7F;
	padding: 2px 0 5px 0;
	margin: 0 0 2px 0;
}

.required {
	background: url(../images/newsletter/requiredStar.jpg) right 12px no-repeat;
	padding: 5px 0 10px 0;
}
.notRequired {
	color: #757575;
	padding: 5px 0 10px 0;
}
.semiRequired {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	padding: 5px 0 10px 0;
}

label{
	float: left;
	width: 70px !important;
	width: 80px;
	padding: 5px 10px 0px 0px;
	
}

.boxes {
	position: relative;
	top: 2px;
}

.input {
	background-color: #FFFFFF;
	padding: 0 3px 0 3px;
	margin-top: 4px;
	color: #BE1525;
	font-family: Arial, Tahoma, arial, sans-serif;
	font-size: 12px;
	width: 250px;
	height: 15px;
	border: 1px solid #FFFFFF;
}

.area {
	background-color: #FFFFFF;
	padding: 3px;
	color: #BE1525;
	font-family: Arial, Tahoma, arial, sans-serif;
	font-size: 12px;
	width: 320px;
	height: 145px;
	border: 1px solid #7F7F7F;
}

select {
	background-color: #FFFFFF;
	padding: 1px 1px 2px 3px;
	color: #BE1525;
	font-family: Arial, Tahoma, arial, sans-serif;
	border: 1px solid #7F7F7F;
	font-size: 11px;
	width: 245px;
	height: 17px;
	width: 258px;
}