

#form {
	width:640px;
	height:320px;
	position:relative;
	left:0px;
	top:0px;
}
.field {
	
}

.fieldWithErrors{
	border: solid 2px red;
}



#title {
	font-family: Arial;
	color: #320098;
	font-weight: 600;
	font-size: 20pt;
}

#errorExplanation { width: 626px; border: 2px solid red; padding: 7px; padding-bottom: 12px; margin-top: 20px; color: inherit; background-color: #f0f0f0; }
#errorExplanation h2 { text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 12px; margin: -7px; color: inherit; background-color: #c00; color: #fff; }
#errorExplanation p { color: #333; background-color: inherit; margin-bottom: 0; padding: 5px; }
#errorExplanation ul li { font-size: 12px; list-style: square; }

#normalFont {
	font-family: Arial;
	color: #320098;
	font-weight: 600;
	font-size: 16pt;
}
#smallFont {
	font-family: Arial;
	color: #320098;
	font-weight: 600;
	font-size: 13pt;
}

.tagline a {
font-family: 'Trebuchet MS', Arial, sans-serif;
font-size: 14pt !important;
color: #21771b !important;
}

.settingsBox {
	display: block;
	width: 250px;
	height: 300px;
	padding: 8px;
	float:right;
}

#bluebox, .bluebox, #bluebox2, .bluebox2 {
display: block;
background: #f1f5fe;
border: 1px solid #c6dcfe;
width: 250px;
height: 120px;
padding: 8px;
float:right;
}

#bluebox2, .bluebox2 {
margin-left: .8em;
}

.bluebox h2, .bluebox2 h2 {
background: #f1f5fe;
border: 0;
padding-top: .1em;
}

#orangebox, .orangebox {
display: block;
background: #fcf7e3;
border: 1px solid #fcdf6b;
width: 290px;
height: 120px;
padding: 8px;
float: left;
}

#orangebox h2, .orangebox h2 {
color: #21771b;
border: none;
padding-top: .1em;
}
