@charset "utf-8";
@import url(/css/bootstrap-buttons-only_v3x.css);
    @media print {
		a[href]:after {
			/*content: " (" attr(href) ")";*/	
			content:none;						/*~~~ Removes URLS after links when printing ~~~*/
		}
	}
        html,
        body {
            height: 100%;
        }
		
		
/* ~~~~~~ ## Pulled from ProgramPages02.css ## ~~~~~~ */

	    /* Global (Default) Styles - native and shown when smaller than width < 320px */
	    body, html {
		    background-image: none;
		    color: rgba(25,25,25,1.00);
		    font-size: 14px;
		    font-family: Inder, Arial, sans-serif;
	    }
	    h1, h2, h3, h4, h5 {
		    font-family: Inder, Verdana, sans-seir;
		    margin-bottom: .5em;
	    }
	    p {
		    font-family: Shanti, Arial, sans-seir;
		    line-height: 1.2em;
	    }
	    li {
		    font-family: Shanti, Arial, sans-seir;
		    font-size: 110%;
		    margin-bottom: 0.5em;
	    }
	    blockquote {
		    border: solid 1px transparent;
		    font-size: 100%;
	    }
    /* ~~~~~~~~ Navigation Bars ~~~~~~~~ */
	    .navbar .navbar-nav {
	      display: inline-block;
	      float: none;
	      vertical-align: top;
	    }
	    .navbar .navbar-collapse {
	      text-align: center;
	    }
	    .navbar-collapse {
		    padding-right: 0px; padding-left: 0px;
	    }
	    .navbar-dark {
		    background-color:rgba(0,52,39,1.0);
	    }
	    .navbar-light {
		    background-color:rgba(35,144,117,1.0);
	    }
	    .navbar-nav > li {
		    margin-bottom: 0;
	    }
	    .navbar-default .navbar-nav > li > a
	    {
	      color: #fff;
	      font-size: 95%;
	      text-decoration: none;
	    }
	    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus
	    {
	      color: #fff;
	      background-color: rgba(0,52,39,1.0);
	      text-decoration: underline;
	    }
	    .navbar-default .navbar-dark .navbar-nav > li > a:hover, .navbar-default .navbar-dark .navbar-nav > li > a:focus
	    {
		    color: #fff;
		    background-color: rgba(35,144,117,1.0);
	    }
	    .searchsection {
		    margin-top: 3px;
		    width: 145px;
	    }
	    .searchinput {
		    -moz-border-radius-: 0.25em;
		    -webkit-border-radius: 0.25em;
		    border-radius: 0.25em;
		    border: none;
		    padding: 3px 7px 3px 7px;
		    width: 100px;
		    -webkit-appearance: textfield;
		    outline: none;
		    margin: 5px;
		    font-size: 10px;
	    }
	    .nav > li > div > a.searchglyph {
		    color: #fff;
		    cursor: pointer;
		    margin: 4px 0;
		    padding: 0;
		    width: 30px;
		    float:right;
	    }
	    /* ~~~ tiny toggle ~~~ */
	    .navbar-toggle {
		    background-color: rgba(0,103,78,1.0);
		    float:left;
		    margin-left:20px;
	    }
	    .navbar-default .navbar-toggle .icon-bar {
		    background-color: #ffffff;
	    }
	    .navbar-default .navbar-toggle:focus {
		    background-color: #fff;
	    }
	    .navbar-default .navbar-toggle:focus .icon-bar {
		    background-color: rgba(0,103,78,1.0);
	    }
	
	    .nav > li > a {
		    padding: 8px 15px 8px 15px;
	    }
	    /* ~~~ navbar dropdown styles ~~~ */
	    .navbar-default .navbar-nav .dropdown-menu {
		    background-color: rgba(253,253,253,0.90);
	    }
	    /* ~ opened in collapsed mode */
	    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
		    color: rgba(0,103,78,1.00);
		    text-decoration: none;
	    }
	    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		    color: rgba(0,103,78,1.00);
		    background-color: rgba(153,153,153,0.25);
		    text-decoration: underline;
	    }
	    /* ~ base dropdown anchor styles*/
	    .navbar-default .navbar-nav .dropdown-menu > li > a {
		    color: rgba(0,103,78,1.00);
		    text-decoration: none;
	    }
	    .navbar-default .navbar-nav .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .dropdown-menu > li > a:hover {
		    color: rgba(0,103,78,1.00);
		    background-color: rgba(153,153,153,0.25);
		    text-decoration: underline;
	    }
	
	    .container-fluid { /*Zero the native .container-fluid padding so it is full screen*/
		    padding-right: 0;
		    padding-left: 0;
	    }
	    .jumbotron {
		    margin-bottom: 0;
	    }
	    .logoheader {
		    padding-bottom: 20px;
	    }
	    .logoheaderlinks {
		    font-size: 90%;
		    margin-bottom: 20px;
	    }
	    .logoheaderlinks a:link {
		    text-decoration: none;
	    }
	    .logoheaderlinks a:hover {
		    text-decoration: underline;
	    }
/* ~~~~~~ //## Pulled from ProgramPages02.css ## ~~~~~~ */

		.container-fluid { /*Zero the native .container-fluid padding so it is full screen*/
			padding-right: 0;
			padding-left: 0;
		}
		.row { /*Zero the native .row margin to remove bottom scroll bar*/
			margin-left: 0;
			margin-right: 0;
		}
        /* ~~~~~~~ Notice Styles ~~~~~~~ */
	        .notice {
		        cursor: pointer;
		        padding: 2px;
	        }
	        .notice:hover {
		        background-color: rgba(236,236,236,0.75);
		        color: rgba(0,52,39,1.00);
	        }
	        .notice a {
		        color: #fff;
		        text-decoration: none;
	        }
            .notice:hover a {
		        color: rgba(0,52,39,0.75);
		        text-decoration: underline;
	        }
	        .notice-orange {
		        background-color: rgba(180,82,13,1.00);
	        }
	        .notice-danger {
		        background-color: rgba(153,0,46,1.00);
	        }
	        .notice-danger:hover {
		        background-color: rgba(236,236,236,0.75);
	        }
            .notice-danger:hover a {
                color: rgba(153,0,46,1.00);
		        text-decoration: underline;
            }

        /* You can change the height of the carousel by changing the height in the class below. It is set to 50% by default, but can be any height! */
		.carousel {
            height: 500px;
			height: 210px;
            background-color: rgb(255, 255, 255);
            margin-bottom: 20px;
        }
        .item, .active, .carousel-inner {
            height: 100%;
        }
        /* Background images are set within the HTML using inline CSS, not here */

        .fill {
            width: 100%;
            height: 100%;
            background-position: center;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            background-size: cover;
            -o-background-size: cover;
        }
		.carousel-caption {
			background-color:rgba(0,0,0,0.7);
			color: #fff;
			padding: 10px 20px 20px 10px;
			margin-left: 20%;
			text-align: left;
			width: 50%;
		}
		.carousel-caption-xs {
			bottom:0px;
			padding: 10px 10px 5px 10px;
			text-align: center;
			margin-left: 0;
			width: 100%;
			z-index: 15;
			left:0;
		}
		.carousel-caption h2 {
			color: #fff;
		}
		.carousel-caption a:link, .carousel-caption a:visited {
			color:rgba(104,204,179,1.00)
		}
		.carousel-caption-xs a:link, .carousel-caption-xs a:visited {
			color:rgba(255,255,255,1.00);
			text-decoration: none;
		}
        .carousel-indicators
        {
            display: none;
        }
       /*** / Carousel ****/
        .navbar
        {
            border: none;
            margin-bottom: 0;
            min-height: 10px;
        }
        .navigation-level2
        {
            height: 116px;
            background-color: rgba(255, 255, 255,0.9);
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right:0;
            z-index: 99999;
            z-index: 100;
			display:none; /* Prevents display at the smallest sizes. */
        }
        .tiny-links
        {
            background-color: rgba(12, 124, 96, 0.9);
            font-size: 95%;
            padding: 4px 10% 2px 10%;
            text-align: right;
        }
            .tiny-links a, .tiny-links a:link, tiny-links a:visited
            {
                color: rgba(255, 255, 255, 1);
                text-decoration: none;
            }
		.tiny-links-extra li {
			list-style-type:none;
			text-align: center;
		}
        .arrow-logo
        {
            background: transparent url('/images/backgrounds/homepage/arrowForLogo.png') no-repeat top center;
            padding-bottom: 3px;
            text-align: center;
        }
        .navbar-big
        {
            margin-top: 10px;
        }
        .navbar-big a:link, navbar-big a:visited
        {
            color:rgba(12, 124, 96, 1);
            /*font-size: 110%;*/
            font-weight: bold;
            text-decoration: none;
            /*width: 205px;*/
            padding-left: 5px;
            padding-right: 5px;
        }       
        /*.navbar-big .program-links > li
        {
            font-size: 10px;
            line-height: .75em;
            margin-top: 0;
            margin-bottom: 0;
            padding-top: 0;
            padding-bottom: 0;
        }
            .navbar-big .program-links > li a:link 
            {
                padding:0 10px 0 10px;
                font-weight: normal;
            }*/
	 /*** Mobile (xs) only elements ***/
		.nav-small-four > li > a:hover, .nav-small-four > li > a:focus {
			color: rgba(0,103,75,1.00);
		}
     /*** Row Styles ***/
        .hr-top-green
        {
            background-color: rgba(12, 124, 96, 1);
            color: rgba(12, 124, 96, 1);
            width: 90%;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 3px;
            height: 1px;
        }
        .hr-bottom-green
        {
            background-color: rgba(12, 124, 96, 1);
            color: rgba(12, 124, 96, 1);
            width: 80%;
            margin-left: auto;
            margin-right: auto;
            margin-top: 3px;
            height: 1px;
        }
        .hr-top-white
        {
            background-color: rgb(255, 255, 255);
            color: rgb(255, 255, 255);
            width: 90%;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 3px;
            height: 1px;
        }
        .hr-bottom-white
        {
            background-color: rgb(255, 255, 255);
            color: rgb(255, 255, 255);
            width: 80%;
            margin-left: auto;
            margin-right: auto;
            margin-top: 3px;
            height: 1px;
        }
        .row-whyse
        {
            margin-top: 20px;
            margin-bottom: 20px;
        }
        .row-whyse h2
        {
            font-variant-caps:all-petite-caps;
            font-size: 220%;
            margin: 0px 5px 15px 5px;
        }   
        .row-whyse h3
        {
            font-variant-caps:all-petite-caps;
            font-size: 200%;
            margin: 10px 5px 15px 5px;
        }
        .get-started .btn
        {
            margin: 10px auto 10px auto;
            width: 170px;
        }
        .row-green
        {
            background-color: rgba(188, 210, 199, 1);
        }
        .row-khaki
        {
            background-color: rgba(206,171,122,1);
        }
        .row-connect
        {
            background: rgb(0, 52, 39) url('/images/HomeImages/bkg_connect.png') no-repeat top center;
            color: rgba(255, 255, 255, 1);
            padding: 3px 0 3px 0;
            height: 50px;
            vertical-align:middle;
        }
            .row-connect h2
            {
                color: rgba(255, 255, 255, 1);
                font-variant-caps:all-petite-caps;
                font-size: 200%;
                margin:0;
                padding:0;
            }
        .class-cancellation
        {
            color: rgba(153,0,46,1.00);
            padding: 0 10px 10px 10px;
            text-align:center;
        }
            .class-cancellation .btn
            {
                margin-top: 10px;
            }
        .no-cancellation
        {
            color: rgba(0,103,75,1.00);
        }
        .calendar-short
        {
            background-color: transparent;
        }
            .calendar-short th
            {
                background-color: transparent;
                color: rgb(255, 106, 0);
                font-size: 200%;
                text-align: center;
            }
            .calendar-short td
            {
                background-color: transparent;
                color: rgba(12, 124, 96, 1);
                text-align: left;
            }
        .div-news
        {
            background-color: rgba(173, 188, 180,1);
            border: rgba(12, 124, 96, 1);
            color: rgba(12, 124, 96, 1);
            padding: 15px;
            margin-bottom: 20px;
            outline: 1px solid #fff;
            outline-offset: -5px;
            width: 100%;
        }
            .div-news .img-news-main
            {
                margin:0 13px 10px 0;
            }
            .div-news a:link, .div-news a:visited
            {
                color:#fff;
				text-decoration: none;
            }
			.div-news a:hover, .div-news a:focus
			{
				color: rgba(0,103,75,1.00);
				text-decoration: underline;
			}
        .inothernewsheader {margin-bottom: 5px; padding: 0 15px 3px 15px;}
        .div-soc-big figure img
        {
            border: 5px solid #fff;
        }
        .div-soc-big figcaption
        {
            font-size:  120%;
            font-weight: bold;
            padding:10px;
        }
        .div-soc-big a:link, .div-soc-big a:visited { color:#033; text-decoration:none;}
        .div-soc-big a:hover, .div-soc-big a:focus { color:#390; text-decoration:underline;}
		.debug {
			border: solid 1px rgba(227,111,30,1.00);
		}
        
		
/* ~~~~~~ ## Pulled from ProgramPages02.css ## ~~~~~~ */
	.footertext {
		font-size: 90%;
	}
	.footerlinks a:link {
		text-decoration: none;
	}
	.footerlinks a:hover {
		text-decoration: underline;
	}
	.footersocbar {
		margin: 10px 0 10px 0;
	}
/* ~~~~~~ //## Pulled from ProgramPages02.css ## ~~~~~~ */

/* ~~~~~~~ Custom Size Differences ~~~~~~~ */

	/* Hide these by default (for sizes smaller than 320px */
	.newsimage, .div-soc-big, navigation-level2, 
	.carousel-caption		{display:none;}
	.carousel-caption-xs 	{display:block;}
    .hr-top-green, .hr-bottom-green, .hr-top-white, .hr-bottom-white {display:none;}
		
    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
		.row-whyse .div-why-left		{text-align: center; }
		.row-whyse .div-why-right		{text-align: center; }
		.newsimage, .div-soc-big 		{display:none;}
		.navigation-level2 				{display:none;}
		.carousel 						{height: 210px;} 
    }
    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
        .hr-top-green, .hr-bottom-green, .hr-top-white, .hr-bottom-white {display:block;}
		.row-connect 					{background: rgb(0, 52, 39) none; }
		.newsimage, .div-soc-big 		{display:block;}
		.navigation-level2 				{display:none;}
        .navbar-big a:link, navbar-big a:visited
        {
            color:rgba(12, 124, 96, 1);
            font-size: 100%;
            width: 200px;
			padding-left: 0;
            padding-right: 0;
        }
        .navbar-big li a:hover
        {
            background-color: rgba(0,103,78,0.7);
            color: rgba(255, 255, 255,0.9);
        }
		.carousel { height: 320px;}
		.carousel-caption				{display:block;}
		.carousel-caption-xs 			{display:none;}
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
	    .notice-orange                  {background-color: rgba(180,82,13,0.75);}
	    .notice-danger                  {background-color: rgba(153,0,46,0.75);}
		.row-connect { background: rgb(0, 52, 39) url('/images/HomeImages/bkg_connect.png') no-repeat top center; }
		.navigation-level2 {display:block;}
		.carousel { height: 500px;}
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
		.row-connect { background: rgb(0, 52, 39) url('/images/HomeImages/bkg_connect.png') no-repeat top center; }
		.row-whyse .div-why-left		{ text-align: right; }
		.row-whyse .div-why-right		{ text-align: left; }
		.navbar-big a:link, .navbar-big a:visited
        {
            font-size: 110%;
            width: 195px;
        }
        /*~~ also from ProgramPages02.css ~~*/
        .footersocbar {
			text-align: right;
		}
		.footerlinks {
			text-align: left;
		}
        
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
		.row-connect { background: rgb(0, 52, 39) url('/images/HomeImages/bkg_connect.png') no-repeat top center; }
    }