body {
background:#fff;padding:0;margin:0;
}
.mobile {display:none;}
#wrapper, .interior-footer .about, .footer {
	width:960px;margin:0 auto;clear:both;
}

.interior-footer, .content_area, .header, .home-footer { float:left;width:100%;}
.interior-footer {background:#51a1cd;margin-top:30px;}
.home-footer {background:#0a0b5e;margin-top:30px;}
.print_header {display:none;}
.site_title {padding:5px 10px;margin-bottom:0px;}
.footer {
    color: white;
    font-size:12px;  padding:50px 0px 10px;display:flex;
}
.home-footer .footer {padding:20px 0px 10px;}
.footer a {
    color: white;
    font-weight: bold;vertical-align:middle;
}
.footer .social {width:30%;padding-top:5px;}
.footer .social a {text-transform:uppercase;margin:5px;font-size:16px;font-weight:normal;;}
.footer .powered {text-align:right;width:30%;padding-top:5px;}
.fb-page {height:300px;width:300px;margin:10px 0px;}
.home-fb > .fb-page {height:615px;}
img.right {float:right;margin:10px;}
.right {float:right;margin:10px;}
.footer .paid {float:left;width:40%;border:1px solid white;padding:5px;text-align:center;margin-bottom:10px;}
.logo {float:left;width:360px;height:100px;padding:10px 0px;}
nav {float:right;padding:30px 0px;}

nav:after {
	content:"";
	display:table;
	clear:both;
}

nav ul {
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	}
	nav ul, nav .social {display:inline-block;vertical-align:middle;}
	.social svg {fill:#0a0b5e;}
	.social a svg:hover {fill:#51A1CD;}
	nav .social a {
	   padding: 3px 5px 0px 5px;
	}
nav ul li {
	margin: 0px;
	display:inline-block;
	float: left;
	}

nav a {color:#0a0b5e !important;font-weight:bold;padding:0px 7px;text-transform:uppercase;float:left;margin-left:0px;font-size:14px;
line-height:20px;
}
nav li.last a {padding:0px 0px 0px 10px;}
nav a:hover {
	color:#51A1CD;
}

nav ul ul {
	display: none;
	position: absolute;
	/* has to be the same number as the "line-height" of "nav a" */
	top:20px; background-color:#C9E4EF;z-index:1200;width:200px;
}

nav ul li:hover > ul {
	display:inherit;
}

nav ul ul li {
	float:none;
	display:inline-block;width:100%;
	position: relative;margin:0;padding:0;
}
nav ul ul li a {color:#0B0F5A;font-size:13px;padding:5px 5%;width:90%;line-height:15px;margin:0px;display:block;}
nav ul li ul li a:hover, nav ul li ul li a:visited:hover {background-color:#4AA2C9;color:#fff !important;font-size:13px;}


.cycle-slideshow a {width:100%;}
.cycle-slideshow {line-height:1;}
.cycle-slideshow img { border:1px solid #222;
    /*
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
    position: absolute; top: 0; left: 0;
    max-width: 100%; padding: 0; display: block;
}

/* in case script does not load */
.cycle-slideshow img:first-child {
    position: static; z-index: 100;
}


.cycle-pager { display:none;
    text-align: center; width: 100%; z-index: 500; position: absolute; top:420px; overflow: hidden;
}
.cycle-pager span {
    font-family: arial; font-size: 70px; width: 20px; height: 20px;color:#dedede;
    display: inline-block; color: #ddd; cursor: pointer;
}
.cycle-pager span.cycle-pager-active { color: #5ba7dd;}
.cycle-pager > * { cursor: pointer;}
button, .button, input[type=submit] {background:#0a0b5e;-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;color:white;font-family: 'Open Sans', sans-serif;font-weight:bold;font-size:28px;text-align:center;text-transform:uppercase;line-height:48px;}

button:hover, .button:hover {background:#51A1CD;}
input[type=submit] {float:right;padding-left:30px;padding-right:30px;
border:none;-webkit-appearance:none;font-size:22px;line-height:31px;background:#53a2ce;
}
.petition-form button {width:100%;}
input[type=submit]:hover {
background: #0a0b5e;color:#fff;}
.about a.button:hover {background:#fff;color:#0a0b5e;}
input[type=text], input[type=email]{height:29px;width:98%;border:1px solid #888;}
input#id_member_field_postal_code, input#zip {width:45px;margin-right:10px;}
.label, label {display:block;font-weight:400;font-style:italic;text-transform:lowercase;font-size:12px;padding-left:2px;padding-bottom:2px;}
.petition-form .form-group {margin:0px 0px 5px;}
.form-group-row {display:flex;justify-content:space-between;}
.form-group-row .first, .form-group-row .last {width:48%;}
.form-group-row .submit {width:100%;}
.petition-form h2 {font-size:28px;margin:5px 0px 10px;}

/*NGP STYLES*/
.ngp-content .main_content {
width:600px;
margin:0 auto;float:none;
}

.at h2, .at-inner header.at-title {font-family: 'Open Sans', sans-serif;
color: #0a0b5e;
font-weight: 300;
text-transform: uppercase;
line-height: 1em;font-size:40px;display:block;}

.main_content header.at-title, .main_content legend.at-legend {display:none;}
.main_content .sign_up_home header.at-title {display:block !important;}
.ngp-content .at fieldset legend {font-family: 'Open Sans', sans-serif;
    color: #0a0b5e;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1em;font-size:21px;}
input[type=submit].btn-at.btn-at-primary {-webkit-border-radius: 6px;
-moz-border-radius: 6px;border-radius: 6px;color:white;font-family: 'Open Sans', sans-serif;font-weight:bold;text-align:center;text-transform:uppercase;float:right;padding-left:30px;padding-right:30px;border:none;-webkit-appearance:none;font-size:22px;line-height:22px;background:#53a2ce;}
input[type=submit].btn-at.btn-at-primary:hover {
background: #0a0b5e;color:#fff;}
.sign_up header.at-title {text-align:left;padding:0;
line-height: 1em;font-size:30px;}
.sign_up .HeaderHtml, .FooterHtml, .MeterHtml {
    padding: 0;
}
.sign_up .at-row.at-row-solo.at-row-full.UpdateMyProfile, .sign_up div.at-row.FirstName.LastName, .sign_up legend.at-legend {display:none;}
.sign_up div.at-fields {display:flex;flex-wrap:wrap-reverse;}

.sign_up {height:250px;}
.sign_up .at .at-fieldset {
    padding: 0;
}
.sign_up .at .error small.error {
    display: block;
    padding: .25rem ;   margin-bottom: 0;
	line-height:1em;
}
.sign_up .at-row>[class^="at-"] {
margin:0;min-width:80px;
}
.sign_up .at-inner {background-color:transparent;}
.sign_up div.at-row.at-row-solo.EmailAddress {width:100%;}
.sign_up div.at-row.at-row-solo.PostalCode {width:80px;}
.sign_up input.at-submit.btn-at.btn-at-primary{font-size:18px;}
.sign_up .at-form-submit {
    padding: 0;
    width: 200px;
    position: relative;
    top: -70px;
    float: right;}
/* END NGP STYLES */


.sign_up {
}
.sign_up table {width:100%;}
.sign_up table tr td  {vertical-align:top;}

.donate {background:#cae3f0;padding:15px;-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;margin:20px 0px;}
.donate p a {text-decoration:none;color:#222;font-weight:normal;}
.donate p, .sign_up p {margin:10px 0px;}
.sign_up h2, .donate h2, .sidebar h2 {margin-bottom:0;}
.sidebar h3 {margin-bottom:15px;}
.donate a.button {width:100%;display:block;}
.main_content {
width:600px;
float:left;
}
.main_content img {max-width:100%;}
.main_content p img, .main_content ul li img {margin:10px;}


/*.main_content .sign_up, .main_content .donate {height:172px;}*/
.main_content .sign_up {float:left;width:285px;margin-right:15px;}
.main_content .donate {float:right;width:230px;padding:35px;margin:0;}
.petition-form  {background:#cae3f0;padding:15px;-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;margin:20px 3%;float:right;width:38%;}
.petition-text {float:left;width:50%;}
.home_content {width:560px;padding:20px;background:#51a1cd;float:left;text-align:center;margin-bottom:30px;}
.interior-footer .about img {float:right;border:1px solid #222;margin-left:30px;}
.interior-footer .about {padding:20px 0px;}
.home-footer .social svg, .interior-footer .social svg {fill:#fff;vertical-align:middle;}
.interior-footer .social a svg:hover {fill:#0a0b5e;}

.about p {padding:20px 0px 0px;color:white;font-size:16px;line-height:24px;margin-bottom:10px;}
.about .button {font-size:15px;padding:8px 18px;}

.posted_on {
	color:#555555;
	font-size:.85em;
}
.sidebar {
	float:right;
	width:300px;
	min-height:450px;
}

.entry_image, .entry_video {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
.caption {
	font-size:11px;
	color:black;
}
.pull_quote_wrapper {
	float:right;
	width:200px;
	margin-left:15px;
	margin-bottom:10px;
}
.pull_quote {	color:#999;font-size:18px;padding-left:20px;
	font-weight:bold;
}
.close {float:right;font-size:80px;height:50px;width:50px;}
.open {font-size:80px;height:50px;width:50px;}
div.right {float:right;margin:0px 0px 10px 10px;}
div.left {float:left;margin:0px 10px 10px 0px;}
div.right img, div.left img {border:1px solid black;}
div.right p.caption, div.left p.caption {font-size:90%;color:#555;display:block;}

.facebook-box {background-color:white;width:292px;margin:10px 0px;}
.twitter-button {margin:20px 0px;}

.entry_video embed {
width:400px;}
ul.supporter_list {
	list-style-type:none;}
ul.supporter_list li {
	margin-left:0px;}
	ul.supporter_list li ul {
		list-style-type:none;}
		ul.supporter_list li ul li {
		margin-left:30px;}
#comment_container {margin-top:20px;border-top:2px solid #002E63;padding-top:10px;}
#comment_form_container {margin-top:20px;border-top:2px solid #002E63;padding-top:10px;}
#comment_list li { list-style-type:none;background-color:#DAE3EB;margin-left:0px;padding:10px;margin:10px 0px;}
.comment_details { color:#002E63;font-size:11px;padding-bottom:10px;}
.help_text {font-style:italic;margin-top:5px;}
input.formfield { margin:10px 20px 0px 0px;}
a.stbar.chicklet img {border:0;height:16px;width:16px;margin-right:3px;vertical-align:middle;}
a.stbar.chicklet {height:16px;line-height:16px;font-size:12px;}
.share_links { margin:10px 0px;}
.sharethis-inline-share-buttons {clear:both;}


 /* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	ul.sub-nav {display:hidden;}
}

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
	ul.sub-nav {display:hidden;}
}