/* Reset Style. */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
}
body{line-height: 1;color: #000;background: #FFF;}
ol, ul{list-style: none;}
table{border-collapse: separate; border-spacing: 0;}
caption, th, td{text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after{content: "";}
blockquote, q{quotes: "" "";}

td{vertical-align: middle;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend{color:#000;}
b, strong{font-weight: bold;}

#e_content {
}

#footer {
	height: 100px;
}

#header {
	height: 100px;
}

#featurewrap {
}

#maincontent {
}

#mainnav {
}

#logo {
	float: left;
	width: 49.0%;
}

#search {
	float: right;
	width: 49.0%;
}

#text {
}

#subnav {
	float: left;
	width: 32.0%;
}

#column1 {
	float: left;
	width: 32.0%;
}

#column2 {
}
html {
  font-size: 100%;
}

body {
  background: #000;
  font: .8em Verdana, Arial, sans-serif;
  color: #000;
}

* {
  word-wrap: break-word;
}

/* center alignment ---------------------------*/
#e_content,
#featurewrap1,
#featurewrap {
  width: 100%;
}

#mainnav,
#logosearchwrap,
#featurewrap2,
#buttons,
#header,
#featurequiz,
#maincontent,
#footer,
#body {
  width: 950px;
  margin: 0 auto;
  position: relative;
}

/* text styles -----------------------------*/
h2,
.login_con p.title {
  color: #000;
  line-height: 1.0;
  margin-bottom: .5em;
  font-size: 1.3em;
  font-weight: bold;
}

h3 {
  font-size: 1.6em;
  color: #000;
  margin-bottom: .5em;
}

h4 {
  font-size: 1.1em;
  font-weight: bold;
}

a:link {
  text-decoration: underline;
  color: #666;
}

a:visited {
  text-decoration: underline;
  color: #666;
}

a:hover, a:active {
  text-decoration: none;
  color: #d4ad17;
}

p {
  line-height: 1.4;
  margin-bottom: 1em;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

/* table styles ----------------
.textbean table,
.article_content table {
width: 100%;
}
.textbean table t:d,
.article_content table td {
padding: .3em .5em;
}
.textbean .even td,
.article_content .even td {
background: #eaf2f7;
}*/
/* list styles ------------------*/
.textbean ul,
.textbean ol {
  list-style-position: outside;
  margin: 0 0 1em 1em;
}

.textbean li {
  line-height: 1.4;
}

.textbean ul li {
  list-style-type: disc;
}

.textbean ol li {
  list-style-type: decimal;
}

.textbean ul ul {
  margin: 0 0 0 1em;
}

/* header ------------------------------------*/
#logo {
  position: absolute;
  top: 0px;
  left: 10px;
  z-index: 0;
}

#logo h1 a,
#logo {
  width: 235px;
  height: 167px;
  max-width: 100%;
}

#logo h1 a {
  display: block;
  background-size: cover;
}

#logo h1 a img {
  width: 100%;
  height: auto;
}

#search {
  float: right;
  width: 400px;
  text-align: right;
  margin-right: 25px;
  padding-top: 15px;
  height: 78px;
}

#search input[type="submit"] {
  background: url(http://www-stepupspeakout-org-files.s3.amazonaws.com/63cc-650482-gobutton.png?versionId=nqR3lb6yngMddtUm8butZeYTrsnBS1Ln) no-repeat 0 0;
  width: 23px;
  height: 22px;
  border: 0;
  text-indent: -999em;
  cursor: pointer;
}

#search input[type="submit"]:hover {
  background: url(http://www-stepupspeakout-org-files.s3.amazonaws.com/63cc-650482-gobutton.png?versionId=nqR3lb6yngMddtUm8butZeYTrsnBS1Ln) no-repeat 0 -22px;
  cursor: pointer;
}

/* main navigation -----------------------------*/
#mainnav {
  background: url(http://www-stepupspeakout-org-files.s3.amazonaws.com/7132-65207657-linksbg.jpg?versionId=g9sP9BdGWyH4zplt5BIwgIB.7j20TPfl) no-repeat left top;
  height: 47px;
  width: 950px;
}

#mainnav .menu {
  z-index: 2;
}

#mainnav li {
  padding-left: 1em;
}

#primary_nav {
  float: right;
}

#primary_nav li .menuitemlabel {
  color: #000;
  text-decoration: none;
  padding: 1.2em 1em 10px;
  display: block;
  font: 1.2em Arial, sans-serif;
  font-weight: bold;
  cursor: pointer;
}

#primary_nav .menu .menu li a.menuitemlabel,
#primary_nav li.mi-active .menuitemlabel,
#primary_nav li.over .menuitemlabel {
  color: #fff;
}

/* dropdown ----------*/
#primary_nav li ul {
  width: 15em;
  top: 47px;
  font-size: .8em;
  left: 1.0em;
}

#primary_nav li ul .mi:first-child {
  display: none;
}

#primary_nav li li {
  text-align: left;
  width: 15em;
}

#primary_nav li li a,
#primary_nav li.over li a {
  padding: 0.7em 1.0em;
  border-right: none;
  display: block;
  border-bottom: 1px solid #000;
}

#primary_nav li li a:hover {
  background: #666;
  color: #000;
}

#primary_nav li.over ul {
  z-index: 10;
}

.youthnav li a {
  background: #d1001f;
  color: #fff;
}

.parentsnav li a {
  background: #61bd00;
  color: #fff;
}

.coachesnav li a {
  background: #05aab2;
  color: #fff;
}

.communitynav li a {
  background: #f25d01;
  color: #fff;
}

/* fix dropdown */
#subnav ul ul {
  /*margin-top: 20px;*/
  font-size: 12px;
}

#subnav1 ul ul a:link {
  font-weight: normal;
  width: 100%;
}

#subnav ul li ul {
  left: auto;
  right: 0;
}

#primary_nav ul ul ul {
  left: 19em;
  top: 0;
}

/* body -------------------------------*/
#featurewrap1 {
  height: 247px;
  width: 100%;
  background: url(http://www-stepupspeakout-org-files.s3.amazonaws.com/bdd8-174952-graybg.jpg?versionId=.ydNfzyv2QmUDV6mqEkz4nnzAAvFaKYs) repeat-x;
}

#header {
  height: 115px;
}

#maincontent {
  background: #fff;
  margin-top: -60px;
}

#subnav {
  float: left;
  width: 170px;
  text-align: right;
  padding-top: 20px;
}

#subnav a {
  padding-bottom: 8px;
  display: block;
}

#subnav1 a:link {
  text-decoration: none;
  font-weight: bold;
  color: #666;
}

#subnav1 a:visited {
  text-decoration: none;
  font-weight: bold;
  color: #666;
}

#subnav1 a:hover {
  text-decoration: none;
  font-weight: bold;
  color: #000;
}

#column1 {
  float: left;
  width: 700px;
  margin-left: 25px;
  padding-top: 20px;
  padding-right: 25px;
}

#column1 ul, #column2 ul {
  list-style: disc;
  padding-left: 15px;
  margin-bottom: 15px;
}

#column1 ol, #column2 ol {
  list-style: decimal;
  margin-bottom: 15px;
}

/*resizing font to fit column correctly */
#subnav1 a:link {
  font-size: 0.9em;
}

/* footer -------------------------------*/
#footer {
  clear: both;
  box-sizing: border-box;
  padding: 30px;
}

#disclaimer {
  color: #999;
  font: 0.7em Arial, sans-serif;
  float: left;
  width: 84%;
  max-width: 100%;
}

footer > .text {
  width: 15%;
  float: right;
}

/*
#social_media,
#copyright {
float: right;
}
#social_media a {
display: block;
float: left;
width: 55px;
height: 40px;
margin-top: 0.25em;
text-indent: -4000em;
}




#social_media a.powerplay {
background: url(/web/20181103215852im_/http://www.stepupspeakout.org/resources/dyn/files/220657z6a3352cb/_fn/powerplay.png) no-repeat top left;
width: 154px;
}
#social_media a.facebook {
background: url(/web/20181103215852im_/http://www.stepupspeakout.org/resources/dyn/files/175439za1ff01c8/_fn/icon_facebook.gif) no-repeat top left;
}
#social_media a.linkedin {
background: url(/web/20181103215852im_/http://www.stepupspeakout.org/resources/dyn/files/175440z97622fab/_fn/icon_linkedin.gif) no-repeat top left;
}
#social_media a.twitter {
background: url(/web/20181103215852im_/http://www.stepupspeakout.org/resources/dyn/files/175441ze0651f3d/_fn/icon_twitter.gif) no-repeat top left;
}
#copyright {
padding: .8em;
color: #9abfe9;
}

*/
#clear1 {
  clear: both;
}

#clear2 {
  clear: both;
}

/* no feature */
#maincontent {
  border-top: 5px solid #18ABB2;
  margin-top: -247px;
  padding-bottom: 10px;
  border-radius: 5px;
}

#maincontent * {
  box-sizing: border-box;
}

#maincontent .text img {
  max-width: 100%;
  height: auto;
}

#maincontent form h1 {
  font-size: 1.25em;
  font-weight: bold;
  margin-bottom: 10px;
}

#maincontent form .prop {
  float: left;
  margin-right: .5em;
}

#maincontent form .prop label {
  float: left;
}

#maincontent form input {
  width: 100%;
}

#maincontent form label {
  font-weight: bold;
}

#maincontent form input, #maincontent form select {
  padding: 1px;
  margin: 0 0 5px 0;
  border: 1px solid #999;
  -webkit-appearance: none;
  height: 22px;
}

#maincontent form textarea {
  padding: 1px;
  margin: 0 0 5px 0;
  border: 1px solid #999;
  -webkit-appearance: none;
}

#maincontent form select {
  background: url(http://www-stepupspeakout-org-files.s3.amazonaws.com/c88b-25207657-dropdown.png?versionId=tnSXeSPGKa40pk_iibKmyBQXKcrAPkdl) 96% center no-repeat;
  background-size: auto 50%;
}

footer p {
  float: right;
  clear: both;
}

footer p .social {
  width: 35px;
  height: auto;
  margin-right: 10px;
  border-radius: 2px;
}

@media screen and (max-width: 1024px) {
  #logosearchwrap,
  #featurewrap2,
  #buttons,
  #header,
  #featurequiz,
  #maincontent,
  #footer,
  #body {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  #header {
    height: 110px;
  }
  #mainnav {
    height: 100%;
    width: 300px;
    position: fixed;
    right: -300px;
    background: #EEC616;
    z-index: 9;
    -webkit-transition: right 0.3s ease;
    transition: right 0.3s ease;
  }
  #mainnav.show {
    right: -17px;
  }
  #mainnav.show .menu-icon {
    right: 283px;
    background: #EEC616 url("http://www-stepupspeakout-org-files.s3.amazonaws.com/e143-99596657-close-nav.png?versionId=WxmjmC5zodTJGfvsLzirf4xups8mCfz0") center no-repeat;
  }
  .menu-icon {
    background: #EEC616 url("http://www-stepupspeakout-org-files.s3.amazonaws.com/842c-85207657-mobile-nav.png?versionId=jF.rxbJGCwzIhwxKCX6wDJIfXEhtfMUq") center no-repeat;
    display: block;
    height: 50px;
    width: 50px;
    position: fixed;
    top: 5px;
    right: 0px;
    cursor: pointer;
    -webkit-transition: right 0.3s ease;
    transition: right 0.3s ease;
  }
  #primary_nav {
    float: none;
    height: 100%;
  }
  #primary_nav > .menu {
    display: block;
    height: 100%;
    width: 100%;
    overflow-y: scroll;
  }
  #primary_nav > .menu .mi {
    display: block;
    width: 100%;
    padding: 0;
  }
  #primary_nav > .menu .mi .menu {
    display: none;
    position: static;
    width: 100%;
  }
  #primary_nav > .menu .mi .menu .mi:first-child {
    display: block;
  }
  #primary_nav > .menu .mi .menu li {
    padding: 0;
    width: 100%;
  }
  #primary_nav > .menu .mi .menu li .menuitemlabel {
    padding: 1em;
  }
  #logo {
    top: 0;
    left: 10px;
  }
  #search {
    position: absolute;
    bottom: 0;
    right: 0;
    height: auto;
    padding: 0;
    margin: 15px;
  }
  #search .query input {
    box-sizing: border-box;
    padding: 3px;
  }
  #search .button input {
    width: 24px;
    height: 23px;
    background-size: cover;
  }
  #maincontent {
    margin-top: -237px;
    border-radius: 0;
  }
  #subnav {
    width: 20%;
  }
  #column1 {
    float: right;
    width: 78%;
    margin-left: 0;
    padding-left: 5px;
    box-sizing: border-box;
  }
  footer p {
    float: left;
  }
}

@media screen and (max-width: 720px) {
  #header {
    height: 110px;
  }
  #logo {
    left: -20px;
  }
  #search {
    margin: 5px;
  }
  .banner-slider {
    width: 100%;
  }
  #buttons {
    clear: both;
  }
  #buttons div.text {
    box-sizing: border-box;
    display: block;
    float: none;
    width: 100%;
    text-align: center;
  }
  #buttons div.text a {
    display: inline-block;
  }
  #maincontent form .prop, #maincontent form .part, #maincontent form input, #maincontent form select, #maincontent form textarea, #maincontent form div.hli, #maincontent form table {
    width: 100%;
  }
  #subnav {
    width: 100%;
    float: none;
    margin: 0;
    padding: 10px;
    text-align: left;
  }
  #column1 {
    float: none;
    width: 100%;
    margin: 0;
    padding: 10px;
  }
  #disclaimer {
    width: 75%;
  }
  footer > .text {
    width: 23%;
    float: right;
  }
}

@media screen and (max-width: 428px) {
  #header {
    height: 135px;
  }
  #logo h1 a, #logo {
    width: 175px;
    height: 120px;
  }
  #logo {
    top: 30px;
    max-width: 100%;
    left: 0;
  }
  #logo h1 a {
    text-indent: 0;
    background: none;
    max-width: 100%;
  }
  #logo h1 a img {
    width: 100%;
    height: auto;
  }
  #search {
    margin: 5px;
    text-align: center;
    bottom: auto;
    top: 0;
    width: 100%;
  }
  #search .query {
    width: 75%;
    display: inline-block;
  }
  #search .query input {
    width: 100%;
  }
  #mainnav {
    width: 80%;
    right: -80%;
  }
  #mainnav.show {
    right: 0;
  }
  #mainnav.show .menu-icon {
    right: 80%;
  }
  .menu-icon {
    top: 35px;
  }
  #disclaimer {
    width: 100%;
  }
  footer > .text {
    width: 100px;
    float: none;
    clear: both;
    margin: 0 auto;
  }
}
#featurewrap {
  height: 247px;
  width: 100%;
  background: url(http://www-stepupspeakout-org-files.s3.amazonaws.com/9d07-194952-redbg.jpg?versionId=qh4VEFUH6w92RYHcdXNvEUWdQL_WFmOI) repeat-x;
}

#featurequiz {
  height: 187px;
  width: 950px;
  background: url(http://www-stepupspeakout-org-files.s3.amazonaws.com/80ad-494952-youthheader.png?versionId=7Fq4udJRdhLoiKVXYQh.VE1rz3yX3FXQ) no-repeat top left;
}

#featurecontent {
  padding: 50px 30px 0 400px;
}

h2 {
  color: #d00020;
}

#subnav1 a:hover {
  text-decoration: none;
  font-weight: bold;
  color: #d00020;
}
#featurecontent,
#featurewrap .textbean {
  padding: 50px 50px;
  margin: 0 auto;
  width: 850px;
}

#featurecontent h2,
#featurewrap .textbean h2 {
  color: #000;
}

#primary_nav ul li ul {
  z-index: 10;
}

@media screen and (max-width: 1024px) {
  #featurecontent, #featurewrap .textbean {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
  }
}