html { font-size: 18px; }
body { background: #55b9ea; color: #454545; padding: 0; margin: 0; font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; line-height: 1.2; position: relative; cursor: default; }
blockquote { margin: 20px; }
button.no-ui { border: 0px solid white; background-color: transparent; padding: 0px; margin: 0px; cursor: pointer; }
a { color: #008cba; text-decoration: none; line-height: inherit; }
a img { border: none; }
p { padding-bottom: 10px; }
h1 { font-family: "Open Sans", sans-serif; text-align: center; font-weight: 300; font-size: 2.8rem; color: #454545; margin-bottom: 40px; text-transform: uppercase; letter-spacing: 6px; }
h2 { font-family: "Open Sans", sans-serif; text-align: center; font-size: 2.4rem; color: rgb(40,40,40); font-weight: 600; margin-top: 20px; margin-bottom: 10px; }
h3 { font-family: "Open Sans", sans-serif; text-align: left; font-size: 2.0rem; color: rgb(40,40,40); font-weight: 600; margin-top: 10px; margin-bottom: 15px; }
ul { list-style: none; font-family: "Open Sans", sans-serif; font-weight: 300; line-height: 28px; color: #454545; }
img { display: inline-block; vertical-align: middle; }
img, object, embed { max-width: 100%; height: auto; }
input { border: none; margin-bottom: 0px; margin-top: 0px; height: 25px; text-align: left; max-width: 90%; }
input[type=text] { padding: 2px; border: 1px solid rgb(150,150,150); border-radius: 5px; margin: 4px 0px; }
input[type=password] { padding: 2px; border: 1px solid rgb(150,150,150); border-radius: 5px; margin: 4px 0px; }
textarea { width: 600px; height: 100px; border: 1px solid rgb(150,150,150); border-radius: 5px; max-width: 90%; }
select { max-width: 90%; }
strong { font-weight: bold; }
label { color: rgb(100,100,100); font-size: .9rem; font-weight: bold; line-height: 1.2; }

.align-center { text-align: center; margin-left: auto; margin-right: auto; }
.align-left { text-align: left !important; }
.align-right { text-align: right !important; }
.bold-text { font-weight: bold; }
.checkbox-label { padding-left: 10px; cursor: pointer; display: inline-block; position: relative; top: -5px; }
.dialog-box { display: none; }
.float-left { float: left; margin-right: 30px; margin-bottom: 30px; max-width: 35%; }
.float-right { float: right; margin-left: 30px; margin-bottom: 30px; max-width: 35%; }
.form-line { min-height: 28px; position: relative; margin-top: 10px; }
.form-line .ui-datepicker-trigger { padding-left: 10px; top: 4px; }
.form-line label { display: block; padding-bottom: 4px; padding-right: 15px; }
.longer-label .form-line label,.form-line.longer-label label { width: 300px; }
.longest-label .form-line label,.form-line.longest-label label { width: 400px; }
.maximum-label .form-line label,.form-line.maximum-label label { width: 500px; }
.form-line label.checkbox-label { width: auto; max-width: 600px; display: inline-block; }
.form-line label.textarea-label { text-align: left; width: auto; max-width: 600px; }
.form-line input[type=text] { display: inline-block; }
.form-line textarea { display: block; }
.highlighted-text { color: rgb(153,51,0); font-weight: bold; }
.inline-block { display: inline-block; }
.display-block { display: block; }
.italic { font-style: italic; }
.required-tag { color: rgb(192,0,0); }

#_submit_paragraph { text-align: left; }
#_post_iframe { display: none; }

#_wrapper { position: relative; }
#main_content { width: 100%; margin: 0px auto; padding: 50px 0 50px 0; background-color: rgb(255,255,255); min-height: 500px; }
#main_content > p > img { max-width: 100%; margin: 10px; }

#main_content .quote-wrapper { text-align: center; margin: 30px auto; }
#main_content .quote { display: inline-block; text-align: left; max-width: 80%; font-size: 1.8rem; text-transform: uppercase; font-weight: bold; font-family: 'BebasNeueRegular',sans-serif; line-height: 1.3; }
#main_content .quote span.fa-quote-left { display: inline-block; }
#main_content .quote span.fa-quote-right { display: inline-block; }
#bottom_info { margin-top: 40px; }
#bottom_info .four-per-row a { text-decoration: none; }
#bottom_info .four-per-row { border-bottom: 2px solid rgb(150,150,150); margin-bottom: 20px; }

#main_content ul { margin: 20px 0px; list-style-type: disc; list-style-position: outside; overflow: hidden; }
#main_content ul li { padding: 5px 0px; margin-left: 30px; }
#main_content ol { margin: 20px 0px; list-style-type: decimal; list-style-position: outside; overflow: hidden; }
#main_content ol li { padding: 5px 0px; margin-left: 30px; }
#main_content ol ol { margin: 10px 0px 0px 0px; list-style-type: lower-latin; }

/* Donation Form */

#_donation_form { margin: 40px auto; padding: 0px; max-width: 1600px; width: 90%; }
#_donation_form p { margin: 20px 0px; }
.donation-section { display: block; text-align: left; margin: 0 auto; max-width: 600px; padding: 20px 0px; }

#_donation_form .form-line { min-height: 28px; position: relative; max-width: 100%; margin-bottom: 5px; }
#_donation_form .form-line input[type=text],#_donation_form .form-line input[type=password] { border: 1px solid rgb(200,200,200); padding: 5px; border-radius: 2px; }
#_donation_form .form-line span.help-label { display: block; position: absolute; top: 22px; width: 185px; left: 0px; text-align: right; font-size: 10px; color: rgb(150,150,150); }
#_donation_form .form-line label { display: block; margin-top: 5px; padding-bottom: 4px; padding-right: 15px; }
#_donation_form .form-line label.checkbox-label { display: inline-block; text-align: left; padding-left: 10px; position: relative; top: -5px; width: 400px; }
#_donation_form .form-line input { max-width: 40%; }
#_donation_form .form-line select { max-width: 40%; }
#_donation_form .form-line>a { display: inline; position: relative; left: 5px; }
#_donation_form .form-line>img { display: inline; position: relative; left: 5px; }
#_donation_form button#copy_address { font-size: 1.0rem; padding: 2px 6px; }

.info-message { color: rgb(15,180,50); }
.error-message { color: rgb(192,0,0); }
.strength-bar-div { height: 16px; width: 200px; margin: 0px; margin-left: 20px; display: inline-block; top: 5px; }
#_donation_form .form-line p.strength-bar-label { font-weight: bold; width: 200px; height: 12px; font-size: 10px; color: rgb(150,150,150); margin: 0px; padding: 0px; padding-left: 5px; text-align: left; }
#_donation_form .form-line span.extra-info { display: inline-block; position: relative; top: -5px; padding-left: 10px; font-size: 12px; font-weight: bold; }
.strength-bar { font-size: 1px; height: 4px; width: 10px; }
#cvv_image { position: absolute; top: 0px; height: 26px; }
#_processing_paragraph { display: none; }
#_button_paragraph { margin-top: 20px; }
.payment-method-fields { display: none; }
#_start_date_row { margin-top: 20px; display: none; }
.highlighted-text { font-weight: bold; }
#for_designation { text-align: center; }
#designation_image { text-align: center; }
#designation_image img { max-width: 640px; max-height: 480px; }
@media only screen and (max-width: 950px) {
	#_donation_form .form-line { width: 100%; }
	#_donation_form .form-line input[type=text] { max-width: 90%; width: 90%; }
	#_donation_form .form-line select { max-width: 90%; width: 90%; }
	#_donation_form .form-line textarea { max-width: 90%; width: 90%; }
	#_donation_form .form-line input[type=radio] { margin-left: 0px; }
	#_donation_form .form-line.checkbox-input label { width: 0px; }
	#_donation_form .form-line label.checkbox-label { display: inline-block; padding-left: 5px; width: auto; top: -6px; }
	#_donation_form .form-line span.help-label { display: none; }
}

#header { width: 65%; top: 15px; z-index: 99; margin: 0 auto; height: 80px; padding: 7px; }
#logo { width: 65px; float: left; }
#logo img { margin-top: 2px; }
#logo_image { display: inline; }
#mobile_logo_image { display: none; margin-left:-20px; }

.margin-div { margin: 0 auto; padding: 0px; max-width: 1700px; width: 85%; }

#nav_bar { width: 90%; height: 80px; float: right; position: relative; }
#nav_bar ul { list-style: none; width: 100%; float: right; position: relative; }
#nav_bar li { float: right; width: auto; list-style: none; height: 80px; text-align: center; cursor: pointer; border-right: none; border-left: none; font-size: 1.2rem; letter-spacing: 1px; text-transform: uppercase; font-weight: 300; vertical-align: middle; display: inline-block; padding: 0px 25px; padding-top: 17px; position: relative; }
#nav_bar li a { text-decoration: none; color: rgb(255,255,255); }
#nav_bar li:hover > a { text-decoration: none; color: rgba(255,255,255,.8);}
#nav_bar > ul > li > a { text-transform: normal; }
#nav_bar ul li ul { display: none; position: absolute; top: 70px; left: 0px; background-color: #55b9ea; width: auto; text-align: left; }
#nav_bar ul li ul li { float: none; font-size: .8rem; white-space: nowrap; height: auto; text-align: left; padding: 5px 20px; }
#nav_bar ul li:hover ul { display: block; }

footer.full-width { background-color: #55b9ea !important; padding-top: 4rem !important; padding-bottom: 3rem; }
footer.full-width p { font-size: 12px !important; color: white; text-transform: uppercase; letter-spacing: 1px; }
#footer_logo_image { width: 100px; margin-bottom: 10px; }
footer a { font-size: 10px; }
footer a:hover { color: rgb(0,0,0); }

#login_form table { margin-left: auto; margin-right: auto; }
#_login_form_wrapper { margin: 0px auto; padding-top: 40px; }
#login_form { border: 1px solid black; padding: 20px; margin: 0px auto; width: 400px; text-align: center; }
#forgot_form { border: 1px solid black; padding: 20px; margin-top: 40px; margin-left: auto; margin-right: auto; width: 400px; display: none; }
#access_link_div { width: 300px; margin-right: auto; margin-left: auto; text-align: center; }
#_login_button_cell { margin: 20px 0px; }

@media only screen and (max-width: 1200px) {
	#header { width: 80%; }
	#nav_bar li { font-size: 1.0rem; }
}

@media only screen and (max-width: 960px) {
	#header { width: 100%; }
	#nav_bar li { font-size: .9rem; }
}

@media only screen and (max-width: 850px) {
	#nav_bar { width: 80%; }
}

@media only screen and (max-width: 760px) {
	#nav_bar li { padding-top: 19px; }
	#nav_bar { width:90%; }
	#nav_bar li { font-size: .75rem; }
}

@media only screen and (max-width: 700px) {
	#nav_bar { float: none; text-align: center; margin: 0px auto; }
	#nav_bar ul { float: none; }
	#nav_bar ul li { float: none; }
	#logo { width: 50px; float: none; margin:4px auto; }
	#header { height: 110px;}
	.margin-div { width: 90%;}
	#main_content { padding: 40px 0 40px 0; }
}