/* Responsive CSS Styles Table of Contents */
/*
1  @media only screen and (min-width: 1000px) and (max-width: 1169px)
2  @media only screen and (max-width: 1028px)
3  @media only screen and (max-width: 950px)
4  @media only screen and (min-width: 768px) and (max-width: 999px)
5  @media only screen and (max-width: 893px)
6  @media only screen and (max-width: 780px)
7  @media only screen and (max-width: 697px)
8  @media only screen and (max-width: 668px)
9  @media only screen and (min-width: 640px) and (max-width: 767px)
10  @media only screen and (min-width: 480px) and (max-width: 639px)
11  @media only screen and (max-width: 650px)
12  @media only screen and (max-width: 550px)
13 @media only screen and (max-width: 479px)
14 @media only screen and (max-width: 400px)
*/
/* 1 */
@media only screen and (min-width: 1000px) and (max-width: 1169px)
{
   .container {width:1000px; margin:auto;}
   .logo {width:20%;}
}

/* 2 */
@media only screen and (max-width: 1028px)
{
   #MainMap {width:100%; height:450px;}
}

/* 3 */
@media only screen and (max-width: 950px)
{
   #ProgramRegButton, #CANRegButton {float:left; width:49.5%;}
   #YouthRegButton {clear:left; float:none; width:100%;}
}

/* 4 */
@media only screen and (min-width: 768px) and (max-width: 999px)
{
   .container {width:747px; margin:auto;}
   .logo {width:40%;}
   .menu_main {width:97%; position:absolute;}
   .LoginSection {clear:both; margin-top:3px; margin-bottom:3px; text-align:left; width:100%;}
   /* .CrumbBar {float:none; display:block} */
   .slidermar2, .MapArea {margin-top:77px;}
   .newsletter .enter_email_input {width:100%;}
   .feature_section7 .tabs > li {font-size:12px;}
}

/* 5 */
@media only screen and (max-width: 893px)
{
   #MainMap {height:300px;}
}

/* 6 */
@media only screen and (max-width: 780px)
{
   .LoginSection {clear:both; margin-top:3px; margin-bottom:3px; text-align:left; width:100%;}
   /* .CrumbBar {float:none; display:block} */
}

/* 7 */
@media only screen and (max-width: 697px)
{
   .ProgramsButtonFrame {max-width:130px;}
   .ProgramsButton, .btn-lg {height:52px; padding:5px; font-size:14px;}
   .Maparea {max-height:350px;}
   #MainMap {height:280px;}
}


/* 8 */
@media only screen and (max-width: 668px)
{
   #DefaultLogin {display:none;}
   #MobileLogin {display:block; width:100%; height:100%; z-index:9100;}
}

/* 9 */
@media only screen and (min-width: 640px) and (max-width: 767px)
{
   /* columns */
   .one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth, .onecol_forty, .onecol_sixty, .onecol_thirtyfive,
   .one_half_less, .one_third_less, .one_fourth_less, .two_third_less, .three_fourth_less, .one_fifth_less, .onecol_forty_less, .onecol_sixty_less, .onecol_thirtyfive_less
   {position:relative; margin-right:0%; float:left;}
   .one_full,
   .one_half,
   .one_third,
   .one_fourth,
   .one_fifth,
   .two_third,
   .three_fourth,
   .onecol_forty,
   .onecol_sixty,
   .onecol_thirtyfive,
   .one_full_less,
   .one_half_less,
   .one_third_less,
   .one_fourth_less,
   .one_fifth_less,
   .two_third_less,
   .three_fourth_less,
   .onecol_forty_less,
   .onecol_sixty_less,
   .onecol_thirtyfive_less {width:100%; margin-bottom:50px;}
   .last {margin-right:0 !important; margin-bottom:0 !important;}
   .container {width:640px; margin:auto;}
   .logo {width:50%;}
   .menu_main {width:93%; position:absolute;}
   .slidermar2, .MapArea {margin-top:30px;}
   .feature_section2 .one_fourth {width:100%;}
   .feature_section3  .rightcon li {padding-left:0px;}
   .feature_section6 .box1 {width:100%; padding-bottom:10px;}
   .feature_section6 .box2 {width:100%; padding-bottom:10px;}
   .feature_section6 .box3 {width:100%; padding-bottom:10px;}
   .feature_section6 .box4 {width:100%; padding-bottom:10px;}
   .feature_section7 .tabs > li {font-size:11px; text-transform:none;}
   .copyright_info .one_half {margin-bottom:20px; text-align:left;}
   ul.footer_social_links {float:left;}
   h1 {font-size:30px; line-height:30px;}
   h2 {font-size:23px; line-height:27px;}
   h3 {font-size:18px; line-height:25px;}
   h4 {font-size:16px; line-height: 25px;}
   .feature_section3 h4 {font-size:35px; line-height:40px;}
   .feature_section5 h1 {font-size:35px; line-height:40px;}
}

/* 10 */
@media only screen and (min-width: 480px) and (max-width: 639px)
{
   /* columns */
   .one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth, .onecol_forty, .onecol_sixty, .onecol_thirtyfive,
   .one_half_less, .one_third_less, .one_fourth_less, .two_third_less, .three_fourth_less, .one_fifth_less, .onecol_forty_less, .onecol_sixty_less, .onecol_thirtyfive_less
   {position:relative; margin-right:0%; float:left;}
   .one_full,
   .one_half,
   .one_third,
   .one_fourth,
   .one_fifth,
   .two_third,
   .three_fourth,
   .onecol_forty,
   .onecol_sixty,
   .onecol_thirtyfive,
   .one_full_less,
   .one_half_less,
   .one_third_less,
   .one_fourth_less,
   .one_fifth_less,
   .two_third_less,
   .three_fourth_less,
   .onecol_forty_less,
   .onecol_sixty_less,
   .onecol_thirtyfive_less {
	   width: 100%;
	   margin-bottom: 50px;
   }
   .last {
	   margin-right: 0 !important;
	   margin-bottom: 0 !important;
   }

   .container {
	   width: 440px;
	   margin: auto;
   }

   .logo {
	   width: 30%;
   }
   .menu_main {
	   width: 93%;
	   position: absolute;
   }
   .top_nav ul.topsocial {
	   float: left;
   }
   .slidermar2, .MapArea {
	   margin-top: 77px;
   }
   .feature_section2 .one_fourth {
	   width:100%;
   }
   .feature_section3  .rightcon li {
	   padding-left:0px;
   }
   .feature_section6 .box1{
	   width:100%;
	   padding-bottom:10px;
   }
   .feature_section6 .box2{
	   width:100%;
	   padding-bottom:10px;
   }
   .feature_section6 .box3{
	   width:100%;
	   padding-bottom:10px;
   }
   .feature_section6 .box4{
	   width:100%;
	   padding-bottom:10px;
   }
   .copyright_info .one_half {
	   margin-bottom: 20px;
	   text-align: left;
   }
   ul.footer_social_links {
	   float: left;
   }
   h1 {
	   font-size: 27px;
	   line-height: 27px;
   }
   h2 {
	   font-size: 21px;
	   line-height: 25px;
   }
   h3 {
	   font-size: 16px;
	   line-height: 25px;
   }
   h4 {
	   font-size: 16px;
	   line-height: 25px;
   }
   .feature_section3 h4 {
	   font-size: 30px;
	   line-height: 35px;
   }
   .feature_section5 h1 {
	   font-size: 30px;
	   line-height: 35px;
   }
}

/* 11 */
@media only screen and (max-width: 650px)
{
   #ProgramRegButton, #CANRegButton, #YouthRegButton {float:none; width:100%;}
   #MemberInfo {clear:both; padding:15px;}
   #MemberInfo #HorizontalTable {display:none;}
   #MemberInfo #VerticalTable {display:block;}
   .feature_section7 .container {width:98%;}
   .feature_section7 .tabs li {font-size:11px; text-transform:none;}
   .LogoLeft {float:none; margin-left:auto !important; margin-right:auto !important;}
   .LB {display:block;}
   .feature_section7 .tab__content > li .content__wrapper {padding-top: 20px; padding-right: 10px; padding-bottom: 20px; padding-left: 10px;}
   .MapHeader h2 {font-size:16px;}
   .Maparea {max-height:300px;}
   #MainMap {height:220px;}
}

/* 12 */
@media only screen and (max-width: 550px)
{
   .HighlightBoxRight {float:none; margin-left:auto; margin-right:auto;}
   .tabs li {font-size:10px !important;}
   .Feature_Section_Sponsorship {background-position:-700px -50px;}
}

/* 13 */
@media only screen and (max-width: 479px)
{
   /* columns */
   .one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth, .onecol_forty, .onecol_sixty, .onecol_thirtyfive,
   .one_half_less, .one_third_less, .one_fourth_less, .two_third_less, .three_fourth_less, .one_fifth_less, .onecol_forty_less, .onecol_sixty_less, .onecol_thirtyfive_less {
	   position: relative;
	   margin-right: 0%;
	   float: left;
   }
   .one_full,
   .one_half,
   .one_third,
   .one_fourth,
   .one_fifth,
   .two_third,
   .three_fourth,
   .onecol_forty,
   .onecol_sixty,
   .onecol_thirtyfive,
   .one_full_less,
   .one_half_less,
   .one_third_less,
   .one_fourth_less,
   .one_fifth_less,
   .two_third_less,
   .three_fourth_less,
   .onecol_forty_less,
   .onecol_sixty_less,
   .onecol_thirtyfive_less {
	   width: 100%;
	   margin-bottom: 50px;
   }
   .last {
	   margin-right: 0 !important;
	   margin-bottom: 0 !important;
   }
   .container {
	   width: 300px;
	   margin: auto;
   }
   .logo {
	   width: 42%;
   }
   .menu_main {
	   width: 93%;
	   position: absolute;
   }
   .top_nav ul.topsocial {
	   float: left;
   }
   .top_nav .topsocial li {
	   margin: 0px 8px 0px 0px;
   }
   .slidermar2, .MapArea {
	   margin-top: 77px;
   }
   .feature_section2 .one_fourth {
	   width:100%;
   }
   .feature_section3  .rightcon li {
	   padding-left:0px;
   }
   .feature_section6 .box1{
	   width:100%;
	   padding-bottom:10px;
   }
   .feature_section6 .box2{
	   width:100%;
	   padding-bottom:10px;
   }
   .feature_section6 .box3{
	   width:100%;
	   padding-bottom:10px;
   }
   .feature_section6 .box4{
	   width:100%;
	   padding-bottom:10px;
   }
   .feature_section7 .tab__content li
   {
      width:100%; height:auto; min-height:100%;
      position:relative;
      /* overflow:hidden;
      height:1%; */
   }
   .feature_section7 .container {width:100%;}
   .feature_section7 .tabs li {font-size:11px; text-transform:none;}

   .feature_section7 .tabs > li {
      padding: 5px 0px 7px 0px;
      font-size: 10px;
      color:#000000;
      text-transform:none;
   }
   .feature_section7 .tabs {
      display:none;
   }
   .feature_section7 #MobileSelections
   {
      display:block;
   }
   .feature_section7 #MobileSelections
   {
      display:block;
      width:134px;
      text-align:center;
      padding:6px;
      border-radius:10px;
      backgrount:url(images/menu.gif) left center #E87E04;
      color:#000000;
      margin-top:-10px;
      font-weight:600;
   }
   .copyright_info .one_half {
	   margin-bottom: 20px;
	   text-align: left;
   }
   ul.footer_social_links {
	   float: left;
   }
   h1 {
	   font-size: 21px;
	   line-height: 25px;
   }
   h2 {
	   font-size: 21px;
	   line-height: 25px;
   }
   h3 {
	   font-size: 16px;
	   line-height: 25px;
   }
   h4 {
	   font-size: 16px;
	   line-height: 25px;
   }
   .feature_section3 h4 {
	   font-size: 30px;
	   line-height: 35px;
   }
   .feature_section5 h1 {
	   font-size: 30px;
	   line-height: 35px;
   }
   .Feature_Section_Sponsorship {background-position:-750px -50px;}
}
/* 14 */
@media only screen and (max-width: 400px)
{
   .logo {width:50%;}
   .feature_section7 .tab__content > li .content__wrapper {padding-top: 20px; padding-right:0px; padding-bottom:10px; padding-left:0px;}
}
@media only screen and (max-width:375px)
{
   .Feature_Section_Sponsorship
   {
      background-position:-750px -50px;
   }
}