@charset "UTF-8";
/* UO Fonts
-------------------------------------------- */
@font-face {
	font-family: 'Quadon-Bold';
	src: url('/_AEGLOBAL/fonts/2C63B3_1_0.eot');
	src: url('/_AEGLOBAL/fonts/2C63B3_1_0.eot?#iefix') format('embedded-opentype'), url('/_AEGLOBAL/fonts/2C63B3_1_0.woff2') format('woff2'), url('/_AEGLOBAL/fonts/2C63B3_1_0.woff') format('woff'), url('/_AEGLOBAL/fonts/2C63B3_1_0.ttf') format('truetype');
}
@font-face {
	font-family: 'Quadon-Light';
	src: url('/_AEGLOBAL/fonts/2C63B3_2_0.eot');
	src: url('/_AEGLOBAL/fonts/2C63B3_2_0.eot?#iefix') format('embedded-opentype'), url('/_AEGLOBAL/fonts/2C63B3_2_0.woff2') format('woff2'), url('/_AEGLOBAL/fonts/2C63B3_2_0.woff') format('woff'), url('/_AEGLOBAL/fonts/2C63B3_2_0.ttf') format('truetype');
}
@font-face {
	font-family: 'Quadon-Regular';
	src: url('/_AEGLOBAL/fonts/2C63B3_3_0.eot');
	src: url('/_AEGLOBAL/fonts/2C63B3_3_0.eot?#iefix') format('embedded-opentype'), url('/_AEGLOBAL/fonts/2C63B3_3_0.woff2') format('woff2'), url('/_AEGLOBAL/fonts/2C63B3_3_0.woff') format('woff'), url('/_AEGLOBAL/fonts/2C63B3_3_0.ttf') format('truetype');
}
@font-face {
	font-family: 'Quadon-RegularItalic';
	src: url('/_AEGLOBAL/fonts/2C63B3_4_0.eot');
	src: url('/_AEGLOBAL/fonts/2C63B3_4_0.eot?#iefix') format('embedded-opentype'), url('/_AEGLOBAL/fonts/2C63B3_4_0.woff2') format('woff2'), url('/_AEGLOBAL/fonts/2C63B3_4_0.woff') format('woff'), url('/_AEGLOBAL/fonts/2C63B3_4_0.ttf') format('truetype');
}
/* Global
-------------------------------------------- */
.print {
    display: none;
}
@page {
    margin: 1cm;
}
@media print {
    .print {
        display: block !important;
    }
    .print img {
        display: block !important;
    }
    .info_hub {
        column-width: 17em;
        column-gap: 3em;
    }
    a {
        text-decoration: none;
    }
    a[href]:after {
        content: none !important;
    }
    h1 {
        display: block;
    }
    h3 {
        font-size: 12pt !important;
        line-height: 16pt !important;
        font-weight: bold !important;
        margin-top: 10px !important;
        break-before: always;
    }
    p {
        font-size: 11pt !important;
        widows: 3;
        orphans: 3;
    }
    img, svg {
        display: none;
    }
    * {
        background-image: none;
    }
}
#skip a, #skip a:hover, #skip a:visited {
	position:absolute; 
	left:0px; 
	top:-500px; 
	width:1px; 
	height:1px; 
	overflow:hidden;
}
#skip a:active, #skip a:focus {
	position:static; 
	width:auto; 
	height:auto;
}
.gridContainer {
	margin: auto;
	width: 91%;
	background: white;
	position: relative;
}
	@media only screen and (min-width: 1400px) {
		.gridContainer {
			max-width: 1500px;
		}
	}
.zeroMargin_mobile {
	margin-left: 0;
}
.hide_mobile {
	display: none;
}
@media only screen and (min-width: 660px) {
	.zeroMargin_tablet {
		margin-left: 0;
	}
	.hide_tablet {
		display: none;
	}
	.show_tablet {
		display: inline;
	}
	#left_tablet	{
		width: 47%;
		float: left;
	}
	#right_tablet	{
		width: 49%;
		float: right;
	}
	#subpg_leftcol {
		width: 30%;
		float: left;
	}
	#subpg_body {
		width: 67%;
		float: right;
	}
}
@media print {
    #subpg_leftcol {
        display: none;
    }
}
@media only screen and (min-width: 760px) {
	.zeroMargin_desktop {
		margin-left: 0;
	}
	.hide_desktop {
		display: none;
	}
	.show_desktop {
		display: inline;
	}
	a[href^='tel:']:link, a[href^='tel:']:visited {
		color: #54565b;
		font-weight: normal;
		text-decoration: none;
	}
	a[href^='tel:']:hover, a[href^='tel:']:active {
		color: #54565b;
		text-decoration: none;
	}
}
@media only screen and (min-width: 1400px) {
	.hide_desktop3 {
		display: none;
	}
	.show_desktop3 {
		display: inline;
	}
	/*These classes are used in the home page layout.*/
	#left_desktop3 {
		width: 25%;
		float: left;
		margin-right:10px;
	}
	#center_desktop3 {
		width: 48%;
		float: left;
		margin-right:10px;
	}
	#right_desktop3 {
		width: 25%;
		float: right;
	}
	#left_desktop {
		width: 30%;
		float: left;
	}
	#right_desktop {
		width: 68%;
		float: right;
	}
}
/* Header
-------------------------------------------- */
@media print {
    header {
        display: none;
    }
}
header .uo_frame {
	background-color:#154733;
	padding-top:10px;
	padding-bottom:10px;
}
header .uo_container {
	margin: auto;
	width: 91%;
	position: relative;
	padding:8px 0px 8px 0px;
}
	@media only screen and (min-width: 1400px) {
		header .uo_container{
			max-width: 1500px;
			margin:auto;
		}
	}
.uo_frame ul{
	list-style-type:none;
	margin:0;
	padding:10px 0px 0px 0px;
}
.uo_frame li{
	float: right;
	padding-left:25px;
}
.uo_frame li a{
	text-transform: uppercase;
	text-decoration: none;
	color:white;
}
.uo_frame li :hover{
	color:#ffd200;
}
header .dept_name_frame {
	background-color:#006241;
	padding-top:10px;
	padding-bottom:10px;
}
header .dept_name_container {
	margin: auto;
	width: 91%;
	position: relative;
	padding:8px 0px 8px 0px;
}
	@media only screen and (min-width: 1400px) {
		header .dept_name_container {
			max-width: 1500px;
			margin:auto;
		}
	}
#searchbar form.gsc-search-box tr td:first-child {
	background-color: none !important;
}
	@media only screen and (min-width: 660px) {
		#searchbar {
			position:absolute;
			top: 10px;
			right:-35px;
			width:45%;
		}
	}
	@media only screen and (min-width: 760px) {
		#searchbar {
			width:30%;
		}
	}
	@media only screen and (min-width: 1400px) {
		#searchbar {
			width:25%; 
		}
	}
#searchbar_osher form.gsc-search-box tr td:first-child {
	background-color: none !important;
}
	@media only screen and (min-width: 660px) {
		#searchbar_osher {
			position:absolute;
			bottom:0px;
			right:-50px;
			width:45%;
		}
		#searchbar_osher input{
			margin-left:10px;
		}
	}
	@media only screen and (min-width: 760px) {
		#searchbar_osher {
			width:30%;
			bottom:-12px;
		}
	}
	@media only screen and (min-width: 1000px) {
		#searchbar_osher {
			width:25%;
			bottom:0px;
		}
	}
	@media only screen and (min-width: 1400px) {
		#searchbar_osher {
			bottom:0px;
		}
	}
.dept_name_frame h1{
	color: #FED103;
	font-size:2.6em;
	letter-spacing: 1px;
	line-height:1.1em;
	margin:20px 0px 0px 0px;
}
	@media only screen and (min-width: 660px) {
		.dept_name_frame h1{
			margin-top:45px;
		}
	}
.dept_name_frame h1 a{
	color:#FED103;
	text-decoration:none;
}
.dept_name_frame h1 a:hover{
	color:#fff;
}
.dept_name_frame h2{
	font-family: Verdana,Geneva,sans-serif;
	font-size:1em;
	color: #fff;
	letter-spacing: 1px;
	text-align: center;	
	margin-top:0px;
	margin-bottom:0px;
}
	@media only screen and (min-width: 660px) {
		.dept_name_frame h2{
			text-align:left;
		}
	}
/* Header for Osher site
-------------------------------------------- */
.header_osher_links {
	font-family: Verdana, Geneva, sans-serif;
	font-size:11.5px;
}
@media only screen and (min-width: 660px) {
	.header_osher_links {
		position:absolute;
		top: 10px;
		right:0px;
        display: flex;
	}
}
.header_osher_links a {
	color: #fff;
}
.header_osher_links_item {
    margin-left: 35px;
    margin-top: auto;
}
.header_osher_links_item img {
	width: 25px;
	max-width: 25px;
	padding-right:3px;
	/*margin-bottom:-20px;*/
}
/* can remove after new template is published */
.link_signin {
	display: inline;
}
/* can remove after new template is published */
.link_cart {
	display: inline;
	margin-left:60px;
}
/* can remove after new template is published */
.link_cart img {
	width: 30px;
	max-width: 30px;
	padding-right:3px;
	margin-top:-10px;
}
/* Footer - contains ankle and foot
-------------------------------------------- */
@media print {
    footer {
        display: none;
    }
}
footer .flex_container{
	width: 100%;
	margin-bottom:20px;
	margin:auto;
	padding-bottom:10px;
}
	@media only screen and (min-width: 660px) {
		footer .flex_container{
			display: flex;
			justify-content: space-between;
		}
	}
	@media only screen and (min-width: 1400px) {
		footer .flex_container{
			max-width: 1500px;
		}
	}
footer .flex_item{
	margin-right:10px;
}
/* Ankle
-------------------------------------------- */
footer.ankle{
	background-color: #222222;
	padding: 50px 20px 20px 20px;
}
footer.ankle h2{
	color:#fff;
	font-size:1em;
	margin-top:12px;
	padding-top:10px;
	text-transform:uppercase;
    font-family: Source Sans Variable, Arial, Helvetica, Verdana, sans-serif;
	/*font-family: 'Quadon-Regular', 'Zilla Slab', serif;*/
}
footer.ankle p{
	color:#fff;
	padding:4px 0px 4px 0px;
	margin:10px 0px 10px 0px;
}
	@media only screen and (min-width: 660px) {
		footer.ankle p{
			margin:0px 20px 10px 0px;
		}
	}
	@media only screen and (min-width: 1400px) {
		footer.ankle p{
			max-width: 1500px;
			margin:auto;
		}
	}
address {
	font-style:normal;
	margin-top:25px;
}
footer.ankle a{
	color: #bbbbbb;
	text-decoration: none;
	/*font-family: 'Quadon-Regular', 'Zilla Slab', serif;*/
}
footer.ankle a:hover{
	color: #ffd200;
}
/* Foot
-------------------------------------------- */
footer.foot{
	background-color: #000;
	padding: 20px 20px 20px 20px;
    text-align: center;
}
footer.foot h2{
	color:#fff;
	/*font-size:.9em;*/
    font-size: 1rem;
    line-height: 1.4rem;
	margin-top:12px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:15px;
	/*text-transform:uppercase;*/
    font-family: Source Sans Variable, Helvetica, Arial, Verdana, sans-serif;
	/*font-family: 'Quadon-Regular', 'Zilla Slab', serif;*/
}
	@media only screen and (min-width: 660px) {
		footer.foot h2{
			display:inline;
		}
	}
	@media only screen and (min-width: 1400px) {
		footer.foot h2{
			max-width: 1500px;
			margin:auto;
		}
	}
.foot_h2_container{
	width: 100%;
	margin:auto;
	padding-top:10px;
	padding-bottom:10px;
}
	@media only screen and (min-width: 1400px) {
		.foot_h2_container{
			max-width: 1500px;
			margin:auto;
		}
	}
footer.foot p{
	color:#fff;
	font-size:.9em;
	padding:4px 0px 4px 0px;
	margin:10px 0px 10px 0px;
}
	@media only screen and (min-width: 1400px) {
		footer.foot p{
			max-width: 1500px;
			margin:auto;
		}
	}
footer.foot a{
	color: #FEE11A;
	/*text-decoration: none;*/
}
footer.foot a:hover{
	color: #fff;
}
footer .foot_container{
	width: 100%;
	margin:auto;
}
/* Primary Navigation
-------------------------------------------- */
nav .primary_frame {
	display: none;
}
	@media only screen and (min-width: 660px) {
		nav .primary_frame{
			display:block;
			background-color:#f5f4f2;
			height:50px;
		}
	}
nav .primary_container {
	display: none;
}
	@media only screen and (min-width: 660px) {
		nav .primary_container{
			display:block;
			width: 91%;
			margin: auto;
			height:50px;
		}
		nav .primary_container li{
			float:left;
			border-right:1px #d8dac6 solid;
		}
		nav .primary_container li:first-child{
			border-left:1px #d8dac6 solid;
			margin-left:0px;
		}
		nav .primary_container li a{
			display:block;
			font-size: .95em;
			font-family: verdana;
			text-decoration:none;
			line-height:50px;
			padding:0px 20px 0px 20px;
		}
		nav .primary_container li a:hover{
			background:#fff;
			text-decoration:underline;
		}
	}
	@media only screen and (min-width: 1400px) {
		nav .primary_container{
			max-width: 1500px;
			margin:auto;
		}
	}
/* Primary Navigation Mobile Hamburger
-------------------------------------------- */
/* The menu is fixed, with width of none until someone clicks the hamburger. jQuery adds the active class. */
#button_container {
	display: none;
}
#body_wrapper {
	float: left;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#body_wrapper.active {
	float: none;
	position: fixed;
	left: -250px;
	height: 100vh;
	overflow: hidden;
}
#hamburger {
	display: block;
	height: 50px;
	width: 50px;
	cursor: pointer;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 150;
	background: url('../images/icon-hamburger.png') no-repeat center center;
	background-color: rgba(35,35,35,0.0);
}
	@media only screen and (min-width: 660px) {
		#hamburger {
			display: none;
		}
	}
#sidebar_menu {
	font-family: Verdana,Geneva,sans-serif;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	display: none;
	float: left;
	background: #222222;
	height: 100%;
	width: 0;
	overflow-y: scroll;
}
	@media only screen and (min-width: 660px) {
		#sidebar_menu {
			display: none;
		}
	}
#sidebar_menu.active {
	display: block;
	float: none;
	position: fixed;
	right: 0;
	z-index: 100;
	width: 250px;
	overflow-y: scroll;
}
#sidebar_menu ul {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}
#sidebar_menu li {
	margin-bottom: 1px;
	background: #202020;
	line-height: 1.4em;
	padding: 15px 0;
}
#sidebar_menu a {
	color: white;
	display: block;
	width: 250px;
	height: 100%;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#sidebar_menu a:link {
	text-decoration: none;
}
form.gsc-search-box {
	margin-top: 0 !important;
	margin-right: 0 !important;
	margin-bottom: 4px !important;
	margin-left: 10px !important;
	width: 75% !important;
	float: left !important;
}
/* these two eliminate a weird border situation that came cascading down from the responsive tables td */
#sidebar_menu form.gsc-search-box tr td:first-child {
	background-color: #606060 !important;
}

#sidebar_menu form.gsc-search-box tr td {
    border: none !important;
}
#sidebar_menu div.gsst_b {
    padding: 0;
}
input.gsc-input {
	font-size: 18px !important;
	color: white !important;
	background: #606060 !important;
	border: none !important;
	height: 32px !important;
	padding: 1px 8px !important;
	margin: 0  !important;
	width: 99% !important;
	border-color: #D9D9D9 !important;
}
	@media only screen and (min-width: 660px) {
		/* the color in this class controls the background color of the search box */ 
		input.gsc-input{
			color: #fff !important;
			background: #154733 !important;
			height: 30px;
		}
	}
.gsc-input-box {
    border: none !important;
}
.gsc-search-button {
	display: none;
}
.gsc-clear-button {
	display: none;
}
.gsc-search-button-ae {
	width: 25px;
	height: 25px;
	margin: 5px 0 0 8px;
	background: url('../images/icon-search.png') no-repeat center center;
	border: none;
	padding: 5px;
}
	@media only screen and (min-width: 660px) {
		.gsc-search-button-ae {
			width: 15px;
			height: 15px;
			margin: 10px 0 0 5px;
			background: url('../images/icon-search-small.png') no-repeat center center;
			border: none;
			padding: 5px;
		}
	}
table.gsc-search-box td.gsc-input, table.gsc-search-box td.gsib_a {
 padding-right: 10px;
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
	padding-right: 10px;
}
.gsib_a {
	padding: 0 !important;
}
td.gsib_b {
	display: none;
}
/* Secondary Navigation
-------------------------------------------- */
.menu_block {
	margin-top:32px;
	background: #f5f4f2;
	padding:25px;
}
.menu_block_hd {
	text-decoration:none;
	text-transform:uppercase;
	font-size:.9em;
	padding-top:0px;
	font-weight:bold;
    color: #4D5859;
}
/*remove once new menus without heading links are updated and published*/
.menu_block_hd a {
	text-decoration:none;
	text-transform:uppercase;
	/*font-size:.9em;*/
	padding-top:0px;
	font-weight:bold;
}
menu_block_hd a :hover {
	text-decoration:underline;
}
.menu_block ul {
	padding:0; 
	list-style-type:none; 
	width:100%;
}
.menu_block li {
	position:relative; 
	height:auto;
	padding-bottom:10px;
	padding-top:10px;
	border-top: 1px dotted #c0c0c0;
}
.menu_block li a {
	text-decoration:none;
}
.menu_block li:last-child {
	border-bottom: 1px dotted #c0c0c0;
}
.menu_block li :hover {
	text-decoration:underline;
}
.menu_block_sub {
	padding: 11px 0px 11px 20px;
}
/* In Page Menus
-------------------------------------------- */
.page_menu {
	margin-top: 20px;
}
.page_menu_item {
	border-top: 1px dashed #c0c0c0;
	margin-bottom: 0px;
	padding: 13px 0px 0px 0px;
}
.page_menu_flex_item_bottom p:last-child {
	border-bottom: 1px dashed #c0c0c0;
	padding-bottom: 13px;
}
@media only screen and (min-width: 1000px) {
	.page_menu {
		display: flex;
		justify-content: space-between;
	}
	.page_menu_flex_item_top, .page_menu_flex_item_bottom {
		width: 45%;
	}
	.page_menu_flex_item_top, .page_menu_flex_item_bottom p:last-child {
		border-bottom: 1px dashed #c0c0c0;
		padding-bottom: 13px;
	}
}
/* Feature Images -- DELETE AFTER SWITCHING TO NEW CLASSES
-------------------------------------------- */
.ftr2col_left_container {
    /*margin-bottom: 30px;*/
    background-color: #007030;
    /*padding-bottom: 20px;*/
}
.ftr2col_left_frame {
    max-width: 1500px;
    margin: 0 auto;
    overflow: hidden;
    /*padding-bottom: 10px;*/
}
@media only screen and (min-width: 900px) {
    .ftr2col_left_frame {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: space-between;
    }
    .ftr2col_left_item:first-child {
        padding-right: 10px;
    }
    .ftr2col_left_item {
        /*flex: 1 1 45%;*/
        /*flex: 1 1 0;*/ equally sized
    }
    .ftr2col_left_item_img {
        flex: 1.5 1 0;
    }
    .ftr2col_left_item_txt {
        flex: 1 1 0; 
    }
}
.ftr2col_left_item img {
    display: block;
    width: 100%;
    height: auto;
}
.ftr2col_left_item h2 {
    padding: 0px 30px 0px 30px;
    color: #fff;
    font-size: 2em;
}
.ftr2col_left_item p {
    padding: 0px 30px 0px 30px;
    color: #fff;
    font-size: 1.1em;
    letter-spacing: .04em;
    line-height: 1.5em;
}
.ftr2col_left_item a {
    color: #fff;
}
.ftr2col_left_item a:hover {
    color: #ffd200;
}
.ftr2col_left_item .cta {
    border: 2px solid white;
    color: white;
    background: none;
    width: 90%;
    margin: 0 auto;
	border-radius:4px;
    margin-bottom: 20px;
}
	@media only screen and (min-width: 660px) {
		.ftr2col_left_item .cta {
			width: 60%;
		}
	}
	@media only screen and (min-width: 760px) {
		.ftr2col_left_item .cta {
			width: 60%;
		}
		.ftr2col_left_item .cta:hover {
			text-shadow: 0 0 0 0 #000;
		}
	}
.ftr2col_left_item .cta_button {
    text-transform: uppercase;
    color: white;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 18px;
    min-height: 2.7em;
    line-height: 1.2em;
    cursor: pointer;
    text-align: center;
    padding: 1em .5em;
    text-decoration: none !important;
	letter-spacing:1px;
}
.ftr2col_left_item .cta_button:hover {
    color: #fff;
    background: #61a60f;
}

/*---------------*/
.feature_container {
	background-color:#007030;
}
.feature_frame {
    font-family: Times, Georgia, serif;
    text-align: center;
	margin-left:-5%;
	margin-right:-5%;
}
	@media only screen and (min-width: 760px) {
		.feature_frame {
			position: relative;
			max-width: 1500px;
			width: 100%;
			margin: 0 auto;
			overflow: hidden;
			font-family: Times, Georgia, serif;
		}
	}
.feature_image img {
    display: block;
    width: 100%;
    height: auto;
}
.feature_info {
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #007030;
    width: 100%;
    padding: 15px 15px 20px;
    color: white;
}
	@media only screen and (min-width: 760px) {
		.feature_info {
			position: absolute;
			top: 50%;
			-moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
			margin: 0 125px;
			padding: 0;
			width: calc(100% - 250px);
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			color: white;
			font-size: 19px;
			line-height: 26px;
			text-align: center;
			text-shadow: 0 0 5px #000;
			text-shadow: 0 0 5px 5px #000;
			-moz-box-shadow: 0 0 50px 50px rgba(0,0,0,0.4);
			-webkit-box-shadow: 0 0 50px 50px rgba(0,0,0,0.4);
			box-shadow: 0 0 50px 50px rgba(0,0,0,0.4);
			background: rgba(0,0,0,0.4);
		}
	}
.feature_info h2 {
    font-size: 40px;
    line-height: 50px;
    color: white;
    margin: 0 auto;
}
.feature_info p {
    font-size: 17px;
    line-height: 26px;
	letter-spacing:1px;
}
.feature_info .cta {
    border: 2px solid white;
    color: white;
    background: none;
    width: 90%;
    margin: 0 auto;
	border-radius:4px;
}
	@media only screen and (min-width: 660px) {
		.feature_info .cta {
			width: 60%;
		}
	}
	@media only screen and (min-width: 760px) {
		.feature_info .cta {
			width: 60%;
		}
		.feature_info .cta:hover {
			text-shadow: 0 0 0 0 #000;
		}
	}
.feature_info .cta_button {
    text-transform: uppercase;
    color: white;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 20px;
    min-height: 2.7em;
    line-height: 1.2em;
    cursor: pointer;
    text-align: center;
    padding: 1em .5em;
    text-decoration: none !important;
	letter-spacing:1px;
}
.feature_info .cta_button:hover {
    color: #fff;
    background: #61a60f;
}
/*---------------*/
/*REBUILD THIS USING FLEX*/
.fervent_frame {
	background-color:#007030;
	padding-top:10px;
	padding-bottom:10px;
}
.fervent_container {
	margin: auto;
	width: 91%;
	position: relative;
}
	@media only screen and (min-width: 1400px) {
		.fervent_container {
			max-width:1500px;
		}
	}
.fervent_image {
    display: block;
    width: 100%;
    height: auto;
	padding-top:10px;
}
.fervent_container h2 {
	color: #fff;
	font-family: 'Quadon-Light', 'Zilla Slab', serif;
	font-size:2.2em;
	text-align: center;
	margin-bottom:5px;
}
.fervent_container h3 {
	margin-bottom:0px;
}
.fervent_container h3 a {
	color: #ffd200;
	font-family: 'Quadon-Light', 'Zilla Slab', serif;
	font-size:1.4em;
}
.fervent_container p {
	color: #fff;
	margin-top:0px;
}
@media only screen and (min-width: 660px) {
	.fervent_1 {
		float:left;
		width:48%;
		padding-right:10px;
	}
	.fervent_2 {
		float:left;
		width:48%;
		padding-left:10px;
	}
}
@media only screen and (min-width: 760px) {
	.feature_frame_bkg {
		background-color:black; 
		margin-left:-500%; 
		margin-right:-500%;	
	}
	.fervent_1 {
		width:30%;
		padding-right:15px;
	}
	.fervent_2 {
		width:30%;
		padding-right:15px;
		padding-left:15px;
	}
	.fervent_3 {
		float:left;
		width:30%;
		padding-left:15px;
	}
}
/*Three flex images across, image size 450 x 250 px DELETE AFTER SWITCHING TO NEW CLASS
----------------------------------------*/
.flex3-item {
	width: 97%;
	margin-bottom: 20px;
	padding: 10px;
    max-width: 450px;
    margin: auto;
}
.flex3-item h3 {
	margin-bottom: 0px;
	margin-top: 5px;
	font-size: 1.2em;
}
.flex3-item h3 a {
    color: #000;
    text-decoration: none; 
    font-family: Open Sans, Arial, Helvetica;
    font-weight: bold;
}
.flex3-item h3 a:hover {
    text-decoration: underline;
}
@media only screen and (min-width: 800px) {
	.flex3-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: stretch;
        column-gap: 20px;
        padding: 20px 0px 20px 0px;
        width: 91%;
        margin: auto;
	}
	.flex3-item {
		flex: 1 1 0;
        margin: 0px;
	}
}
/* Background colors + button/text formatting for each color
-------------------------------------------- */
/*.color_block_button {
    border: 2px solid white;
    color: white;
    background: none;
    width: 90%;
    margin: 0 auto;
	border-radius:4px;
    margin-bottom: 20px;
}
	@media only screen and (min-width: 660px) {
		.color_block_button {
			width: 60%;
		}
	}
	@media only screen and (min-width: 760px) {
		.color_block_button {
			width: 60%;
		}
		.color_block_button {
			text-shadow: 0 0 0 0 #000;
		}
	}
.block_button {
    text-transform: uppercase;
    color: white;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 18px;
    min-height: 2.7em;
    line-height: 1.2em;
    cursor: pointer;
    text-align: center;
    padding: 1em .5em;
    text-decoration: none !important;
	letter-spacing:1px;
}
.block_button:hover {
    color: #fff;
    background: #61a60f;
}*/
/*---------------*/
.grassgreen {
    background-color: #20883F;
}
.grassgreen h1, .grassgreen h1 a {
    color: #fff;
}
.grassgreen h2, .grassgreen h2 a {
    color: #FEE11A;
}
.grassgreen h3, .grassgreen h3 a {
    color: #FEE11A;
}
.grassgreen h4 {
    margin-bottom: 0px;
	margin-top: 5px;
	font-size: 1.2em;
    font-family: Open Sans, Arial, Helvetica;
    font-weight: bold;
    color: #fff;
}
.grassgreen h4 a {
    color: #fff;
}
.grassgreen h5 {
    text-align: center;
	font-size: 1.2em;
    color: #fff;
    font-weight: normal;
    line-height: 1.9em;
    padding: 0px;
    margin: 10px;
}
.grassgreen h5 a {
    color: #FEE11A;
    padding-left: 4px;
    padding-right: 4px;
    letter-spacing: 1px;
}
.grassgreen h5 a:hover{
    color: #fff;
}
.grassgreen p, .grassgreen p a, .grassgreen li {
    color: #fff;
}
/*---------------*/
.uowhite {
    background-color: #fff;
}
.uowhite h4 {
    margin-bottom: 0px;
	margin-top: 5px;
	font-size: 1.2em;
    font-family: Open Sans, Arial, Helvetica;
    font-weight: bold;
    color: #000;
}
.uowhite h4 a {
    color: #000;
}
.uowhite h5 {
    text-align: center;
	font-size: 1.2em;
    color: #000;
    font-weight: normal;
    line-height: 1.9em;
    padding: 0px;
    margin: 10px;
}
.uowhite h5 a {
    padding-left: 4px;
    padding-right: 4px;
    letter-spacing: 1px;
}
/*---------------*/
.uogreen {
    background-color: #007030;
}
.uogreen h1, .uogreen h1 a {
    color: #fff;
}
.uogreen h2, .uogreen h2 a {
    color: #FEE11A;
}
.uogreen h3, .uogreen h3 a {
    color: #FEE11A;
}
.uogreen h4 {
    margin-bottom: 0px;
	margin-top: 5px;
	font-size: 1.2em;
    font-family: Open Sans, Arial, Helvetica;
    font-weight: bold;
    color: #fff;
}
.uogreen h4 a {
    color: #fff;
}
.uogreen h5 {
    text-align: center;
	font-size: 1.2em;
    color: #fff;
    font-weight: normal;
    line-height: 1.9em;
    padding: 0px;
    margin: 10px;
}
.uogreen h5 a {
    color: #FEE11A;
    padding-left: 4px;
    padding-right: 4px;
    letter-spacing: 1px;
}
.uogreen h5 a:hover{
    color: #fff;
}
.uogreen p, .uogreen p a {
    color: #fff;
}
/*---------------*/
.uolightgray {
    background-color: #D8DcDA;
}
.uolightgray h4 {
    margin-bottom: 0px;
	margin-top: 5px;
	font-size: 1.2em;
    font-family: Open Sans, Arial, Helvetica;
    font-weight: bold;
    color: #000;
}
.uolightgray h4 a {
    color: #000;
}
.uolightgray h5 {
    text-align: center;
	font-size: 1.2em;
    color: #000;
    font-weight: normal;
    line-height: 1.9em;
    padding: 0px;
    margin: 10px;
}
.uolightgray h5 a {
    padding-left: 4px;
    padding-right: 4px;
    letter-spacing: 1px;
}
/*---------------*/
.uomedgray {
    background-color: #A2AAAD;
}
.uomedgray h4 {
    margin-bottom: 0px;
	margin-top: 5px;
	font-size: 1.2em;
    font-family: Open Sans, Arial, Helvetica;
    font-weight: bold;
    color: #000;
}
.uomedgray h4 a {
    color: #000;
}
.uomedgray h5 {
    text-align: center;
	font-size: 1.2em;
    color: #000;
    font-weight: normal;
    line-height: 1.9em;
    padding: 0px;
    margin: 10px;
}
.uomedgray h5 a {
    padding-left: 4px;
    padding-right: 4px;
    letter-spacing: 1px;
    color: #104735;
}
.uomedgray p {
    color: #000;
}
.uomedgray li {
    color: #000;
}
.uomedgray p a {
    color: #104735;
}
/*---------------*/
.uoyellow {
    background-color: #FEE11A;
}
.uoyellow h4 {
    margin-bottom: 0px;
	margin-top: 5px;
	font-size: 1.2em;
    font-family: Open Sans, Arial, Helvetica;
    font-weight: bold;
    color: #000;
}
.uoyellow h4 a {
    color: #000;
}
.uoyellow h5 {
    text-align: center;
	font-size: 1.2em;
    color: #000;
    font-weight: normal;
    line-height: 1.9em;
    padding: 0px;
    margin: 10px;
}
.uoyellow h5 a {
    color: #000;
    padding-left: 4px;
    padding-right: 4px;
    letter-spacing: 1px;
}
.uoyellow p {
    color: #000;
}
.uoyellow li {
    color: #000;
}
.uoyellow p a {
    color: #000;
}
/* Background patterns
-------------------------------------------- */
.uo_bg_green_4 {
    background-image: url(/_AEGLOBAL/images/uo_backgrounds/bg-green-4.png);
    background-position: center;
    background-size: cover;
}
.uo_bg_green_4 h1, .uo_bg_green_4 h1 a {
    color: #FEE11A;
}
.uo_bg_green_4 h2, .uo_bg_green_4 h2 a {
    color: #fff;
}
.uo_bg_green_4 h3, .uo_bg_green_4 h3 a {
    color: #fff;
}
.uo_bg_green_4 h4, .uo_bg_green_4 h4 a {
    color: #fff;
}
.uo_bg_green_4 h5, .uo_bg_green_4 h5 a {
    color: #fff;
}
.uo_bg_green_4 p, .uo_bg_green_4 p a {
    color: #fff;
}
.uo_bg_green_4 li {
    color: #fff;
}
/*---------------*/
.bg_yellow_4 {
    background-image: url(/_AEGLOBAL/images/uo_backgrounds/bg-yellow-4.png);
    background-position: center;
    background-size: cover;
}
.bg_yellow_4 h1, .bg_yellow_4 h1 a {
    color: #000;
}
.bg_yellow_4 h2, .bg_yellow_4 h2 a {
    color: #000;
}
.bg_yellow_4 h3, .bg_yellow_4 h3 a {
    color: #000;
}
.bg_yellow_4 h4, .bg_yellow_4 h4 a {
    color: #000;
}
.bg_yellow_4 h5, .bg_yellow_4 h5 a {
    color: #000;
}
.bg_yellow_4 p, .bg_yellow_4 p a {
    color: #000;
}
.bg_yellow_4 li {
    color: #000;
}
/*---------------*/
/* Content block links
-------------------------------------------- */
.block_link_black {
	border-top: 1px dashed #000;
	margin-bottom: 0px;
	padding: 13px 0px 0px 0px;
}
.block_link_container_black {
	margin-top: 30px;
    width: 98%;
    padding-bottom: 30px;
}
.block_link_black a:hover {
	color: #489D46 !important;
}
.block_link_container_black p:last-child {
	border-bottom: 1px dashed #000;
	padding-bottom: 13px;
}
/*---------------*/
.block_link_white {
	border-top: 1px dashed #fff;
	margin-bottom: 0px;
	padding: 13px 0px 0px 0px;
}
.block_link_white a {
	color: #FEE11A !important;
}
.block_link_white a:hover {
	color: #fff !important;
}
.block_link_container_white {
	margin-top: 30px;
    width: 98%;
    padding-bottom: 30px;
}
.block_link_container_white p:last-child {
	border-bottom: 1px dashed #fff;
	padding-bottom: 13px;
}

/* Content blocks, 1 column
-------------------------------------------- */
.block_1col_1-container {
    padding-top: 5px;
    padding-bottom: 5px;
    margin: auto;
    width: 91%;
    max-width: 1500px;
}
/*---------------*/
.block_1col_2_container {
	background-color:#007030;
}
.block_1col_2_frame {
    font-family: Times, Georgia, serif;
    text-align: center;
	margin-left:-5%;
	margin-right:-5%;
}
	@media only screen and (min-width: 760px) {
		.block_1col_2_frame {
			position: relative;
			max-width: 1500px;
			width: 100%;
			margin: 0 auto;
			overflow: hidden;
			font-family: Times, Georgia, serif;
		}
	}
.block_1col_2_image img {
    display: block;
    width: 100%;
    height: auto;
}
.block_1col_2_info {
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #007030;
    width: 100%;
    padding: 15px 15px 20px;
    color: white;
}
	@media only screen and (min-width: 760px) {
		.block_1col_2_info {
			position: absolute;
			top: 50%;
			-moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
			margin: 0 125px;
			padding: 0;
			width: calc(100% - 250px);
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			color: white;
			font-size: 19px;
			line-height: 26px;
			text-align: center;
			text-shadow: 0 0 5px #000;
			text-shadow: 0 0 5px 5px #000;
			-moz-box-shadow: 0 0 50px 50px rgba(0,0,0,0.4);
			-webkit-box-shadow: 0 0 50px 50px rgba(0,0,0,0.4);
			box-shadow: 0 0 50px 50px rgba(0,0,0,0.4);
			background: rgba(0,0,0,0.4);
		}
	}
.block_1col_2_info h2 {
    font-size: 40px;
    line-height: 50px;
    color: white;
    margin: 0 auto;
}
.block_1col_2_info p {
    font-size: 17px;
    line-height: 26px;
	letter-spacing:1px;
}
/* Content blocks, 2 column
-------------------------------------------- */
.block_2col_1 {
    /*padding-top: 5px;*/
    padding-bottom: 5px;
    margin: auto;
    width: 91%;
    max-width: 1500px;
}
.block_2col_1 h1 {
    padding-top: 0px;
    margin-top: 0px;
}
.block_2col_1 img {
    padding-top: 20px;
    padding-bottom: 20px;
}
@media only screen and (min-width: 900px) {
    .block_2col_1 {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: space-between;
    }
    .block_2col_1 h1 {
        margin-top: 60px;
    }
    .block_2col_1_item:first-child {
        padding-right: 20px;
    }
    .block_2col_1_item {
        flex: 1 1 45%;
    }
}
/*---------------*/
.block_2col_2 {
    max-width: 1500px;
    margin: 0 auto;
    overflow: hidden;
    /*padding-bottom: 10px;*/
}
.block_2col_2 h1 {
    padding-top: 0px;
    margin-top: 0px;
}
@media only screen and (min-width: 900px) {
    .block_2col_2 {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: space-between;
    }
    .block_2col_2 h1 {
        margin-top: 60px;
    }
    .block_2col_2_item:first-child {
        padding-right: 10px;
    }
    .block_2col_2_item_img {
        flex: 1.5 1 0;
    }
    .ftr2col_left_item_txt {
        flex: 1 1 0; 
    }
}
.block_2col_2_item img {
    display: block;
    width: 100%;
    height: auto;
}
.block_2col_2_item h1 {
    padding: 0px 30px 0px 30px;
}
.block_2col_2_item h2 {
    padding: 0px 30px 0px 30px;
}
.block_2col_2_item p {
    padding: 0px 30px 0px 30px;
}
.block_2col_2_item li {
    padding: 0px 30px 0px 30px;
}
/*---------------*/
.block_2col_3 {
    /*padding-top: 5px;*/
    padding-bottom: 5px;
    margin: auto;
    width: 91%;
    max-width: 1500px;
    display: flex;
    flex-direction: column-reverse;
}
.block_2col_3 h1 {
    padding-top: 0px;
    margin-top: 0px;
}
.block_2col_3 img {
    padding-top: 20px;
    padding-bottom: 20px;
}
@media only screen and (min-width: 900px) {
    .block_2col_3 {
        /*display: flex;*/
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: space-between;
        flex-direction: row;
    }
    .block_2col_3 h1 {
        margin-top: 60px;
    }
    .block_2col_3_item:first-child {
        padding-right: 20px;
    }
    .block_2col_3_item {
        flex: 1 1 45%;
    }
}
/* Content blocks, 3 column
-------------------------------------------- */
.block_3col_01-item {
	width: 97%;
	margin-bottom: 20px;
	padding: 10px;
    max-width: 450px;
    margin: auto;
}
@media only screen and (min-width: 800px) {
	.block_3col_01-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: stretch;
        column-gap: 20px;
        padding: 20px 0px 20px 0px;
        width: 91%;
        margin: auto;
	}
	.block_3col_01-item {
		flex: 1 1 0;
        margin: 0px;
	}
}

/* Banners -- remove once new classes have been swapped out
-------------------------------------------- */
.banner_container {
    padding-top: 5px;
    padding-bottom: 5px;
    margin: auto;
    width: 91%;
    max-width: 1500px;
}
.banner_container img{
    padding-top: 20px;
    padding-bottom: 20px;
}
.banner_item h3 a {
    font-family: 'Quadon-Light', 'Zilla Slab', serif;
    font-size:1.4em;
}

@media only screen and (min-width: 900px) {
    .banner_container {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: space-between;
    }
    .banner_item:first-child {
        padding-right: 10px;
    }
    .banner_item {
        flex: 1 1 45%;
    }
}
.banner_gold_text {
    margin: auto;
    color: #fff;
    padding: 15px 0px 15px 0px;
    font-size: 1.2em;
    line-height: 1.9em;
}
.banner_gold_text a{
    /*font-weight: bold;*/
    color: #FEE11A;
    padding-left: 4px;
    padding-right: 4px;
    letter-spacing: 1px;
}
.banner_gold_text a:hover{
    color: #fff;
}
/* Banners OLD - archive once continue page is published 2/10/2022
-------------------------------------------- */
.high_frame {
	background-color:#FEE11A;
	padding-top:10px;
	padding-bottom:10px;
}
.high_container {
	margin: auto;
	width: 91%;
	position: relative;
}
	@media only screen and (min-width: 1400px) {
		.high_container {
			max-width:1500px;
		}
	}
.high_image {
    display: block;
    width: 100%;
    height: auto;
	padding-top:10px;
}
.high_container h2 {
	color: #fff;
	font-family: 'Quadon-Light', 'Zilla Slab', serif;
	font-size:2.2em;
	text-align: center;
	margin-bottom:5px;
}
.high_container h3 {
	margin-bottom:0px;
}
.high_container h3 a {
	font-family: 'Quadon-Light', 'Zilla Slab', serif;
	font-size:1.4em;
}
.high_container p {
	color: #000;
	margin-top:0px;
}
@media only screen and (min-width: 660px) {
	.high_1 {
		float:left;
		width:48%;
		padding-right:10px;
	}
	.high_2 {
		float:left;
		width:48%;
		padding-left:10px;
	}
}
@media only screen and (min-width: 760px) {
	.high_1 {
		width:45%;
		padding-right:15px;
	}
	.high_2 {
		width:45%;
		padding-left:15px;
	}
}
.banner_g4_frame {
	background-color:#20883F;
	padding-top:10px;
	padding-bottom:10px;
}
.banner_g4_container {
	margin: auto;
	width: 91%;
	position: relative;
}
	@media only screen and (min-width: 1400px) {
		.banner_g4_container {
			max-width:1500px;
		}
	}
@media only screen and (min-width: 660px) {
	.banner_g4_1 {
		float:left;
		width:48%;
		padding-right:10px;
	}
	.banner_g4_2 {
		float:left;
		width:48%;
		padding-left:10px;
	}
}
@media only screen and (min-width: 760px) {
	.banner_g4_1 {
		width:45%;
		padding-right:15px;
	}
	.banner_g4_2 {
		width:45%;
		padding-left:15px;
	}
}
.banner_g4_image {
    display: block;
    width: 100%;
    height: auto;
	padding-top:10px;
}
.banner_g4_container h2 {
	color: #fff;
	font-family: 'Quadon-Light', 'Zilla Slab', serif;
	font-size:2.2em;
	text-align: center;
	margin-bottom:5px;
}
.banner_g4_container h3 {
	margin-bottom:0px;
}
.banner_g4_container h3 a {
	color: #ffd200;
	font-family: 'Quadon-Light', 'Zilla Slab', serif;
	font-size:1.4em;
}
.banner_g4_container p {
	color: #fff;
	margin-top:0px;
}
.banner_g4_container a {
	color: #fff;
}
.banner_g5_frame {
	background-color:#489D46;
	padding-top:10px;
	padding-bottom:10px;
}
.banner_g5_container {
	margin: auto;
	width: 91%;
	position: relative;
}
	@media only screen and (min-width: 1400px) {
		.banner_g5_container {
			max-width:1500px;
		}
	}
@media only screen and (min-width: 660px) {
	.banner_g5_1 {
		float:left;
		width:48%;
		padding-right:10px;
	}
	.banner_g5_2 {
		float:left;
		width:48%;
		padding-left:10px;
	}
}
@media only screen and (min-width: 760px) {
	.banner_g5_1 {
		width:45%;
		padding-right:15px;
	}
	.banner_g5_2 {
		width:45%;
		padding-left:15px;
	}
}
.banner_g5_image {
    display: block;
    width: 100%;
    height: auto;
	padding-top:10px;
}
.banner_g5_container h2 {
	color: #fff;
	font-family: 'Quadon-Light', 'Zilla Slab', serif;
	font-size:2.2em;
	text-align: center;
	margin-bottom:5px;
}
.banner_g5_container h3 {
	margin-bottom:0px;
}
.banner_g5_container h3 a {
	color: #ffd200;
	font-family: 'Quadon-Light', 'Zilla Slab', serif;
	font-size:1.4em;
}
.banner_g5_container p {
	color: #fff;
	margin-top:0px;
}
.banner_g5_container a {
	color: #fff;
}
/* General Headings
-------------------------------------------- */
h1 {
	color: #000;
	font-size: 2.2em;
	font-weight: normal;
	font-family: 'Quadon-Light', 'Zilla Slab', serif;
}
	@media only screen and (min-width: 660px) {
		h1 {
			font-weight: normal;
		}
	}
	@media only screen and (min-width: 760px) {
		h1 {
			font-weight: normal; 
			line-height:135%;
		}
	}
h2 {
	font-weight: normal;
	color: #000;
	line-height:1.1;
	font-size: 1.7em;
	font-family: 'Quadon-Regular', 'Zilla Slab', serif;
}
	@media only screen and (min-width: 660px) {
		h2 {
			line-height:1.2;	
		}
	}
	@media only screen and (min-width: 760px) {
		h2 {
			font-size: 1.5em;
		}
	}
h3 {
	color: #000;
	font-weight: normal;
	font-size: 1.3em;
	font-family: 'Quadon-Regular', 'Zilla Slab', serif;
}
/* Osher Info Hub 
-------------------------------------------- */
.print_this_pg {
    text-align: right; 
    margin-top: 5px; 
    margin-bottom: -15px;
}
@media print {
    .print_this_pg {
        display: none;
    }
}
.info_hub h3 {
	font-family: Open Sans, Arial, Helvetica;
	font-size:1.5em;
	margin: 30px 0px 0px 0px;
	padding-top: 15px;
    font-weight: normal;
}
.info_hub h3 + p {
	margin-top: 0px;
}
.info_hub h4 {
	font-size:1.1em;
    margin: 30px 0px 0px 0px;
    padding: 0px;
    color: #000;
    text-transform:uppercase;
    font-weight:normal;
}
	@media only screen and (min-width: 660px) {
		.info_hub h4 ~ p {
			padding-left:30px;
			padding-right:30px;
		}
	}
.info_hub h5 {
	font-size:1em;
    color: #93988F;
	margin-bottom:0px;
}
	@media only screen and (min-width: 660px) {
		.info_hub h5 {
			padding-left:30px;
			padding-right:30px;	
		}
	}
.info_hub h6 {
	
}
.info_hub li {
	padding-left: 10px;
	margin-left: 10px;
	line-height: 160%;
}
.info_hub p:last-child {
	border: 0;
	border-bottom: 1px dashed #c0c0c0;
	padding-bottom: 20px;
}
.info_hub_img_sm {
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin: 0px 0px 20px 20px;
}
@media only screen and (min-width: 760px) {
	.info_hub_img_sm {
		float:right; 
	}
}
/* Osher schedule filter
-------------------------------------------- */
@media print{
    .filter_wrapper {
        display: none;
    }
}
.filter_wrapper {
    margin-top: 32px;
    background-color: #D8DcDA;
}
.OLLIfilter_container {
    padding-top: 5px;
    padding-bottom: 5px;
    margin: auto;
    width: 91%;
    max-width: 1500px;
     
}
@media only screen and (min-width: 900px) {
    .filter-flex {
        display: flex;
        flex-wrap: wrap;
    }
}
.save_class {
    font-size: .5em;
    font-weight: normal;
    text-transform: uppercase;
    margin-left: 15px;
}
input[type="search"]  {
  width: 80%;
  padding: 11px 11px 11px 35px;
  margin-top: 20px;
  border: 1px solid #8ABB40;
  border-radius: 10px;
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 13px center;
  background-color: #fff; 
  max-width: 350px;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #A2AAAD;
  opacity: 1; /* Firefox */
  font-family: Open Sans, Arial, Helvetica, sans-serif;
  font-size: 1em;
}
/* Adjust position of button icon */
span.btnicon-adj {
    line-height: 0px;
    font-weight: bold;
    vertical-align: middle;
}
.dropbtn {
  background-color: #fff;
  padding: 10px;
  border: 1px solid #8ABB40;
  cursor: pointer;
  border-radius: 10px;
  font-family: Open Sans, Arial, Helvetica, sans-serif;
  font-size: 1em;
  margin: 0px 15px 8px 0px;
}
@media only screen and (min-width: 900px) {
    .dropbtn {
        font-size: .9em;
    }
}
.favorite-btn {
    background-color: #104735;
    color: #fff;
    padding: 10px 20px 10px 20px;
    border: 1px solid #8ABB40;
    cursor: pointer;
    border-radius: 10px;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 1em;
    margin: 0px 15px 8px 0px;
}
@media only screen and (min-width: 900px) {
    .favorite-btn {
        font-size: .9em;
    }
}
.number_of_favs {
    color: #A2AAAD;
    padding-left: 10px;
}
.results {
    text-transform: uppercase;
    color: #007030;
    font-weight: bold;
    font-size: .9em;
    margin-right: 15px;
    margin-bottom: 10px;
}
@media only screen and (min-width: 900px) {
   
}
.active_filter {
  background-color: #f5f4f2;
  padding: 7px;
  border: 1px solid #8ABB40;
  cursor: pointer;
  border-radius: 20px;
  font-family: Open Sans, Arial, Helvetica, sans-serif;
  font-size: 1em;
  margin: 0px 15px 8px 0px;
}
@media only screen and (min-width: 900px) {
    .active_filter {
         font-size: .85em;
         padding: 6px;
    }
}
/* Adjust position of active filter icon */
span.btnicon-adj-close {
    line-height: 0px;
    font-weight: bold;
    vertical-align: middle;
    color: red;
    font-size: .9em;
}
/* Formatting Text
-------------------------------------------- */
.clear {
	clear:both;
}
hr {
	border: 0;
	border-bottom:1px dashed #c0c0c0;
}
.initial_word {
	font-weight:bold; 
	letter-spacing: 1px;
	color:#104735; 
	font-size:1em;
}
.inline_number {
	position:relative; 
	top: .2em;
	font-size:200%; 
	line-height: 0;
	font-weight:bold; 
	font-family:times; 
	color:#8ABB40;
}
.quote {
	color:#4D5859;
	font-family:times;
	font-weight:bold;
	font-style:italic;
	font-size:1.65em;
	padding-left:25px;
	padding-right:25px;
	line-height:125%;
}
	@media only screen and (min-width: 760px) {
		.quote {
			font-weight:normal;
			margin-top:20px;
		}
	}
.quote_name {
	text-align:right;
	padding-left:25px;
	padding-right:25px;
	font-style:italic;
	font-family:times;
	font-size:1em;
}
.subquote {
	color:#4D5859;
	font-family:times;
	font-style:italic;
	font-size:1.3em;
	padding-left:25px;
	padding-right:25px;
	line-height:125%;
}
	@media only screen and (min-width: 760px) {
		.subquote {
			font-weight:normal;
			margin-top:20px;
		}
	}
.subquote_name {
	text-align:right;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:35px;
	font-style:italic;
	font-family:times;
	font-size:1em;
}
	@media only screen and (min-width: 760px) {
		.subquote_name {
			padding-bottom:15px;
		}
	}
.quote_2 {
	font-weight:bold; 
	color:#104735;
}
.quote_2_source {
	font-weight:bold;
	color:#104735;
	font-size:80%;
	margin-bottom:20px;
	text-align:right;
}
.pull_quote {
	font-size:1.8em; 
	width: 100%; 
	border-left: solid 6px #8ABB40;
	color: #8ABB40;
	margin-bottom:20px;
	margin-top: 20px;
	padding-left:15px;
}
	@media only screen and (min-width: 660px) {
		.pull_quote {
			width: 40%; 
			float:right;
			margin-left:20px;
		}
	}
.pull_quote_long {
	font-size:.95em;
	width: 85%; 
	margin-left:auto;
	margin-right:auto;
	border-left: solid 6px #4D5859;
	color: #4D5859;
	margin-bottom:20px;
	margin-top: 20px;
	padding-left:15px;
}
.text_columns {
	columns: 300px 3;
	column-gap: 40px;
}
.text_columns p {
	margin-top: 0px;
}
.small_text {
	font-size:90%;
}
.large_text {
	font-size:1.3em;
}
.alert_box {
	color:firebrick; 
	border:solid 1px firebrick; 
	background-color:lightyellow;
	padding:10px; 
	border-radius:10px; 
	margin-bottom:20px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	width:90%;
	text-align:left;
}
/* FAQ's Show/Hide
-------------------------------------------- */
.page_top {
	font-size:.8em;
	text-align:right;
}
.group {
	display:block; 
}
.show {
	display:block; 
}
.hide {
	display:none;
}
.course_title {
	font-size:1.2em;
	margin-top: 30px;
	padding-top: 5px;
	border-top:dashed thin #a8a8aa;
}
/* Staff Contact Pages
-------------------------------------------- */
@media only screen and (min-width: 1000px) {
	.flex-container-staff {
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		justify-content: space-between;
	}
	.staff-flex-item {
		flex: 0 1 45%;
	}
}
@media only screen and (min-width: 1500px) {
	.staff-flex-item {
		flex-basis: 30%;
	}
}
.staff-flex-item {
	width: 97%;
	padding: 0px 8px 0px 0px;
	margin-bottom: 20px;
	border: solid 1px #D8DCDA;
	display: flex;
}
.staff-flex-item img {
	flex: 0 1 40%;
	max-width: 117px;
	max-height: 175px;
	padding-right: 15px;
}
.staff-flex-item  h3 {
	margin: 10px 0px 0px 0px;
	font-family:  arial, helvetica, sans-serif;
	color: #007030;
	font-size: 1.1em;
}
.staff-flex-item a:hover {
	color: #000;
}
.staff-flex-item h4 {
	font-weight: normal;
	margin: 0px 0px 15px 0px;
	font-size: .9em;
}
.staff-flex-item p {
	margin: 0px;
	font-size: .85em;
}
/* Buttons
-------------------------------------------- */
@media print {
    button {
        display: none;
    }
}
button.register_calm {
    background-color:#fff;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #006241;
    cursor:pointer;
    color:#006241;
    font-size:.95em;
	letter-spacing: 1.5px;
	font-family:tahoma, arial, verdana;
    padding:10px 22px;
    text-decoration:none;
	margin-top:10px;
	margin-bottom:10px;
	text-transform:uppercase;
}
button.register_calm:hover {
	color: #fff;
    background: #61a60f;
}
button.register {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
    -webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
    box-shadow:inset 0px 1px 0px 0px #fff6af;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffd200), color-stop(1, #fee123));
    background:-moz-linear-gradient(top, #fee123 5%, #ffd200 100%);
    background:-webkit-linear-gradient(top, #fee123 5%, #ffd200 100%);
    background:-o-linear-gradient(top, #fee123 5%, #ffd200 100%);
    background:-ms-linear-gradient(top, #fee123 5%, #ffd200 100%);
    background:linear-gradient(to bottom, #fee123 5%, #ffd200 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fee123', endColorstr='#ffd200',GradientType=0);
    background-color:#ffd200;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #ffaa22;
    display:inline-block;
    cursor:pointer;
    color:#333333;
    font-size:18px;
    font-weight:bold;
	font-family:verdana;
    padding:16px 40px;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffee66;
}
button.login_green {
    background-color:#fff;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #006241;
    display:inline-block;
    cursor:pointer;
    color:#006241;
    font-size:.7em;
    font-weight:bold;
	letter-spacing: 1.5px;
	font-family:tahoma, arial, verdana;
    padding:10px 22px;
    text-decoration:none;
	float:right;
	margin-top:5px;
	text-transform:uppercase;
}
button.login_gold {
    background-color:#fff;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #dbaa00;
    display:inline-block;
    cursor:pointer;
    color:#dbaa00;
    font-size:.7em;
    font-weight:bold;
	letter-spacing: 1.5px;
	font-family:tahoma, arial, verdana;
    padding:10px 22px;
    text-decoration:none;
	float:right;
	margin-top:5px;
	text-transform:uppercase;
}
button.green_alert {
    background-color:#036936;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #000;
    cursor:pointer;
    color:#fff;
    font-size: 1.1em;
	font-family: 'Quadon-Regular', 'Zilla Slab', serif;
    padding: 15px 40px 15px 40px;
    text-decoration: none;
	margin-top: 15px;
}
button.green_alert:hover {
    background: #20883F;
}
#TopBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: 1px solid #006241; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #fff; /* Set a background color */
  color: #006241; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 10px 22px; /* Some padding */
  border-radius: 3px; /* Rounded corners */
  font-size: .95em; /* Increase font size */
  text-transform:uppercase;
  letter-spacing: 1.5px;
  font-family: tahoma, arial, verdana;
}
#TopBtn:hover {
  background-color: #61a60f; /* Add a dark-grey background on hover */
  color: #fff;
}
@media print {
    button#TopBtn {
        display: none !important;
    }
}
/*---------------*/
.block_cta_1 {
    border: 2px solid white;
    color: white;
    background: none;
    width: 90%;
    margin: 0px auto 20px auto;
	border-radius:4px;
}
	@media only screen and (min-width: 660px) {
		.block_cta_1 {
			width: 60%;
		}
	}
	@media only screen and (min-width: 760px) {
		.block_cta_1 {
			width: 60%;
		}
		.block_cta_1:hover {
			text-shadow: 0 0 0 0 #000;
		}
	}
.block_cta_1_button {
    text-transform: uppercase;
    color: #fff;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 20px;
    min-height: 2.7em;
    line-height: 1.2em;
    cursor: pointer;
    text-align: center;
    padding: 1em .5em;
    text-decoration: none !important;
	letter-spacing:1px;
}
.block_cta_1_button:hover {
    color: #fff;
    background: #8ABB40;
}
.block_cta_1 a:visited {
    color: #fff !important;
}
/*---------------*/
.block_cta_2 {
    border: 2px solid white;
    color: white;
    background: none;
    width: 80%;
    margin: 0px auto 20px auto;
	border-radius:4px;
}
	@media only screen and (min-width: 660px) {
		.block_cta_2 {
			width: 50%;
		}
	}
	@media only screen and (min-width: 760px) {
		.block_cta_2 {
			width: 50%;
		}
		.block_cta_2:hover {
			text-shadow: 0 0 0 0 #000;
		}
	}
.block_cta_2_button {
    text-transform: uppercase;
    color: #fff;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 15px;
    min-height: 2em;
    line-height: 1.2em;
    cursor: pointer;
    text-align: center;
    padding: 1em .5em;
    text-decoration: none !important;
	letter-spacing:1px;
}
.block_cta_2_button:hover {
    color: #fff;
    background: #8ABB40;
}
.block_cta_2 a:visited {
    color: #fff !important;
}
/*---------------*/
.block_cta_3 {
    border: 2px solid #4D5859;
    color: #4D5859 !important;
    background: none;
    width: 80%;
    margin: 0px auto 20px auto;
	border-radius:4px;
}
	@media only screen and (min-width: 660px) {
		.block_cta_3 {
			width: 50%;
		}
	}
	@media only screen and (min-width: 760px) {
		.block_cta_3 {
			width: 50%;
		}
		.block_cta_3:hover {
			text-shadow: 0 0 0 0 #000;
		}
	}
.block_cta_3 a:visited {
    color: #4D5859;
}
.block_cta_3 a:hover {
    background: #007030;
    color: #fff !important;
}
.block_cta_3_button {
    text-transform: uppercase;
    color: #4D5859;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 15px;
    min-height: 2em;
    line-height: 1.2em;
    cursor: pointer;
    text-align: center;
    padding: 1em .5em;
    text-decoration: none !important;
	letter-spacing:1px;
}
/*---------------*/
.block_cta_4 {
    border: 2px solid #007030;
    color: #007030;
    background: none;
    width: 80%;
    margin: 0px auto 20px auto;
	border-radius:4px;
}
	@media only screen and (min-width: 660px) {
		.block_cta_4 {
			width: 50%;
		}
	}
	@media only screen and (min-width: 760px) {
		.block_cta_4 {
			width: 50%;
		}
		.block_cta_4:hover {
			text-shadow: 0 0 0 0 #000;
		}
	}
.block_cta_4 a:visited {
     color: #007030 !important;
}
.block_cta_4 a:hover {
    background: #489D46;
    color: #fff !important;
}
.block_cta_4_button {
    text-transform: uppercase;
    color: #007030;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 15px;
    min-height: 2em;
    line-height: 1.2em;
    cursor: pointer;
    text-align: center;
    padding: 1em .5em;
    text-decoration: none !important;
	letter-spacing:1px;
}
/*------ used in OLLI portal -----*/
button.img_grid_cta {
    background-color:#fff;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #8ABB40;
    cursor:pointer;
    color:#007030;
    font-size:.95em;
	letter-spacing: 1.5px;
	font-family:tahoma, arial, verdana;
    padding:10px 22px;
    text-decoration:none;
	margin-top:10px;
	margin-bottom:10px;
	text-transform:uppercase;
}
button.img_grid_cta:hover {
	color: #fff;
    background: #61a60f;
}
/* Images and Videos
-------------------------------------------- */
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
*/
.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
	background: white;
}
.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}
/*Images with captions
----------------------------------------*/
figure {
	display:table
}
figcaption {
	display: table-caption; 
	caption-side: bottom; 
	font-size: .9em;
	margin-bottom:20px;
}
/*Image boxes, CPE room rental page and OLLI locations
----------------------------------------*/
.room-flex-item {
	width: 97%;
	margin-bottom: 20px;
	padding: 10px;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
	border: 1px solid #D8DCDA;
	box-shadow: 0 4px 8px 0 #D8DCDA;
}
.flex-container-room h2 {
	margin-top: 0px;
}
.flex-container-room h3 {
	margin-bottom: 0px;
	margin-top: 0px;
	font-size: 1.2em;
}
.flex-container-room ul {
	list-style-image: none;
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
}
.flex-container-room li {
	line-height: 170%;
	font-size: .9em;
}
@media only screen and (min-width: 900px) {
	.flex-container-room {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		align-items: stretch;
        column-gap: 20px;
	}
	.room-flex-item {
		flex: 1 1 45%;
        /*flex-grow: 1;*/
	}
}
.flex-container-room button {
	background-color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #007030;
    cursor: pointer;
    color: #007030;
    font-size: .95em;
	letter-spacing: 1.5px;
	font-family: tahoma, arial, verdana;
    padding: 10px 22px;
    text-decoration: none;
	text-transform: uppercase;
}
.flex-container-room button:hover {
	color: #fff;
    background: #489D46;
}
.center-room-button {
	text-align: center;
	margin-top:30px;
}
/*Image boxes, CPE discover page
----------------------------------------*/
.box-flex-item {
	width: 97%;
	margin-bottom: 15px;
	padding: 10px;
	background-color: #D8DCDA;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.flex-container-box h2 {
	font-family: 'Quadon-Light', 'Zilla Slab', serif;
	font-size: 1.7em;
	line-height: 125%;
	letterspacing: 1px;
	color: #000;
	text-decoration: none;
	margin:10px 0px 0px 0px;
}
.flex-container-box a {
	text-decoration: none;
}
.flex-container-box a:hover {
	text-decoration: underline;
	color: #489D46;
}
.flex-container-box p {
	margin-top:0px;
}
.flex-container-box button {
	background-color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #007030;
    cursor: pointer;
    color: #007030;
    font-size: .95em;
	letter-spacing: 1.5px;
	font-family: tahoma, arial, verdana;
    padding: 10px 22px;
    text-decoration: none;
	text-transform: uppercase;
}
.flex-container-box button:hover {
	color: #fff;
    background: #8ABB40;
}
.center-box-button {
	text-align: center;
	margin-top:30px;
}
@media only screen and (min-width: 900px) {
	.flex-container-box {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		align-items: stretch;
	}
	.box-flex-item {
		flex: 0 1 45%;
	}
}
@media only screen and (min-width: 1400px) {
	.box-flex-item {
		flex: 0 1 30%;
	}
}

/*Floating images
----------------------------------------*/
.float_img_left {
	float:left; 
	padding-right:10px;
}
.float_img_right {
	float:right; 
	padding-left:10px;
}
img.center_img {
	margin-right: auto; 
	margin-left: auto; 
	display: block;
}
/*Videos
----------------------------------------*/
#video_wrap {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
#video_wrap iframe, #video_wrap object, #video_wrap embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/* Calendars
-------------------------------------------- */
.cal_block {
	margin-top:32px;
	margin-bottom:32px;
	padding-bottom:8px;
	background: #F2F5DD;
}
.cal_hd_container {
	width:100%;
	background-color:#006241;
}
.cal_block_hd {
	text-transform:uppercase;
	font-family: 'Quadon-Regular', 'Zilla Slab', serif;
	font-size:1.1em;
	/*font-weight:bold;*/
	color:#fff;
	padding-top:13px;
	padding-bottom:13px;
	padding-left:8px;
	padding-right:8px;
}
.cal_block_content {
	padding-top:8px;
	padding-left:8px;
	padding-right:8px;	
}
/* Forms
-------------------------------------------- */
.error_form {
	color:red;
}
form.contact {
	width:90%;
	margin:0;
}
	@media only screen and (min-width: 760px) {
		form.contact {
			width:70%;
			margin:0 15%;
		}
	}
input[type=text].contact {
	margin-bottom:20px;
	margin-top:10px;
	width:100%;
	padding:15px;
	border-radius:5px;
	border:1px solid #dcd9d4;
}
	@media only screen and (min-width: 760px) {
		input[type=text].contact {
			margin-top:2px;
			padding:5px;
		}
	}
input[type=password].contact {
	margin-bottom:20px;
	margin-top:10px;
	width:100%;
	padding:15px;
	border-radius:5px;
	border:1px solid #dcd9d4;
}
	@media only screen and (min-width: 760px) {
		input[type=password].contact {
			margin-top:2px;
			padding:5px;
		}
	}
input[type=email].contact {
	margin-bottom:20px;
	margin-top:10px;
	width:100%;
	padding:15px;
	border-radius:5px;
	border:1px solid #dcd9d4;
}
	@media only screen and (min-width: 760px) {
		input[type=email].contact {
			margin-top:2px;
			padding:5px;
		}
	}
input[type=tel].contact {
	margin-bottom:20px;
	margin-top:10px;
	width:100%;
	padding:15px;
	border-radius:5px;
	border:1px solid #dcd9d4;
}
	@media only screen and (min-width: 760px) {
		input[type=tel].contact {
			margin-top:2px;
			padding:5px;
		}
	}
input[type=number].contact {
	margin-bottom:20px;
	margin-top:10px;
	width:100%;
	padding:15px;
	border-radius:5px;
	border:1px solid #dcd9d4;
}
	@media only screen and (min-width: 760px) {
		input[type=number].contact {
			margin-top:2px;
			padding:5px;
		}
	}
input[type=submit].contact {
	margin:auto;
	display:block;
	width:60%;
	padding:15px;
    font-family: arial, helvetica, clean, sans-serif;
}
	@media only screen and (min-width: 760px) {
		input[type=submit].contact {
			width:auto;
			margin-bottom:20px;
			padding:10px;
		}
	}
input[type=button].contact {
	margin:auto;
    margin-top: 15px;
	display:block;
	width:60%;
	padding:15px;
	font-family: arial, helvetica, clean, sans-serif;;
}
	@media only screen and (min-width: 760px) {
		input[type=button].contact {
			width:auto;
			margin-bottom:20px;
			padding:10px;
		}
	}
.btngray, .btnyellow {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 0;
    color: black;
    font-size: 1.2em;
    padding:15px 30px;
    text-decoration: none;
    font-family: arial, helvetica, clean, sans-serif;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display:inline-block;
    cursor:pointer;
}
.btngray {
    background: #f5f5f5;
    background-image: -webkit-linear-gradient(top, #f5f5f5, #cccccc);
    background-image: -moz-linear-gradient(top, #f5f5f5, #cccccc);
    background-image: -ms-linear-gradient(top, #f5f5f5, #cccccc);
    background-image: -o-linear-gradient(top, #f5f5f5, #cccccc);
    background-image: linear-gradient(to bottom, #f5f5f5, #cccccc);
}
.btnyellow {
    background-color:#ffd200;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffd200), color-stop(1, #fee123));
    background:-moz-linear-gradient(top, #fee123 5%, #ffd200 100%);
    background:-webkit-linear-gradient(top, #fee123 5%, #ffd200 100%);
    background:-o-linear-gradient(top, #fee123 5%, #ffd200 100%);
    background:-ms-linear-gradient(top, #fee123 5%, #ffd200 100%);
    background:linear-gradient(to bottom, #fee123 5%, #ffd200 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fee123', endColorstr='#ffd200',GradientType=0);
}
.btngray:hover, .btnyellow:hover {
    background: #039e44;
    background-image: -webkit-linear-gradient(top, #039e44, #006241);
    background-image: -moz-linear-gradient(top, #039e44, #006241);
    background-image: -ms-linear-gradient(top, #039e44, #006241);
    background-image: -o-linear-gradient(top, #039e44, #006241);
    background-image: linear-gradient(to bottom, #039e44, #006241);
    text-decoration: none;
    color: white;
}
textarea.contact {
	width:100%;
	padding:15px;
	margin-top:10px;
	border:1px solid #dcd9d4;
	border-radius:5px;
	margin-bottom:20px;
	/*resize:none*/
}
ol textarea.contact {
	width:90%;
}
select.contact {
	margin-bottom:20px;
	width:100%;
	border-radius:5px;
	border:1px solid #dcd9d4;
}
input[type=text]:focus,textarea:focus.contact {
	border-color:#4697e4
}
/* these are for sizing inputs differently */
.ten_input {
    width: 10% !important;
}
.twenty_input {
    width: 20% !important;
}
.fifty_input {
    width: 50% !important;
}

/* Database Driven Reg Pages
-------------------------------------------- */
.reg_heading {
	background-color:#faf6e1; 
	padding:5px; 
	font-weight:bold; 
	margin-top:25px; 
	font-size:1.1em;
	}
h3.reg_subhead {
	margin-top:40px; 
	padding-top:10px; 
	border-top:dashed thin #a8a8aa;
}
.reg_course_name {
	font-size:1.3em; 
	margin-bottom:5px; 
	margin-top:25px;
	}
.reg_course_body {
	
	}
.reg_register_now {
	font-weight:bold;
	}
.course_info {
	margin-bottom:5px;
}
.instructor_container {
	border:1px solid #999999; 
	padding:10px; 
	background-color:#f5f5f5;
	margin-top: 10px;
}
.instructor_image {
	margin-right: auto; 
	margin-left: auto;
	display:block;
}
	@media only screen and (min-width: 660px) {
		.instructor_image {
			float:left;
			margin-right:10px;
		}
	}
.error {
	color:#a31919; 
	border:solid 1px #a31919; 
	padding:10px; 
	background-color:#ffffdd;
	font-family: verdana;
	font-size: .8em;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
/* Shopping Cart
-------------------------------------------- */

/* Call Outs
-------------------------------------------- */
.sidebar_callout {
	background-color:#e6e6e6; 
	padding:20px; 
	margin-top:20px;	
}	



















}