﻿/* Newsletter Signup Page and Form */
/* MAIL CHIMP SYSTEM */


ul.nobullets li {
	background-image: none;
}

/* GENERAL FORM ELEMENTS */
/* This DIV element wraps around the form. Use this selector to target anything within the form. */
div#mc_embed_signup {
	
}

/* Use this selector to set base width and font size. */
form#mc-embedded-subscribe-form {
	width: 600px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	margin: 10px auto;
}

/* Container for each label and input combination. Use this to control horizontal and vertical spacing (padding). */
div.mc-field-group {
	margin: 10px 0;
	clear: both;
	text-align: left;
}

/* Default label selector. Use this to style all labels. */
div.mc-field-group label {
	
}

/* Default input selector. Use this to style all inputs. */
div.mc-field-group input {
	font-size: .95em;
}

/* Default select (drop-down) selector. Use this to style all drop-down menus. */
div.mc-field-group select {
}

/* Use this selector to style the submit button.  */
fieldset input.btn {
	background-color: #191970;
	color: white;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
}

/* MY STYLE FOR RESET BUTTON */
fieldset input.resetbtn {
	background-color: #BCD2EE;
	color: black;
	margin-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
}


/* Use this selector to style all links in the form. */
fieldset a {
	
}

/* MY STYLES */
fieldset legend span {
	font-size: 125%;
	font-weight: bold;
	color: indigo;
	padding: 5px 10px;
}
fieldset {
	padding: 0px 20px 20px 20px;
	border: 2px indigo solid;
	margin-bottom: 40px;
}
div.tellus {
	font-weight: bold;
	color: indigo;
	font-size: 1.05em;
	padding-top: 5px;
}



/* CHECKBOXES & RADIO BUTTONS */
/* Main DIV container for checkbox/radio groups. */
div.input-group {
	
}

/* UL Container for checkbox/radio groups. */
div.input-group ul {
	margin-left: 10px;
	padding-left: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
}

/* LI Element containing the label and input. (checkbox/radio groups) */
div.input-group ul li {
	margin-left: 0;
	padding-left: 0;
	list-style-image: none;
	list-style-type: none;
	font-size: .9em;
}

/* Default checkbox/radio groups label selector. */
div.input-group label {
	
}

/* Default checkbox/radio groups input selector. */
div.input-group input {
	
}


/* REQUIRED FIELDS */
/* Container for "* All field required" message. */
div.indicate-required {
	font-size: 80%;
	color: #b22222;
	font-weight: normal;
	text-align: right;
	padding-bottom: 5px;
}

/* Container for "*" on labels that are required. */
strong.note-required {
	font-size: 105%;
	font-weight: bold;
	color: #b22222;
}


/* RESPONSE MESSAGES (Ajax) */
/* Container for error responses. */
#mce-responses {
}

/* 	Default response message container. 
	This will need to be set to display:none; 
	by default so they don't show as empty styled boxes. 
	The JS will write in an inline style display:block to show them when needed. */
div.response {
	border: 3px green solid;
	background-color: beige;
}

/* Default error message container. */
label.error {
	border: 3px red solid;
	background-color: beige;
}

/* Contianer for error message. */
#mce-error-response {
	border: 2px red solid;
	padding: 10px;
	background-color: beige;
	color: #b22222;
	font-weight: bold;
}

/* Container for success message. */
#mce-success-response {
	border: 2px green solid;
	padding: 10px;
	background-color: beige;
	color: #006600;
	font-weight: bold;
}


/* MY STYLES ADDED TO NEWSLETTERFORM */
/* Labels for data input at top of form */
label.shortlabel {
	width: 115px;
	display: block;
	float: left;
}

label.longlabel {
	padding: 5px 0 5px 0;
}

h1.h1classform {
	font-size: 1.35em;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 15px 0 15px 0;
	color: firebrick;
}

p.introtxt {
	margin: 0 0 15px 0;
}

div.line1 {
	padding-bottom: 5px;
	padding-top: 5px;
}
div.line2 {
	padding: 0 0 5px 0;
}


/* EXTRA STYLES IN JAVASCRIPT */
.mce_inline_error {
	color: red;
	padding: 3px 0 8px 20px;
}

div#submitbelow {
	margin-top: 20px;
}




/* end */