@charset "UTF-8";
/* CSS Document */

html, body {height: 100%;}
body {font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background-image: url(images/background.jpg); background-repeat:repeat-x; background-color: #9F1F64; margin: 0; padding: 0; color: #000;}
.wrapper {min-height:100%; height: auto !important; height: 100%; margin:auto -10em; padding-top: 3px; padding-bottom: 1px;}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}
h1 {margin-top: 10px; color: #9f1f64; text-align:center;}
h4 {margin-top: 0px; color: #9f1f64; text-align: left;}
h2, h3, h5, h6, p { margin-top: 0; padding-right: 15px; padding-left: 15px;}

/* ~~ site links ~~ */
a img { border: none;}
a:link {color:#00f;	text-decoration: underline;}
a:visited {color: #0f0;	text-decoration: underline;}
a:hover, a:active, a:focus { text-decoration: none;}

/* ~~ container ~~ */
.container {width: 900px; max-width: 1260px; min-width: 780px; background: #FFF; margin: 0 auto; border: 1px black solid; border-radius: 25px; height: 100%; min-height: 100%;}

/* ~~ header ~~ */
.header { background: #fff; border-radius: 25px; background-image: url(images/header_img.png); height: 195px; width: 977px; background-color: transparent; margin-left: -40px;}
.motto {margin-left: 47px; padding-top: 125px; font-size: 1.5em; }
.name {color:#9F1F64; font-size:large;}
.nameaddress {text-align: right; font-size: 16px; line-height: 20px; margin-right: 47px; margin-top: -155px;}

/* ~~ layout info ~~ */
.content {	padding: 10px 50px;}
.para1 {font-size: 15px; font-family: Myriad Pro, Arial, Helvetica, sans-serif; text-align:center;}
.para1 img {float: right; padding: 0 5px 15px 10px;}
.para2 {font-size: 15px; font-family: Myriad Pro, Arial, Helvetica, sans-serif; text-align:center;}
.para2 img {float: left; padding: 0 10px 5px 5px;}
.boltimg {margin-left: -40px; margin-top: -40px;}
#contactContent {width: 350px; padding: 15px 10px; float: right; }
#contactContent p {line-height: 1.25em; padding-left: 5px;}

/* ~~ lists ~~ */
.content ul, .content ol { padding: 0 15px 15px 40px;}

/* ~~ navigation ~~ */
#navbar {width: 500px; margin: 0px auto;}
#navbar ul { list-style-type: none;}
#navbar li { display: inline; padding: 0px 5px; width: 150px; height: 38px; border: none;}

/*~~ contact form ~~*/
#form {float: left; border: 1px solid #9f1f64; box-shadow: 5px 5px 3px #CCC; margin: 0px 20px 20px 10px; text-align: left; width: 380px; background-color: #ffffdd;}
ul.form { list-style-type: none; font-family: Tahoma, Arial, Verdana, sans-serif; font-size:15px; }
li.form {padding-bottom: 10px; padding-left: 15px; }
#mainFormError { position: relative; border: 1px; border-style: solid; margin: 0 auto; text-align: left; width: 70%; }
input.formError { background-color: #FADADD; }
textarea.formError { background-color: #FADADD; }
select.formError {background-color: #FADADD;}
#formHeader {position: relative; width: 100%; background-color: #9f1f64; margin:0 0 0 0; padding-bottom: 10px; }
p.formHeader {text-align: right; margin:0 0 0 0; font-family: Tahoma, Arial, Verdana, sans-serif; font-weight:normal; color: #ffffff; font-size:25px; position:relative; left:-5px; top:4px; letter-spacing: 2px; }
#formInfo { position: relative; width: 100%; background-color: #ffffff; margin:0 0 0 0; }
h2.formInfo {text-align: left; margin:0 0 0 0; font-family: Tahoma, Arial, Verdana, sans-serif; font-weight:normal; position:relative; left:10px; top:0px; letter-spacing: 1px; line-height:150%; color: #ffff00; width: 85%; } 
p.formInfo { text-align: left; margin:0 0 0 0; font-family: Tahoma, Arial, Verdana, sans-serif; font-weight:normal; color: #000000; font-size:12px; position:relative; left:20px; top:0px; color: #ffffff; }
#formFields { position: relative; width: 100%; background-color: #ffffff; margin:0 0 0 0; }
label.formFieldQuestion {line-height:125%; padding:0 4px 1px 0; border:none; display:block; font-size:95%; font-weight:bold; }
label.formFieldOption { font-size:90%; display:block; line-height:1.0em; margin:-19px 0 0 25px; padding:4px 0 5px 0; width:90%;}
input.formFieldStyle { display:block; line-height:1.4em; margin:8px 0 0 3px; width:13px; height:13px;}
.shift { margin: 15px 0px 5px 15px; width: 450px; font-size: .9em;}

/* ~~ footer ~~ */
.footer {padding: 10px 0; background-color: transparent; width: 900px; height: 50px; margin: 0px auto; Color: #FF0; font-size: .7em;}
.footer a:link { color: #00f;}
.footer a:hover {color: #0f0;}
.footer a:visited {color: #fff; text-decoration: none; border: none;}
.footlt {float: left; width: 200px; padding-left: 25px;}
.footrt {float: right; width: 175px; text-align: right; padding-right: 25px;}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt { float: right; margin-left: 8px;}
.fltlft { float: left; margin-right: 8px;}
.clearfloat { clear:both; height:0; font-size: 1px;	line-height: 0px;}