/*-------------------------------------------------------
[Table of contents]

1. Site Main Structure
	+ Columns
	+ Less apace between columns
2. Header
   + Top Navigation
3. Forms
   + Breadcrumbs
   + FormFrame
   + CSS Forms and Lists
   + ContactForm
   + Wide Form
   + Dropdown Colors
4. Feature Sections
   + Features_Section 1
   + Features_Section 2
   + Features_section 3 Custom combo of original 3 and 5
   + Features_section 4
   + Features_section ProgramPageA
   + ProgramIntro
   + Features_section Programs
   + Features_section 5
   + Features_section 6
   + Features_section 7
   + Registration Screens
5. Footer
   + Copyrights
   + Footer social links
   + Scroll Up
6. Tables
7. Text Formatting
8. Logo
9. Ads
10. Buttons
11. Screen Centering
12. Display Ads
13. Miscelleneous

/*----------------------------------------------------
	1. SITE MAIN STRUCTURE
------------------------------------------------------*/
body {color:#000000 !important;}
.site_wrapper {width:100%;	margin:0 auto 0 auto;}
.container_full {width:100%;	float:left;	margin:auto;}
.container {width:1170px; margin:auto;}
.content_fullwidth {float:left; width:100%; padding:90px 0px 90px 0px;}
.content_fullwidth.less {padding:0px 0px 90px 0px;}
.content_fullwidth.less2 {padding:75px 0px 90px 0px;}
.content_fullwidth.less3 {padding:75px 0px 30px 0px;}
.content_fullwidth.Top {padding:90px 0px 90px 0px;}
.FullWidthInner {margin-top:30px; margin-bottom:20px; width:100%; max-width:1100px; margin-left:auto; margin-right:auto; padding:0 15px 10px 15px;}
.content_left {float:left;	width:71%; padding:0px 0px 0px 0px;}
.left_sidebar {float:left;	width:25%; padding:0px 0px 0px 0px;}
.content_right {float:right; width:71%; padding:0px 0px 0px 0px;}
.right_sidebar {float:right; width:25%; padding:0px 0px 0px 0px;}
.content_halfsite {float:left; width:47.5%; margin-right:5%; padding:0px 0px 0px 0px;}
.content_halfsite.last {margin-right:0;}
.top_nav .container {width:100%;} /* removed */
#MobileLogin {display:none;}
.SplitBox520 {width:100%; max-width:520px; margin:15px auto;}
.SplitBox520.Bordered {width:100%; max-width:520px; padding:15px; margin:15px auto;}
.SplitBox600 {width:100%; max-width:600px; margin:15px auto;}
.SplitBox600.Bordered {width:100%; max-width:600px; padding:15px; margin:15px auto;}
.SplitBox660 {width:100%; max-width:660px; margin:15px auto;}
.SplitBox660.Bordered {width:100%; max-width:660px; padding:15px; margin:15px auto;}
.SplitBoxLeft {float:left; width:46%; margin-right:8%;}
.SplitBoxRight {float:left;width:46%;}
.PageSection {position:relative; padding:150px 50px 200px 50px;}
/*-------------------*/
/*     columns       */
/*-------------------*/
.one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth, .onecol_forty, .onecol_sixty, .onecol_thirtyfive
{position:relative; margin-right:4%; float:left;}
.one_full {width:100%;}
.one_half {width:48%;}
.one_third {width:30.650%;}
.one_fourth {width:22%;}
.one_fifth {width:16.800%;}
.two_third {width:65.350%;}
.three_fourth {width:74%;}
.onecol_forty {width:40%;}
.onecol_sixty {width:56%;}
.onecol_thirtyfive {width:35%;}
/*-----------------------------------*/
/*  Less Space Bitween Columns     */
/*-----------------------------------*/
.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:2%;	float:left;}
.one_full_less {width:100%;}
.one_half_less {width:49%;}
.one_third_less {width:32%;}
.one_fourth_less {width:23.500%;}
.one_fifth_less {width:18.400%;}
.two_third_less {width:66%;}
.three_fourth_less {width:74.500%;}
.onecol_forty_less {width:40%;}
.onecol_sixty_less {width:58%;}
.onecol_thirtyfive_less {width:36.250%;}
.last {margin-right: 0 !important;}
/*------------------------
   2. Header
------------------------*/
.menu_main {float:right; width:650px; margin-right:20px;	z-index:9999;}
.menu ul {margin-top:1px !important; border-top:none !important;}

/* top navigation */
.dropdown-toggle {color:#000000 !important;}
#TopNavList2 {z-index:10000; margin-top:-20px;}
.top_nav {
	float: left;
	width: 100%;
   height:55px;
	background: #f3f3f3;
	border-bottom: 1px solid #e3e3e3;
	color: #000000;
	font-size: 13px;
}
/*.top_nav .left {
	float: left;
	width: 30%;
	padding: 12px 0px;
}
.top_nav .left i {
	color: #000000;
}
.top_nav .left a {
	color: #000000;
	margin-right: 25px;
}
.top_nav .left a:hover {
	color: #E87E04;
	transition: all 0.3s ease;
}
.top_nav .right {
*/	/* float: right; */
/*	width: 100%;
	text-align: right;
   margin-right:20px;
}

.top_nav ul.topsocial {
	float: right;
	padding: 0px;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 12px 0px;
}
.top_nav .topsocial li {
	float: left;
	padding: 0px;
	margin: 0px 16px 0px 0px;
}
.top_nav .topsocial li a {
	float: left;
	color: #000000;
	font-size: 13px;
	border-radius: 100%;
	text-align: center;
	vertical-align: middle;
	transition: all 0.3s ease;
	margin-right: 0px;
}
.top_nav .topsocial li a:hover {
	color: #E87E04;
} */

/*.slidermar2 {
	margin-top: 15px; /* When used at top, change this to 85px
} */

/*----------------------------------------------------
   3. FORMS
------------------------------------------------------*/

/* OLD
#BreadCrumbs #Crumbs {}
#BreadCrumbs #Login {float:right; height:18px; margin-top:auto; margin-bottom:auto; margin-right:5px;}
#BreadCrumbs #LoginMsg {height:18px; margin-top:auto; margin-bottom:auto; margin-left:5px;}
#BreadCrumbs {/*border-bottom:1px solid #325D86;*/ /*width:100%; height:20px; background:url(images/CrumbBG.jpg) repeat #F7F7F7; color:#A28B0D; font-size:10px; padding:3px; margin-top:-5px; font-family:verdana, arial, tahoma, helvetica, sans-serif;}
#breadcrumb ul li{list-style-image: none; display:inline; padding:0 3px 0 0; margin:-8px 0 0 0;}
#breadcrumb ul{margin:0px; padding:0; list-style-type:none; padding-left: 20px;}
*/

/*
#CrumbBar {background:#69696B; width:775px; height:30px; padding:3px 0 3px 5px; margin:0; font-size:10px; color:#FFFFFF; border-bottom:1px solid #000000;}
*/
#CrumbBar {float:left; width:50%;}
#Breadcrumb {height:18px; margin-top:0;}
#Breadcrumb ul {margin-top:0; list-style:none; overflow:hidden; font:12px Helvetica, Arial, Sans-Serif;}
#Breadcrumb ul li {float:left;}
#Breadcrumb ul li a {color:white; text-decoration:none; padding:0 0 0 25px; background:brown; /* fallback color */ background:hsla(34,85%,35%,1); position:relative; display:block; float:left;}
#Breadcrumb ul li a:after {
   content: " ";
   display: block;
   width: 0;
   height: 0;
   border-top: 25px solid transparent;           /* Go big on the size, and let overflow hide */
   border-bottom: 25px solid transparent;
   border-left: 15px solid hsla(34,85%,35%,1);
   position: absolute;
   top: 50%;
   margin-top: -25px;
   left: 100%;
   z-index: 2;
}
#Breadcrumb ul li a:before {
   content: " ";
   display: block;
   width: 0;
   height: 0;
   border-top: 25px solid transparent;
   border-bottom: 25px solid transparent;
   border-left: 15px solid white;
   position: absolute;
   top: 50%;
   margin-top: -25px;
   margin-left: 1px;
   left: 100%;
   z-index: 1;
}
#Breadcrumb ul li a.first {margin-left:-10px;}
#Breadcrumb ul li span.first {margin-left:-50px;}
#Breadcrumb ul li:nth-child(2) a        { background:        hsla(34,85%,45%,1); }
#Breadcrumb ul li:nth-child(2) a:after { border-left-color: hsla(34,85%,45%,1); }
#Breadcrumb ul li:nth-child(3) a        { background:        hsla(34,85%,55%,1); }
#Breadcrumb ul li:nth-child(3) a:after { border-left-color: hsla(34,85%,55%,1); }
#Breadcrumb ul li:nth-child(4) a        { background:        hsla(34,85%,65%,1); }
#Breadcrumb ul li:nth-child(4) a:after { border-left-color: hsla(34,85%,65%,1); }
#Breadcrumb ul li:nth-child(5) a        { background:        hsla(34,85%,75%,1); }
#Breadcrumb ul li:nth-child(5) a:after { border-left-color: hsla(34,85%,75%,1); }
#Breadcrumb ul li:last-child a {background:hsla(34,85%,45%,1); color:black; pointer-events:none; cursor:default;}
#Breadcrumb ul li a:hover { background: hsla(34,85%,25%,1); }
#Breadcrumb ul li a:hover:after { border-left-color: hsla(34,85%,25%,1) !important; }


input.Standard {padding:3px 0px 4px 0px; height:55px; width:76%; background:#FFFFFF; border:1px solid #585858; color:#000000 !important; font-size:14px;}
input.Math {text-align:right;}
.FormFrame900 {width:100%; max-width:900px; margin-left:auto; margin-right:auto;}
.FormFrame900 .IntroText {margin:30px 15px;}
.FormFrame900 .IntroText p {color:#FFFFFF; font-weight:600;}
/* CSS Forms and Lists */
.List2ColLeft {width:60%; font-weight:300; display:inline; text-align:right;}
.List2ColRight {width:40%; display:inline; text-align:left}
.List2ColGraphic {width:30px; display:inline;}
.List2ColRight input {width:50px; height:30px; color:#000000;}
.List2ColRight.Check {border:none; height:20px;}
/* Contact Form */
.ContactForm {background-color:#e1e1e1; border-top:1px solid #d1d1d1; padding:0 8px 8px 8px; border:3px solid #FFCC00;}
.ContactForm form {padding:15px 0;}
/*.ContactForm form {padding:15px 0; background:url(../images/comment-form_bg.png) 0 0 repeat-x #e9e9e9;} */
.ContactForm .row {padding: 0 15px;}
.ContactForm .row label {color:#0F0F0F; font-size:13px; display:block; margin:15px 0 0 8px;}
.ContactForm .inputtext,
.ContactForm .textarea {font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:18px; width:100%; color:#4B4B4B; border:1px solid #d1d1d1; background:#FFFFFF; margin:3px 0; -webkit-box-shadow:inset 0px 0px 3px 0px rgba(0, 0, 0, 0.15) !important; -moz-box-shadow:inset 0px 0px 3px 0px rgba(0, 0, 0, 0.15) !important; box-shadow:inset 0px 0px 3px 0px rgba(0, 0, 0, 0.15) !important; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:7px 10px;}
.ContactForm .textarea {height:200px;}
.ContactForm {margin:20px 15px 20px 15px; padding:20px; position:relative; background:#e9e9e9;}
.ContactFormBody {margin:10px 0 0 0; position:relative;}
.ContactForm .ContactFormTitle {color:#0F0F0F;}
.ContactFormCol1 {width:100%;}
.ContactFormCol2 {width:100%; max-width:386px;}
.ContactFormCol3 {width:100%; max-width:250px;}
.ContactFormCol4 {width:100%; max-width:200px;}
.ContactFormCol2Inset {width:100%; max-width:350px;}
.ContactFormColCity {width:100%; max-width:180px;}
.ContactFormColSt {width:100%; max-width:100px;}
.ContactFormColZip {width:100%; max-width:100px;}
.ContactForm h3 {height:30px; line-height:30px; font-family:'Trebuchet MS', Calibri, Helvetica, sans-serif; color:#054863;; font-size:24px; text-shadow:0 1px 1px #fff; text-transform:none; padding:0; margin:0;}
.ContactForm h5 {margin-top:20px; color:#054863;}
.ContactSubmit {border:1px solid #969696; border-radius: 5px; font-weight:bold; font-size:18px; font-style:italic; color:#AF6116; padding:6px; background:#FFFFFF;}
.ContactSubmit:hover {background:#066FB3; color:#FFFFFF !important; border:1px solid #FFFFFF;}
.ContactForm .ButtonRight {float:right; width:150px; margin:-15px 15px 0 0;}
.ContactForm .inputtext {height:40px;}
.ContactForm .space {width:20px; height:40px; float:left;}
.ContactText {clear:both; width:90%; max-width:900px; line-height:140%; margin:20px auto -10px auto; color:#000000; border-top:1px solid #585858; border-bottom:2px solid #ACACAC;}
/* Used in registration-program.php */
#SendNotice {display:none; border:1px solid #FFFFFF; color:#FFFFFF; font-weight:bold; background:#CE0000;}
#SendNotice {padding:8px; border:2px solid #000000; width:100%; max-width:450px; margin:0px auto 10px auto; text-align:center;}
#Admin_Form, #Editor_Form {display:none;}
#county_drop_down, #no_county_drop_down, #loading_county_drop_down {display:none;}
.Hidden {display:none;}
/* p {margin-left:20px; margin-right:20px; text-align:left;} */
#RegTable {width:100%; max-width:820px; border:3px solid #FFCC00; color:#4B4B4B; background:#F9F9F9; padding:10px 40px 20px 40px;}
#LoginTable {width:100%; border:3px solid #FFCC00; color:#4B4B4B; padding:10px 0px; margin-left:auto; margin-right:auto;}
#EditorForm {margin-top:20px;}
.SpamBotBox {text-align:center; padding:3px; width:180px; margin:8px auto; border:1px solid #FFCC00; background:#FFFBEC;}
.FormButtons {text-align:center; padding:10px 0;}
.FormInsetTitle {width:100%; text-align:center; color:#710000; margin-top:15px;}
.FormInset {position:relative; border:2px solid #710000; width:98%; max-width:700px; padding:15px; margin:0px auto 15px auto;}
.FormInset .row label {color:#710000;}
.FormSection {width:100%; background-color:#FFFFFF; padding:10px 0; border:1px solid #D0D0D0; -webkit-box-shadow:inset 0px 0px 3px 0px rgba(0, 0, 0, 0.15) !important; -moz-box-shadow:inset 0px 0px 3px 0px rgba(0, 0, 0, 0.15) !important; box-shadow:inset 0px 0px 3px 0px rgba(0, 0, 0, 0.15) !important; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
/* WIDE FORM */
.WideFormBox {padding:15px; width:100%; max-width:1000px; margin-left:auto; margin-right:auto;}
.FormBox750 {padding:15px; width:100%; max-width:750px; margin-left:auto; margin-right:auto;}
.WideFormText{width:100%; max-width:1000px; line-height:140%; margin-left:auto; margin-right:auto; text-align:center; padding:15px 15px 0 15px; color:#000000;}
.WForm {background:#e9e9e9; border-top:1px solid #d1d1d1; margin:0px 15px 20px 15px; padding:20px; position:relative; border-radius:25px;}
.WForm form {padding:0; background:#e9e9e9}
.WForm .row label, .WForm .row .FauxLabel {color:#000; background:transparent !important; border:none; font-size:13px; display:block; margin:10px 0px 0px 0px; padding:15px 0px 0px 7px;}
.WForm .inputtext,
.WForm .textarea {font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:18px; color:#000000; border:1px solid #d1d1d1; background:#fff; width:100%;
   margin:3px 0; -webkit-box-shadow:inset 0px 0px 3px 0px rgba(0, 0, 0, 0.15) !important; -moz-box-shadow:inset 0px 0px 3px 0px rgba(0, 0, 0, 0.15) !important;
   box-shadow:inset 0px 0px 3px 0px rgba(0, 0, 0, 0.15) !important; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; padding:7px 10px}
.WForm .inputtext {height:40px;}
.WForm .textarea {height:140px;}
.WForm .textarea.short {height:80px;}
.WFormBody {margin:0; padding:0; position:relative;}
.WForm .WFormTitle h3 {margin-bottom:0;}
.RadioLabel {padding:0px 5px; font-weight:normal; display:inline;}
.FormColTiny, .FormColTinyPlus, .FormColSmall, .FormColMedium, .FormColMid, .FormColWide, .FormColFull {width:100%;}
.FormCol20 {width:20px;}
.FormColTiny {max-width:80px;}
.FormColTinyPlus {max-width:100px;}
.FormColSmall {max-width:180px;}
.FormColMedium {max-width:270px;}
.FormColMid {max-width:350px;}
.FormColWide {max-width:500px;}
.SplitCol {display:inline-block; width:49%;}
.WTablehead {width:100%;}
.WFormTopSection {padding:0px 15px;}
.WFormSection {border:1px solid #969696; padding:15px; margin-bottom:15px; position:relative;}
.WFormSectionTitle {color:#008080; font-weight:500; font-size:16px; padding-left:6px;}
.WFormSection .one_third {width:28%;}
.WFormSection .one_fourth {width:20%;}
.WFomSection .CheckBox {width:100%;}
.WFormSection .StateDrop {padding:10px 10px 9px 10px; margin-top:4px;}
.WFormSection input {color:#000000; padding:2px;}
.WFormSection em {display:inline;}
.WForm h3 {height:55px; line-height:55px; font-family:'Trebuchet MS', Calibri, Helvetica, sans-serif; color:#727272; font-size:24px; text-shadow:0 1px 1px #fff; text-transform:none; padding:0; margin:0}
.WFormSubmit,
.ContactForm .ButtonRight {border:1px solid #969696; border-radius:5px; font-weight:bold; font-size:18px; font-style:italic; color: #AF6116; padding:6px; background:#FFFFFF;}
.WFormSubmit:hover,
.ContactForm .ButtonRight:hover {background:#AF6116; color:#FFFFFF; border:1px solid #FFFFFF;}
.WForm .ButtonRight,
.ContactForm .ButtonRight {float:right; width:150px; margin:-15px 15px 0 0;}
.WForm .row {padding: 0 15px;}
.WForm .space {width:20px; height:40px; float:left;}
.WFormText, .FormText, .FormTextLight {width:100%; max-width:850px; line-height:140%; margin-left:auto; margin-right:auto; padding:15px 15px 0 15px; color:#000000;}
.FormText {padding:5px 15px 10px 15px;}
.FormTextLight {color:#727272; padding:0 0 15px 0;}
.WHeadText {color:#000000; font-size:13px; display:block; margin:0px; padding:6px 0px; font-weight:600}
/* Dropdown Colors */
.OptError {font-weight:bold; color:#FF0000;}
.OptOrg {font-weight:bold; color:#800000;}
.OptAdmin {color:#008080;}
.OptEdit {color:#000000;}
.OptCan {color:#800080;}
/* styles for dropdown select list */
.DropList {margin:0px; border:3px solid #2995D6; border-radius:4px; background:#2995D6; width:150px; padding:5px 35px 5px 5px; font-size:16px; height:38px; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(../images/BallAndArrowDn.gif) 96% / 15% no-repeat #EEEEEE;}
/* CAUTION: IE hackery ahead */
.DropList select::-ms-expand, .DropListHead select::-ms-expand {display: none; /* remove default arrow on ie10 and ie11 */}
.DropListHead {clear:both; position:absolute; left:0; margin:10px 0px 0px 0px; border:3px solid #2995D6; border-radius:4px; background:#2995D6; width:180px; padding:0px; font-size:14px; height:25px; -webkit-appearance:none; -moz-appearance:none; background:url(../images/BallAndArrowDn.gif) 96% / 15% no-repeat #EEEEEE;}
.SelectList {height:40px;}
/*----------------------------------------------------
   4. FEATURE SECTIONS
------------------------------------------------------*/
/* features_section 1 */
.feature_section1 {
	float: left;
	width: 100%;
	color: #000000;
	padding: 40px 0px;
   background: #FFFFFF;
   background: #F7F8FA; /* For browsers that do not support gradients */
   background: -webkit-linear-gradient(#D2D2D2, #F7F8FA); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(#D2D2D2, #F7F8FA); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(#D2D2D2, #F7F8FA); /* For Firefox 3.6 to 15 */
   background: linear-gradient(#D2D2D2, #F7F8FA); /* Standard syntax */
}
.feature_section1 img {
	float: left;
	margin-bottom: 15px;
}
.feature_section1 h2{
	font-size: 27px;
	color: #0F0F0F;
	font-weight: normal;
	text-transform:none;
	margin-bottom:10px;
}
.feature_section1 h4{
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	color: #0F0F0F;
	font-weight:500;
	margin:0px;
}
.feature_section1 p {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #4B4B4B;
	font-weight:normal;
	padding-bottom:16px;
	padding-top:6px;
}


/* features_section 2 */
.feature_section2 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 90px 0px 107px 0px;
	background-image: url(../images/h-lines-bg.png);
	background-repeat: repeat;
	background-position: left top;
}

.feature_section2 .one_fourth {
	margin: 0 auto;
	color: #000;
	background:#fff;
	padding:40px 30px 66px 30px;
	border-right:solid 2px #eeeeee;
	text-align:center;
	width:25%;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(207,207,207,1);
	-moz-box-shadow: 0px 0px 2px 0px rgba(207,207,207,1);
	box-shadow: 0px 0px 2px 0px rgba(207,207,207,1);
}
.feature_section2 .one_fourth.last {
	border:none;
}
.feature_section2 i {
	margin: 0 auto 15px auto;
	width: 74px;
	height: 74px;
	border-radius: 100%;
	text-align: center;
	vertical-align: middle;
	line-height: 72px;
	border: 1px solid #e87e04;
	color:#1C5F75;
	font-size:35px;
}
.feature_section2 i {
	margin: 0 auto 15px auto;
	width: 74px;
	height: 74px;
	border-radius: 100%;
	text-align: center;
	vertical-align: middle;
	line-height: 72px;
	border: 1px solid #e87e04;
	color:#1C5F75;
	font-size:35px;
	transition: all 0.3s ease;
}
.feature_section2 p {
	font-size: 16px;
	font-weight:600;
	color:#4B4B4B;
	line-height:27px;
	margin:0px;
}
.feature_section2 p b {color:#E87E04;}

.feature_section2 h4 {
	color:#e87e04;
	margin-bottom: 25px;
}
.feature_section2 h2 {
	margin-bottom:10px;
}
.feature_section2 strong {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight:400;
	color:#000000;
	line-height:27px;
	margin-bottom:43px;
}
.feature_section2 .one_fourth:hover i {
	border: 1px solid #0A63AC;
	color:#0A63AC;
}

/* features_section 3 Custom combo of original 3 and 5*/
.feature_section3 {
   float: left;
   width: 100%;
   padding: 140px 0px 140px 0px;
   background-image: url(../images/JumpingOnBeach.jpg);
   background-repeat: no-repeat;
   background-position: center -130px;
   /* background-attachment: fixed; */
   text-shadow:1px 1px 4px #000000;
}
.feature_section3 h4 {
   font-family: 'Raleway', sans-serif;
   font-size: 45px;
   color: #fff;
   font-weight: 300;
   line-height:52px;
   text-transform:none;
   margin:0px;
   text-align:left;
}
.feature_section3  p {
   font-family: 'Raleway', sans-serif;
   font-size:18px;
   font-weight:300;
   line-height:27px;
   color:#fff;
   padding-right:50px;
   padding-top:25px;
}
.feature_section3 .rightcon li {
   font-size:18px;
   color:#fff;
   text-align:left;
   font-weight:600;
   padding: 10px 0px;
   text-transform:none;
   padding-left:57px;
}
.feature_section3 .rightcon li:before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #FFFFFF;
    float: left;
    margin: 8px 15px 0px 0px;
    border-radius: 50%;
}

.TransparentTextBGBlack
{
   width:100%;
   max-width:1100px;
   background-color:rgba(0,0,0,0.2);
   padding:20px;
   border-radius:25px;
}
/* features_section 3
.feature_section3 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 75px 0px;
	background: url(../images/JumpingOnBeach.jpg) repeat-y center -200px;
}
.feature_section3 .rightcon li {
	font-size:18px;
	color:#fff;
	text-align:left;
	font-weight:600;
	padding: 10px 0px;
	text-transform:none;
	padding-left:57px;
}
.feature_section3 .rightcon li:before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #e87e04;
    float: left;
    margin: 8px 15px 0px 0px;
    border-radius: 50%;
}
.feature_section3 h4 {
	font-size: 45px;
	font-weight:300;
	color:#fff;
	line-height:52px;
	text-align:left;
} */


/* features_section 4 */
.feature_section4 {
	float: left;
	width: 100%;
	text-align: center;
	padding:80px 0px 90px 0px;
}
.feature_section4 .box {
	width: 100%;
	float:left;
	border: 2px solid #eeeeee;
	margin-top: -8px;
}
.feature_section4 .boxcon {
	text-align: left;
	width: 100%;
   min-height:212px;
	float:left;
	padding:24px 30px 30px 30px;
}
.feature_section4 .conbtm {
	text-align: left;
	width: 100%;
	float:left;
	background:#f3f3f3;
	padding:13px 0px 0px 30px;
}
.feature_section4  h2 {
	margin-bottom:10px;
}
.feature_section4  h4 {
	font-size: 18px;
	font-weight:400;
	color:#e87e04;
	line-height:27px;
	margin-bottom:48px;
}
.feature_section4  h5 {
	font-size: 16px;
	font-weight:500;
	color:#000000;
	margin-bottom:10px;
}
ul.links_small {
	float: left;
	width: 100%;
	float:left;
	display:block;
}
.links_small li.icon {
	float: left;
	padding: 5px 0px 0px 0px;
}
.links_small li.content {
	float: left;
	font-size: 14px;
	color: #000000;
	padding: 5px 10px 0px 0px;
}
.links_small li a {
	font-size: 13px;
	color: #E87E04;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
}
.links_small li a:hover {
	color: #000000;
}

.Feature_Page_ProgEdit
{
   float: left;
   width: 100%;
   /*padding:0px 0px 1250px 0px;
   background:url(../images/VariedGroup.jpg) center 0 no-repeat #BECCDE; */
}
/* Volunteer Page */
.Feature_Section_Volunteer_Page
{
   float: left;
   width: 100%;
   height:420px;
   color:#000000 !important;
   text-align: center;
   margin-top:80px;
   padding:0px 0px 412px 0px;
   background-image:url(../images/VolunteerHeader.jpg);
   background-repeat:no-repeat;
   background-size:cover;
}
.Feature_Section_Volunteer_Page .Content
{
   padding-top:20px;
   width:100%;
}
.Feature_Section_Volunteer_Page h1 {
   text-transform: none;
   margin-top:20px;
   color:#FFFFFF;
}
.Feature_Section_Volunteer_Page h1.Top {text-shadow: 1px 1px 1px black; font-weight:700; color:#FFFFFF;}
.Feature_Section_Volunteer_Page h3.ProgramSlogan {text-shadow: 1px 1px 1px black; color:#FFFFFF;}

/* Feature_section Programs-info */
.Feature_Section_Programs-Info
{
   float: left;
   width: 100%;
   height:430px;
   color:#000000 !important;
   text-align: center;
   margin-top:80px;
   padding:0px;
   background-image:url(../images/Programs-Info-Header.jpg);
   background-repeat:no-repeat;
   background-size:cover;
   background-position:0 -50px;
}
.Feature_Section_Programs-Info .Content
{
   padding-top:20px;
   width:100%;
}
.Feature_Section_Programs-Info h1 {
   text-transform: none;
   margin-top:20px;
   color:#FFFFFF;
}
.Feature_Section_Programs-Info h1.Top {text-shadow: 1px 1px 1px black; font-weight:700; color:#FFFFFF;}
.Feature_Section_Programs-Info h3.ProgramSlogan {text-shadow: 1px 1px 1px black; color:#FFFFFF;}

/* Feature Section Sponsorship Supporter */
.Feature_Section_Sponsorship
{
   float: left;
   width: 100%;
   height:430px;
   color:#000000 !important;
   text-align: center;
   margin-top:80px;
   padding:0px;
   background-image:url(../images/SponsorshipMarketing.jpg);
   background-repeat:no-repeat;
   background-size:cover;
   background-position:0 -50px;
}
.Feature_Section_Sponsorship .Content
{
   padding-top:20px;
   width:100%;
}
.Feature_Section_Sponsorship h1 {
   text-transform: none;
   margin-top:20px;
   color:#FFFFFF;
}
.Feature_Section_Sponsorship h1.Top {text-shadow: 1px 1px 1px black; font-weight:700; color:#FFFFFF;}
.Feature_Section_Sponsorship h3.ProgramSlogan {text-shadow: 1px 1px 1px black; color:#FFFFFF;}


/* features_section ProgramPageA */
.Feature_Section_Program_PageA
{
   float: left;
   width: 100%;
   text-align: center;
   padding:80px 0px 250px 0px;
   background:url(../images/ThumbsUp.jpg) center center no-repeat #BECCDE;
}
.FilterTitle {text-align:center; font-size:16px; font-weight:600; color:#FFFF00; margin-bottom:10px;}
.Feature_Section_Program_PageA .Content
{
   padding-top:20px;
   width:100%;
}
.Feature_Section_Program_PageA .Content p
{
   color:#FFFFFF;
   text-align:justify;
}
.Feature_Section_Program_PageA .box {
   width: 100%;
   float:left;
   color:#FFFFFF;
   border: 2px solid #eeeeee;
   margin-top: -8px;
}
.Feature_Section_Program_PageA .boxcon {
   text-align: left;
   width: 100%;
   float:left;
   padding:24px 30px 30px 30px;
}
.Feature_Section_Program_PageA .conbtm {
   text-align: left;
   width: 100%;
   float:left;
   background:#f3f3f3;
   padding:13px 0px 0px 30px;
}
.Feature_Section_Program_PageA h1 {
   text-transform: none;
   margin-top:0px;
   color:#ECC838;
}
.Feature_Section_Program_PageA h1.Top {text-shadow: 1px 1px 1px black; font-weight:700; color:#FFFFFF;}
.Feature_Section_Program_PageA  h2 {
   margin:35px 0px 6px 0px;
   text-transform: none;
   color:#ECC838;
}
.Feature_Section_Program_PageA h3.ProgramSlogan {text-shadow: 1px 1px 1px black; color:#FFFFFF;}
.ProgramTabTitle {width:100%; max-width:500px;}
.Feature_Section_Program_PageA  h4 {
   font-size: 18px;
   font-weight:400;
   color:#FFFFFF;
   line-height:27px;
   margin-bottom:30px;
   padding-top:0px;
}
.Feature_Section_Program_PageA  h5 {
   font-size: 16px;
   font-weight:500;
   color:#000000;
   margin-bottom:5px;
   background-color:#ACACAC
}
.Feature_Section_Program_PageA ul.links_small {
   float: left;
   width: 100%;
   float:left;
   display:block;
}
.Feature_Section_Program_PageA .links_small li.icon {
   float: left;
   padding: 5px 0px 0px 0px;
}
.Feature_Section_Program_PageA .links_small li.content {
   float: left;
   font-size: 14px;
   color: #000000;
   padding: 5px 10px 0px 0px;
}
.Feature_Section_Program_PageA .links_small li a {
   font-size: 13px;
   color: #E87E04;
   padding: 0px 10px 0px 10px;
   text-decoration: none;
}
.Feature_Section_Program_PageA .links_small li a:hover {
   color: #000000;
}
.Feature_Section_Program_PageA .VolunteerList .ListTable2 {width:100%; border-collapse:collapse;}

/* ProgramIntro */
.ProgramIntro
{
   max-width: 1170px;
   text-align: justify;
   padding:20px 10px 0px 10px;
   background: #FFFFFF;
   margin:10px auto;
}
.ProgramIntro .Content
{
   padding-top:20px;
   width:100%;
   text-align:justify;
}
.ProgramIntro .Content p
{
   color:#000000;
   text-align:justify;
}
.ProgramIntro .Content strong {
   color:#1C5F75;
}
.ProgramIntro h2
{
   margin:35px 0px 20px 0px;
   text-transform: none;
   color:#00FF00;
}
.ProgramIntro h4 {
   font-size: 18px;
   font-weight:400;
   color:#000000;
   line-height:27px;
   margin-bottom:20px;
}
.ProgramIntro  h5 {
   font-size: 16px;
   font-weight:500;
   color:#FFFFFF;
   margin-bottom:5px;
   background-color:#ACACAC
}
.ProgramIntro .Content .PageHead2
{
   margin:-40px 0px 15px 0px;
   text-align:center;
}
.ProgramIntro .Content .PageHead2 span
{
   font-size:22px;
   color:#0F485A;
}


/* features_section Programs */
.ProgramsWrapper {width:100%;}
.feature_section_Programs {
   width:100%;
   float: left;
   margin-top:30px;
   padding: 70px 0px 70px 0px;
}
.feature_section_Programs ul {
   float: left;
   width: 100%;
   height: 93px;
   padding: 0px;
   margin: 0px;
}
.feature_section_Programs li {
   padding: 0px;
   margin: 0px;
}
.feature_section_Programs li h6 {
   margin-bottom: 5px;
   text-transform: uppercase;
   text-align:center;
}
.feature_section_Programs li div
{
   color:#000000;
   text-align:center;
   vertical-align:middle;
   height:36px;
   transition: all 0.3s ease;
}
.feature_section_Programs li div img
{
   height:100%;
   width:auto;
}

/*.feature_section_Programs a ul {
   border:3px solid #FFFFFF;
}
.feature_section_Programs a ul:hover {
   border-color: #f1c413;
} */


/* features_section 5 */
.feature_section5 {
	float: left;
	width: 100%;
	padding: 140px 0px 140px 0px;
	background-image: url(../images/OnTheBeach2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
}
.feature_section5 h1 {
	font-family: 'Raleway', sans-serif;
	font-size: 45px;
	color: #fff;
	font-weight: 300;
	line-height:52px;
	text-transform:none;
	margin:0px;
}
.feature_section5  p {
	font-family: 'Raleway', sans-serif;
	font-size:18px;
	font-weight:300;
	line-height:27px;
	color:#fff;
	padding-right:50px;
	padding-top:25px;
}


/*  featured section 6 */
.feature_section6 {
	float: left;
	width: 100%;
	text-align:center;
	background-color:#000000;
	padding:76px 0px 70px 0px ;
}
.feature_section6 .box1{
	width:22%;
	float:left;
}
.feature_section6 .box2{
	width:22%;
	float:left;
}
.feature_section6 .box3{
	width:28%;
	float:left;
}
.feature_section6 .box4{
	width:28%;
	float:left;
}
.feature_section6 i {
	color: #FFF;
	font-size: 50px;
	margin-right: 14px;
	float:left;
	text-align:left;
}
.feature_section6 h4 {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight:bold;
	color: #fff;
	margin:0 auto;
	letter-spacing:normal;
	display:block;
	text-transform:none;
	padding-top:0px;
	text-align:left;
}
.feature_section6 h4 b {
	font-size: 14px;
	font-weight:normal;
	color: #fff;
	display: block;
}
.newsletter .enter_email_input {
	float: left;
	padding: 3px 0px 4px 20px;
	height: 55px;
	width: 76%;
	background: #fff;
	border: none;
	color: #000000;
	font-size: 14px;
}
.newsletter .input_submit {
	float: left;
	padding: 16px 16px;
	background-color: #e87e04;
	border: 0px;
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
.newsletter .input_submit:hover {
	color: #fff;
	cursor: pointer;
	background-color: #454545;
}
.newsletter .input_submit.color2 {
	background-color: #50c9d4;
}

/* features_section 7 */
.feature_section7 {
   float: left;
   width: 100%;
   background:#005858;
   font-family: 'Roboto', sans-serif;
   text-align: left;
   padding-top: 0px;
   padding-right: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
}
.feature_section7 h1 {
   margin-bottom: 20px;
}
.feature_section7 h3 {
   color: #205668;
}
.feature_section7 .tabs {
   display: table;
   table-layout: fixed;
   width: 100%;
   -webkit-transform: translateY(5px);
   transform: translateY(5px);
   padding: 0px;
   margin: -45px 0px 0px 0px;
}
.feature_section7 .tabs > li {
   transition-duration: .25s;
   display: table-cell;
   list-style: none;
   text-align: center;
   padding: 10px 10px 15px 10px;
   position: relative;
   overflow: hidden;
   cursor: pointer;
   color: #000000;
   font-size: 16px;
   font-weight: 400;
   text-transform: uppercase;
   letter-spacing: 0.5px;
   font-family: 'Roboto', sans-serif;
   border-radius: 25px 25px 0px 0px;
   background-color:#F0F0F0;
}
.feature_section7 .tabs > li:before {
   z-index: -1;
   position: absolute;
   content: "";
   width: 100%;
   height: 120%;
   top: 0;
   left: 0;
   background-color: rgba(255, 255, 255, 0.5);
   -webkit-transform: translateY(100%);
   transform: translateY(100%);
   transition-duration: .25s;
   border-radius: 3px 3px 0 0;
}
.feature_section7 .tabs > li:hover:before {
   -webkit-transform: translateY(70%);
   transform: translateY(70%);
}
.feature_section7 .tabs > li.active {
   color: #E87E04;
   background:#FFFFFF;
}
.feature_section7 .tabs > li.active:before {
   transition-duration: .5s;
   background-color: white;
   -webkit-transform: translateY(0);
   transform: translateY(0);
}
.feature_section7 .tab__content {
   background-color: white;
   position: relative;
   width: 100%;
   border-radius: 3px;
   text-align: left;
}
.feature_section7 .tab__content > li {
   width: 100%;
   position: absolute;
   top: 0;
   left: 0;
   display: none;
   list-style: none;
   padding-bottom: 0px;
}
.feature_section7 .tab__content > li .content__wrapper {
   text-align: left;
   border-radius: 5px;
   width: 100%;
   background-color: #fff;
   padding-top: 45px;
   padding-right: 40px;
   padding-bottom: 40px;
   padding-left: 40px;
}

/* Registration Screens */
p {margin-left:20px; margin-right:20px; text-align:left;}
#MemberInfo #HorizontalTable, #MemberInfo #VerticalTable {border-collapse:collapse; border:1px solid #006097; margin-left:auto; margin-right:auto;}
#MemberInfo #HorizontalTable th, #MemberInfo #VerticalTable th {font-size:11px; text-align:center; background:#066FB3; color:#FFFFFF; padding:4px; line-height:110%; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF;}
#MemberInfo #HorizontalTable td, #MemberInfo #VerticalTable td {text-align:center; padding:6px; font-size:9px; line-height:110%;}
#MemberInfo #HorizontalTable td.CheckMark, #MemberInfo #VerticalTable td.CheckMark {background:url(../images/Check.gif) no-repeat center;}
#MemberInfo #VerticalTable {width:212px; display:none;}
.CellBorder {border-left:1px solid #D0D0D0; border-right:1px solid #D0D0D0;}
#HorizontalTable .RowHead, #VerticalTable .RowHead {font-weight:bold; font-size:larger; color:#FBFF00;}
#HorizontalTable .RowHead, #VerticalTable .RowHead {font-size:11px;} /* Leave this here */
#MemberInfo {clear:both; padding:30px 15px 30px 15px;}
#InfoToggle {padding:20px 0px; text-align:center; color:#FFFFFF}


/*---------------------------
   5. Footer
---------------------------*/

/*  copyrights */

.copyright_info {
	float: left;
	padding: 30px 0px 30px 0px;
	width: 100%;
	color: #000000;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	background: #ffffff;
}


/*   footer social links    */
ul.footer_social_links {
	float: right;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
.footer_social_links li {
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 5px;
}
.footer_social_links li a i {
	width: 24px;
	height: 24px;
	text-align: center;
	border-radius: 100%;
	line-height: 24px;
	vertical-align: middle;
	background-color: #cccccc;
	color: #fff;
	transition: all 0.3s ease;
}
.footer_social_links li a i:hover {
	color: #fff;
	background-color: #E87E04;
}

/*   scroll up                  */
.scrollup {
	width: 40px;
	height: 40px;
	opacity: 1;
	position: fixed;
	bottom: 22px;
	right: 20px;
	display: none;
	text-indent: -9999px;
	background: url(../images/scroll-top-arrow.png) no-repeat left top;
	z-index: 9001;
}

/*---------------------------
   6. Tables
---------------------------*/
/* meant for divs */
.Row {float:left; width:100%; position:relative;}
.Row.Fill {background:#F4FCFF;}
.RowHead {float:left; background:#066FB3; width:100%;}
.RowHead .RowCell {font-weight:bold; color:#FFFFFF; text-align:center;}
.RowCell {float:left; padding:3px; background:transparent;}
.CellRow {clear:left; float:left; width:100%; position:relative;}
.ListTableRow {padding:5px 10px;}
.ListTableRow .Headline {color:#000000;}
/* ===== */
h2.BottomLine {padding-bottom:10px; border-bottom:2px solid #585858;}
.ListTable, .ListTable2 {border-collapse:collapse; background-color:#FFFFFF; border:1px solid #585858; margin-left:auto; margin-right:auto;}
.ListTable .Fill, .ListTable2 .Fill {background:#F4FCFF;}
.ListTable .Left {color:#1F5274; text-align:right; padding-right:2px; line-height:130%; font-size:12px; font-weight:bold;}
.ListTable .Right {text-align:left; padding-left:2px; line-height:130%; font-size:12px;}
.ListTable caption {background:url(../images/ListTableCellBG.jpg) repeat; color:#1F5274; text-align:center; height:30px; line-height:130%; font-size:16px; font-weight:bold;}
/*.ListTable th {color:#710000; text-align:center; font-weight:bold; padding:10px 10px 0px 10px;} */
.ListTable th {color:#066FB3; background-color:#FFFFFF; border:1px solid #000000; text-align:center; font-weight:bold; padding:10px;}
.ListTable td {font-size:12px; padding:5px 10px;}

.ListTable2 {max-width:auto;}
.ListTable2 .Fill {border:none;}
.ListTable2 .Left {vertical-align:text-top; color:#205668; text-align:right; padding-right:2px; line-height:130%; font-size:14px; font-weight:bold;}
.ListTable2 .Right {vertical-align:text-top; text-align:left; padding-left:2px; line-height:130%; font-size:14px;}
.ListTable2 caption {color:#F4F9FB; text-align:center; height:30px; line-height:130%; font-size:18px; font-weight:bold;}
.ListTable2 th {color:#0E3857; text-align:left; font-weight:bold; font-size:16px; padding:10px 10px 0px 10px;}
.ListTable2 .Headline {border-top:1px solid #A8E4FF; background:#E8F8FF;}
.ListTable2 td {padding:0px 10px;}
.ListTable2 td.Description {text-align:left; padding-bottom:10px;}
.ListTable2 .BoldCell {color:#205668; font-weight:bold; text-align:left;}
.ListTable2 .Links {text-align:right; padding-right:4px; font-size:12px;}
.ListTable2 .Icon {float:right; width:40px;}

.Cell {float:left; background:inherit;}
.ListTableTitle {clear:left; float:left; padding-bottom:5px; font-weight:bold; color:#1F5274; margin-right:10px;}
.ListTableText {float:left; padding-bottom:5px; color:#000000; margin-right:10px;}

.ListTable3 {width:auto;}
.ListTable3 .Cell.Headline {border-top:1px solid #A8E4FF; background:#E8F8FF; color:#205668; font-size:18px;}
.ListTable3 .Cell.SubHead {color:#205668; font-size:12px;}
.ListTable3 .Row {clear:both; width:100%;}
.ListTable3 .Cell {float:left; padding:3px; background:inherit; color:#000000;}
.ListTable3 .Cell.Math {text-align:right;}
.ListTable3 .Cell.FullRow {clear:both; width:100%;}
.ListTable3 .Fill {background:#F4FCFF;}
.ListTable3 .ColumnTitle {color:#0E3857; text-align:left; font-weight:bold; font-size:16px; padding:10px 0px 0px 0px;}
.ListTable3 .Description {text-align:left; padding-bottom:8px;}
.ListTable3 .Row b {color:#205668; padding-right:2px; line-height:130%; font-size:14px; font-weight:bold;}
.SmallTableContainer {width:400px; margin-left:auto; margin-right:auto;}
.SmallTable {line-height:130%; width:100%; border-collapse:collapse;}
.SmallTable th {color:white; font-weight:bold; background-color:#0B6FA0; text-align:center;}
.SmallTable td, .SmallTable td {padding:4px;}
.ColumnTable td {text-align:left;}
.ColumnTable th {font-weight:bold; text-align:right; padding-right:8px; width:50px;}
.ColumnTable {width:98%;}
.StandardTable {width:auto; border-collapse:collapse; margin-left:auto; margin-right:auto;}
.StandardTable th.TableHead {background:#066FB3; color:#FFFFFF; text-align:center; font-weight:900; border:1px solid #000000;}
.StandardTable th {background:#FFFFFF; color:#066FB3; text-align:center; font-weight:600; border:1px solid #000000;}
.StandardTable td {padding:6px 3px;}
.StandardTable td.Math {text-align:right;}
.StandardTable td.Center {text-align:center;}

/*---------------------------
   7. Text Formatting
---------------------------*/
.YellowLink, .GoldLink {color:#E87E04; text-decoration:none;}
.YellowLink:hover, .GoldLink:hover {color:#D32B05;}
.GoldLink16 {clear:both; position:absolute; left:0; color:#E87E04; margin:15px 0 0 10px; width:220px; padding:0px; font-size:16px; text-decoration:none;}
.GoldLink16:hover {color:#FF0000;}
.YellowHead {width:100%; background:url(../images/TitleBG2.jpg) 0 0 no-repeat; text-align:left; padding:8px 15px; margin:20px 10px; font-size:16px; font-weight:bold; color:#710000;}
.BlueHead {width:100%; text-align:left; padding:8px 15px; margin:20px 10px; font-size:20px; font-weight:900; color:#066FB3;}
.GrayLink {color:#E0E0E0; text-decoration:none;}
.GrayLink:hover {color:#00FF00;}
.BurgLink {color:#580000;}
.BurgLink:hover {color:#FF0000;}
.RedLink {color:#BA0000; text-decoration:none;}
.RedLink:hover {background-color:#800000; color:#FFFFFF; font-weight:bold;}
.InactiveLink {color:#808080; text-decoration:none;}
.Inactiveink:hover {color:#FF2E2E; font-size:larger; font-weight:bold; cursor:pointer;}
.vh1 {font-family:'Raleway',sans-serif; font-size:45px; color:#FFFFFF; font-weight:300; line-height:52px; text-transform:none; text-align:center; margin:0px;}
.Black {color:#000000;}
.White {color:#FFFFFF;}
.WhiteBG {background-color:#FFFFFF;}
.TextCenter {text-align:center;}
.TextRight {text-align:right;}
.TextLeft {text-align:left;}
.split_list {width:auto; margin:0; padding:0 0 0 15px; list-style-type:none;}
.split_list li {width:445px; float:left; margin:0 30px 5px 0;}
.listContainer1 .split_list {margin-left:0; /* Previously set at 15px which causes indent after first section when width narrows */ width:455px; float:left;}
.listContainer1 .split_list.listCol1 {margin-left:0;}
.listContainer1 .split_list li {width:455px; float:left; margin:0;}
.split_list strong {color:#333333}
.HeadSection800 {width:100%; max-width:800px; position:relative; border:2px solid #000000; margin:10px auto; padding:20px;}
.HeadSectionFull {width:100%; position:relative; border:2px solid #000000; margin:10px 0; padding:20px;}
.RegPage #MemberInfo h3 {color:#000000; margin-top:15px; margin-bottom:0px;}
.RegPage #MemberInfo p {color:#4B4B4B;}
.PageSectionText p, .PageSectionText img {margin:0; position:absolute; top:50%; left:50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.Margin-V-Minor {margin-top:6px; margin-bottom:6px;}
.Margin-V-Major {margin-top:15px; margin-bottom:15px;}
.Margin-H-Minor {margin-left:6px; margin-right:6px;}
.Margin-V-Major {margin-left:15px; margin-righttt:15px;}
.MarginAuto {margin-left:auto; marggin-right:auto;}

/*------------------------
   8. Logo
------------------------*/

/* Logo (Header) */
#logo {float:left; display:block; width:100%; min-height:50px; margin-top:12px; position:relative; text-indent:-999em; background: url(../images/CANLogo-OpenSans.png) no-repeat left top;}
.logo {float:left; width:130px; margin-top:5px;}
.Logo120 {float:left; width:120px; margin-right:20px; margin-bottom: 10px;}

/*---------------------------
   9. Ads
---------------------------*/
.SOSBanner {width:100%; max-width:728px; margin:10px auto;}

/*---------------------------
   10. Buttons
---------------------------*/
.tpbut {float:right; color:#000000; margin-left:0px; padding:0px 18px; border-right:1px solid #f3f3f3; border-left:1px solid #f3f3f3; border-bottom:none; transition: all 0.3s ease;}
.tpbut:hover, .tpbut.active, .ImageButton:hover {color:#000000; background:#f9f9f9;}
.tpbut.two {border-right:1px solid #f3f3f3; border-left:none;}
input.ImageButton, a.ImageButton {padding-left:16px; height:44px;}
input.ImageButton.Login {margin-top:-3px; background:url('../images/Login.png') no-repeat top left;}
a.ImageButton.Register {background:url('../images/Register.png') no-repeat top left;}
.LoginSection {margin-top:10px; margin-bottom:11px; padding-right:15px; text-align:right;}
.LoginSection form {display:inline-block;}
.LoginInfo {}
.LoginInfo .sublogin {height:24px; padding-bottom:6px; font-size:12px;}
.LoginInfo .LoginBar {height:24px; font-size:16px; width:100px;}
input.FAButton, a.FAButton
{
  font-family:Raleway, arial;
  border: 1px solid #ccc !important;
  border-radius: 10%;
  -moz-border-radius: 10%;
  -webkit-border-radius: 10%;
  -moz-box-shadow: 2px 2px 3px #666 !important;
  -webkit-box-shadow: 2px 2px 3px #666 !important;
  box-shadow: 2px 2px 3px #666 !important;
  font-size: 12px;
  display:inline-block;
  padding: 6px;
  margin:1px 0 0 2px;
  outline: 0;
  text-shadow:5px 4px 10px #000;
  text-decoration:none;
  background-image:none !important;
  color:#FFFFFF !important;
  -webkit-appearance: none;
}
button i span, .btn i span {display:inline-block; text-align:center; font-family:Raleway, arial; font-size:14px;}
input.FAButton, a.FAButton {background-color:#2995D6 !important;}
a.FAButton {text-decoration:none;}
input.FAButton:hover, a.FAButton:hover {background-image:none !important; background:#000000 !important; color:#00FF00 !important;}
input.FAButton:focus, a.FAButton:focus {border-color:#FD8238;}
input.FAButton:active, a.FAButton:active {border-color:#FD8238; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
.UtilButtonCol {float:left; width:150px; text-align:center; margin:10px 5px;}
.UtilButtonCol .FAButton {width:100%;}
.Inline {display:inline;}
.InlineBlock {display:inline-block;}
.Width250 {width:250px;}
.Width350 {width:350px;}
.DivButton
{
  font-family:Raleway, arial;
  text-align:center;
  border: 1px solid #ccc !important;
  border-radius: 10%;
  -moz-border-radius: 10%;
  -webkit-border-radius: 10%;
  -moz-box-shadow: 2px 2px 3px #666 !important;
  -webkit-box-shadow: 2px 2px 3px #666 !important;
  box-shadow: 2px 2px 3px #666 !important;
  font-size: 16px;
  font-weight:bold;
  display:inline-block;
  padding: 6px;
  margin:1px 0 0 2px;
  outline: 0;
  text-shadow:5px 4px 10px #000;
  text-decoration:none;
  background-image:none !important;
  color:#FFFFFF !important;
  -webkit-appearance: none;
}
.DivButton.Red {
   background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.10, #066FB3), color-stop(0.90, #2995D6) );
   background-image: -moz-linear-gradient(center bottom, #066FB3 10%,#2995D6 90% );
   background-image: -o-linear-gradient(90deg,rgb(6,111,179),rgb(41,149,214));
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2995D6', endColorstr='#066FB3'); /* for IE */
   background-color:#D32B05;
}
.DivButton.Blue
{
   background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.10, #D32B05), color-stop(0.90, #DC4F31) );
   background-image: -moz-linear-gradient(center bottom, #D32B05 10%,#DC4F31 90% );
   background-image: -o-linear-gradient(90deg,rgb(211,43,5),rgb(220,79,49));
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DC4F31', endColorstr='#D32B05'); /* for IE */
   background-color:#066FB3;
}
.DivButton.Small {height:96%; padding:0px 6px 2px 6px; font-size:14px; font-weight:bold; text-shadow:5px 4px 10px #000000; font-family:Arial,Helvetica,sans-serif;}
.DivButton.Red:hover {background-image:none; Background-color:#E33E19; color:#FEF601; cursor:pointer;}
.DivButton.Blue:hover {background-image:none; Background-color:#158EDE; color:#FEF601; cursor:pointer;}
.DivButtonSpace {display:inline-block; width:25px;}
/* Pure CSS Buttons */
.pcb, .pcb span {background:url('../images/secondary.png') no-repeat; height:23px; line-height:23px; padding:3px 0 7px 0;}
.pcb, a.pcb:link, a.pcb:visited {color:#333; font-size:11px; padding-left:14px; text-decoration:none !important;}
.pcb span {background-position:right -326px; padding-right:14px;}
a.grey-button {background-position:left -219px; padding-top:3px;}
a.grey-button span {background-position:right -545px; padding-top:3px;}
a.grey-button:hover {background-position:left -246px;}
a.grey-button:hover span {background-position:right -572px;}
a.grey-button:active, .grey-active-button {background-position:left -273px;}
a.grey-button:active span, .grey-active-button span {background-position:right -599px;}
body .grey-disabled-button {background-position:left -300px; color: #bbb !important;}
body .grey-disabled-button span {background-position:right -626px;}
/* ProgEdit Page */
/*.ProgramActionButtons {float:right; margin-top:80px; margin-right:15px;} */
.ProgramActionButtons {position:fixed; top:178px; right:15px;}
/*===================================
   11. SCREEN CENTERING
=====================================*/
/* TABLE CELL
<div class="Center-Container is-Table">
  <div class="Table-Cell">
    <div class="Center-Block">
    <!-- CONTENT -->
    </div>
  </div>
</div> */
.Center-Container.is-Table {display:table;}
.is-Table .Table-Cell {display:table-cell; vertical-align:middle;}
.is-Table .Center-Block {width:50%; margin:0 auto;}
/* ABSOLUTE CENTERING
   https://www.smashingmagazine.com/2013/08/absolute-horizontal-vertical-centering-css/
   IE 8+ and other browsers
   Height must be declared (set overflow:auto;)
   If you use a container, set position:relative for that container
   Can be used on almost any element */
.Absolute-Center {margin:auto; position:absolute; top:0; left:0; bottom:0; right:0;}
/* To center within viewport */
.Absolute-Center.is-Fixed {position:fixed; z-index: 999;}
/*---------------------------
   12. Display Ads
---------------------------*/
.Leaderboard {width:100%; max-width:1000px; margin-left:auto; margin-right:auto; position:relative}
.SmallSkyscraper {width:100%; max-width:160px; margin-left:auto; margin-right:auto; position:relative;}
/*---------------------------
   13. Miscelleneous
---------------------------*/
.ObjCenter {margin-left:auto; margin-right:auto;}
.HighlightBox {width:180px; margin:0 auto; padding:0px; border:5px solid #205668; background-color:#FFFFFF; color:#000000;}
.HighlightBox h2 {margin:0px !important; padding:0px !important; font-size:18px !important; background-color:#205668; color:#FFFFFF; text-align:center; line-height:120%;}
.HighlightBoxRight {float:right; width:180px; margin-left:15px; border:5px solid #205668; background-color:#FFFFFF; color:#000000;}
.HighlightBoxRight h2 {margin:0px; padding:0px; font-size:18px; font-weight:bold; background-color:#205668; color:#FFFFFF; text-align:center; line-height:120%;}
.HighlightBoxRight.Hours {position:relative; margin-top:-80px;}
.ProgramsButtonFrame .ProgramsButton {width:100%; border-color:#FFFFFF; background-color:#205668;}
.ProgramsButtonFrame {width:100%; max-width:270px; margin:20px auto -30px auto;}
.ProgramsButtonFrame .ProgramsButton:hover {background-color:#000000;}
.ProgramsButtonFrame .ProgramsButton:hover span {color:#00FF00;}
#ProgramRegButton, #CANRegButton, #YouthRegButton {float:left; width:33%;}
#ProgramRegButton a {display:block; width:310px; height:210px; margin-left:auto; margin-right:auto; padding:0; background:url("../images/but_ClickPrograms.gif") 0 0 no-repeat; text-decoration:none;}
#ProgramRegButton a:active {background-position: 0 -210px;}
#CANRegButton a {display:block; width:310px; height:210px; margin-left:auto; margin-right:auto; padding:0; background:url("../images/but_ClickCAN.gif") 0 0 no-repeat; text-decoration:none;}
#CANRegButton a:active {background-position: 0 -210px;}
#YouthRegButton a {display:block; width:310px; height:210px; margin-left:auto; margin-right:auto; padding:0; background:url("../images/but_ClickYouth.gif") 0 0 no-repeat; text-decoration:none;}
#YouthRegButton a:active {background-position: 0 -210px;}
#MobileSelections {display: none;}
#MobileSelections #responsive-menu-button {color:#FFFFFF; padding:4px; background-color:#205668; border:1px solid #FFFFFF; border-radius:5px;}
#MobileSelections #responsive-menu-button:hover {color:#00FF00; background-color:#000000;}
.Col_1050 {max-width:1050px; padding:40px 20px; margin:0px auto;}
.ColorF4FCFF {color:#F4FCFF;}
.Hidden {display:none;}
.Center, .LogoCenter {text-align:center;}
.CenterBlock {margin-left:auto; margin-right:auto;}
.alignleft, .LogoLeft {float:left;}
.alignright {float:right;}
.Clear {clear:both;}
.LB {display:none;} /* LineBreak */
.Radius15 {border-radius:15px;}
.Radius25 {border-radius:25px;}
.CenterNextToFloat {width:300px; text-align:center; margin-left:auto; margin-right:auto;} /* be sure to specify width if more than 300 */
#LoginNotice {position:fixed; width:300px; padding:20px; top:50%; margin-top:-50px; left:50%; margin-left:-150px; background:#FFFFFF; border:1px solid #000000; -moz-border-radius:20px 20px 20px 20px; -webkit-border-top-left-radius:20px; -webkit-border-top-right-radius:20px; -webkit-border-bottom-left-radius:20px; -webkit-border-bottom-right-radius:20px; border-radius:20px 20px 20px 20px;}
.LeftPad36 {padding-left:36px;}
.LeftPad20 {padding-left:20px;}
.LeftPad15 {padding-left:15px;}
.RightPad15 {padding-right:15px;}
.TopPad15 {padding-top:15px;}
label.required:before {content: "* "; color:red; font-weight:bold;}
.Bordered {border:1px solid #0000000;}
/* hack to target Internet Explorer 9 to undo the custom dropdown list arrow */
@media screen and (min-width:0px)
{
   .DropList, .DropListHead {background:none\9; padding: 5px\9;}
}