@charset "UTF-8";

/* Mobile Layout: 660px and below. */

/*.green1 {
	color: #154733;
}
.yellow1 {
	color: #FEE123;
}
.firebrick {
	color: #B22222;
}
.green2 {
	color: #006241;
}
.green3 {
	color: #007935;
}
.green4 {
	color: #62A70F;
}
.green5 {
	color: #E1E000;
}
.yellow2 {
	color: #FFD200;
}
.yellow3 {
	color: #DBAA00;
}
.gray1 {
	color: #DBAA00;
}
.teal {
	color: #007935;
}
.blue1 {
	color: #96D5EA;
}
.blue2 {
	color: #3F97B5;
}
.blue3 {
	color: #004E72;
}
.olive {
	color: #959300;
}
.darkred {
	color: #007935;
}
.brown {
	color: #683025;
}
.gray2 {
	color: #A8A8AA;
}
.processcyan {
	color: #00AEEF;
}
.processmagenta {
	color: #EC008C;
}
.processyellow {
	color: #FFF200;
}*/


@font-face {
	font-family: 'Quadon-Bold';
	src: url("/-/osher/_AEGLOBAL/fonts/2C63B3_1_0.eot");
	src: url("/-/osher/_AEGLOBAL/fonts/2C63B3_1_0.eot#iefix") format('embedded-opentype'), url("/-/osher/_AEGLOBAL/fonts/2C63B3_1_0.woff2") format('woff2'), url("/-/osher/_AEGLOBAL/fonts/2C63B3_1_0.woff") format('woff'), url("/-/osher/_AEGLOBAL/fonts/2C63B3_1_0.ttf") format('truetype');
}
@font-face {
	font-family: 'Quadon-Light';
	src: url("/-/osher/_AEGLOBAL/fonts/2C63B3_2_0.eot");
	src: url("/-/osher/_AEGLOBAL/fonts/2C63B3_2_0.eot#iefix") format('embedded-opentype'), url("/-/osher/_AEGLOBAL/fonts/2C63B3_2_0.woff2") format('woff2'), url("/-/osher/_AEGLOBAL/fonts/2C63B3_2_0.woff") format('woff'), url("/-/osher/_AEGLOBAL/fonts/2C63B3_2_0.ttf") format('truetype');
}
@font-face {
	font-family: 'Quadon-Regular';
	src: url("/-/osher/_AEGLOBAL/fonts/2C63B3_3_0.eot");
	src: url("/-/osher/_AEGLOBAL/fonts/2C63B3_3_0.eot#iefix") format('embedded-opentype'), url("/-/osher/_AEGLOBAL/fonts/2C63B3_3_0.woff2") format('woff2'), url("/-/osher/_AEGLOBAL/fonts/2C63B3_3_0.woff") format('woff'), url("/-/osher/_AEGLOBAL/fonts/2C63B3_3_0.ttf") format('truetype');
}
@font-face {
	font-family: 'Quadon-RegularItalic';
	src: url("/-/osher/_AEGLOBAL/fonts/2C63B3_4_0.eot");
	src: url("/-/osher/_AEGLOBAL/fonts/2C63B3_4_0.eot#iefix") format('embedded-opentype'), url("/-/osher/_AEGLOBAL/fonts/2C63B3_4_0.woff2") format('woff2'), url("/-/osher/_AEGLOBAL/fonts/2C63B3_4_0.woff") format('woff'), url("/-/osher/_AEGLOBAL/fonts/2C63B3_4_0.ttf") format('truetype');
}




.banner_g4_frame {
	background-color:#20883F;
	padding-top:10px;
	padding-bottom:10px;
}
.banner_g4_container {
	margin: auto;
	width: 91%;
	position: relative;
}
.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;
}



h1 {
	color: black;
	font-size: 2.2em;
	font-weight: normal;
	font-family: 'Quadon-Light', 'Zilla Slab', serif;
}
h2 {
	font-weight: normal;
	color: #489D46;
	line-height:1.1;
	font-size: 1.7em;
	font-family: 'Quadon-Regular', 'Zilla Slab', serif;
}
h2.hub {
	margin-top: 75px;
    font-weight: bold;
}
h3 {
	color:black;
	font-weight: normal;
	font-size: 1.3em;
	font-family: 'Quadon-Regular', 'Zilla Slab', serif;
}
/*h3.hub {
    margin: 25px 0px 0px 0px;
    background-color:#d4d4d5;
    padding:5px;
}*/
h3.hub {
	font-family:  Open Sans, Arial, Helvetica;
	margin-top: 70px;
	font-size: 1.3em;
	/*margin-bottom:0px;*/
	padding-bottom:10px;
	padding-top:10px;
	text-align: center;
	text-transform:uppercase;
	letter-spacing: 2px;
	word-spacing: 4px;
	font-weight:bold;
	color: #104735;
	border-top:solid thin #a8a8aa;
	border-bottom:solid thin #a8a8aa;
}
/*h4.hub {
    font-size:1.2em;
	margin: 30px 0px 0px 0px;
	padding-top: 5px;
	border-top:dashed thin #a8a8aa;
    font-weight: normal;
}*/
h4.hub {
	font-size:1.3em;
	margin: 30px 0px 0px 0px;
	padding-top: 15px;
	/*border-top:dashed thin #a8a8aa;*/
    font-weight: normal;
}
h5.hub {
    font-size:1em;
    margin: 30px 0px 0px 0px;
    padding: 0px;
    color: #8ABB40;
    text-transform:uppercase;
    font-weight:normal;
}
h6.hub {
    font-size:1em;
    color: #4F565A;
    margin: 30px 0px -15px 0px;
}












h3.rule {
	margin-bottom:15px; 
	border-top:1px dashed #c0c0c0;
	font-family: 'Quadon-Regular', 'Zilla Slab', serif;
	font-size: 1.5em; 
	color:black;	
}








/*olli info hub toc*/

.toc_spacing {
	padding-top:8px;
	padding-bottom:8px;
}
.toc_head {
	font-weight:bold; 
	color:#104735; 
	text-transform:uppercase;
}
.toc_container {
	background-color:#F1F2F2; 
	padding: 20px 20px 5px 20px; 
	font-size:.9em;
}




.error_form {
	color:red;
    font-weight: bold;
}









.clear {
	clear:both;
}
figure {
	display:table
}

figcaption {
	display: table-caption; 
	caption-side: bottom; 
	font-size: .9em;
	margin-bottom:20px;
}
hr {
	border: 0;
	border-bottom:1px dashed #c0c0c0;
}
.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;
}
.quote {
	color:#959300;
	font-family:times;
	font-weight:bold;
	font-style:italic;
	font-size:1.65em;
	padding-left:25px;
	padding-right:25px;
	line-height:125%;
}
.quote_name {
	text-align:right;
	padding-left:25px;
	padding-right:25px;
	font-style:italic;
	font-family:times;
	font-size:1em;
}
.quote_2 {
	font-weight:bold; 
	color:#46661e;
}
.quote_2_source {
	font-weight:bold;
	color:#46661e;
	font-size:80%;
	margin-bottom:20px;
	text-align:right;
}
.subquote {
	color:#959300;
	font-family:times;
	font-style:italic;
	font-size:1.3em;
	padding-left:25px;
	padding-right:25px;
	line-height:125%;
}
.subquote_name {
	text-align:right;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:35px;
	font-style:italic;
	font-family:times;
	font-size:1em;
}
.pull_quote {
	font-size:1.8em; 
	width: 100%; 
	border-left: solid 6px #62A70F;
	color: #62A70F;
	margin-bottom:20px;
	margin-top: 20px;
	padding-left:15px;
}
.pull_quote_long {
	font-size:.95em;
	width: 85%; 
	margin-left:auto;
	margin-right:auto;
	border-left: solid 6px #a8a8aa;
	color: #54565b;
	margin-bottom:20px;
	margin-top: 20px;
	
	padding-left:15px;
}
.small_text {
	font-size:90%;
}
.large_text {
	font-size:1.3em;
}
.inline_number {
	position:relative; 
	top: .2em;
	font-size:200%; 
	line-height: 0;
	font-weight:bold; 
	font-family:times; 
	color:#789a36;
}
/* these are for full column width YouTube videos that resize responsively */
/* they have not been tested with Vimeo */
#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%;
}
.text_columns {
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
}
.sidebar_head {
	padding-top:30px; 
	color:#006241; 
	font-weight:bold; 
	border-bottom:1px #a8a8aa solid; 
	text-transform: uppercase;
}
.sidebar_body {
	word-wrap: break-word;
	color:#464646; 
	font-size:95%; 
	margin-top:8px; 
	line-height:140%;
}
.sidebar_callout {
	background-color:#e6e6e6; 
	padding:20px; 
	margin-top:20px;	
}
.page_top {
	font-size:.8em;
	text-align:right;
}

.header_2 {
	background-color:#d4d4d5; 
	font-family: 'Quadon-Regular', 'Zilla Slab', serif;
	padding:5px; 
	margin-top:25px; 
	font-size:1.2em;
}
.alpha {
	font-size:1.1em;
	padding: 2px 0px 2px 0px;
	margin:0;
	letter-spacing:1px;
	color:white;
	background-color:#3f97b5;
	border-radius: 0 0 30px 30px;
	text-align:center;
}
.group {
	display:block; 
}
.show {
	display:block; 
}
.hide {
	display:none;
}
.faq {
	border-bottom:1px #dcd9d4 solid; 
}
.faq_link {
	text-decoration:none;
	font-size:1.15em;
	color: #464646;
}
.capstone {
	border-bottom:1px #dcd9d4 solid; 
}
.capstone_link {
	text-decoration:none;
	font-size:1.15em;
	color: #464646;
}
.initial_word {
	font-weight:bold; 
	letter-spacing: 1px;
	color:#007935; 
	font-size:1em;
}







#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;
}















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;
}













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;
}



/*.faculty_books {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid black;
}*/
.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;
}











/* tables */
/* this section makes our tables look better on phones and tablets */
/* it works in conjunction with _js/stacktable.js; created by John Ploacek */
/* http://johnpolacek.github.io/stacktable.js/ */
.stacktable {
	width: 100%;
}
.schedule_table {
	border: 1px solid #707070;
	border-top: 8px solid #707070;
	margin-bottom: 10px;
}
tr.mauve, td.mauve {
	background-color: #b6b0bc;
}
tr.green, td.green {
	background-color: #c2dbb7;
}
tr.yellow, td.yellow {
	background-color: #e1e1b2;
}
tr.blue, td.blue {
	background-color: #b6c3c8;
}
tr.gray, td.gray {
	background-color: #f5f5f5;
}
tr.olli1, td.olli1 {
	background-color: #F1F2F2;
}
tr.olli2, td.olli2 {
	background-color: #D1D3D4;
}
.st-head-row { padding-top: 1em; }
.st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; }
.st-key {
	width: 18%;
	text-align: right;
	padding: 3px 2% 3px 0;
	font-size: 14px;
	line-height: 20px;
}
.st-val {
	width: 79%;
	padding: 3px 0 3px 1%;
	font-size: 14px;
	line-height: 20px;
}
/* this sets up stacktable.js to leave our full size table just the way we built it */
/* making the tables responsive for tablet and phone */
.stacktable.large-only {
	display: none;
}
.stacktable.small-only {
	display: table;
}
/* there are a couple of lines controlling the table responsively down in Desktop 2 */

.course_title {
	font-size:1.2em;
	margin-top: 30px;
	padding-top: 5px;
	border-top:dashed thin #a8a8aa;
}
.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;
}

#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%;
}
.alumni_img {
	float:right; 
	padding: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;
}











/* staff pages */
.staff_image {
	float:left;
	margin-right:15px;
}
.staff_title {
	font-weight:bold;
	margin-bottom:10px;
}
.staff_end {
	clear: both;
	padding-bottom:20px;
}
.staff_bio {
	float:left;
}

/* new staff layout */
.staff_member_container, .room_container {
	/*width: 97%;*/
	width:100%;
	margin-bottom: 20px;
	padding: 0px;
	/*background-color: #ededed;*/
	border: 1px gainsboro solid;
}
.full_room_container hr {
	height: 1px;
	background-color:#dbaa00;
	color:#dbaa00;
	border: 0 none;
}
.room_container {
	background-color: white;
}
.full_room_container {
	margin-top: 15px;
}
.staff_member_container:after, .room_container:after {
	content:'';
	display:block;
	clear: both;
}
.staff_picture {
	float: left;
	max-width: 40%;
}
.staff_info {
	float: left;
	max-width: 55%;
	margin-top:10px;
}
.staff_info {
	max-width: 55%;
}
.staff_picture {
	margin-right:10px;
}
.staff_headshot img, .room_picture img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.staff_name {
	font-size: 18px;
	font-style: bold;
	line-height: 20px;
	color: #004f27;
}
.staff_newtitle {
	font-size: 16px;
	font-style: normal;
	line-height: 17px;
	margin-top: 5px;
	margin-bottom: 20px;
}
.staff_phone, .staff_address, .staff_email {
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
}
.staff_email {
	color: #004f27;
}









/* grid images */
.img_grid_container {
	width: 97%;
	margin-bottom: 10px;
	padding: 5px;
	background-color: #F2F5DD;
}
.img_grid_container:after {
	content:'';
	display:block;
	clear: both;
}
.img_grid_photo {
	padding-bottom:10px;
}
.img_grid_txt_container {
	height:200px;
}
.img_grid_head a {
	font-family: 'Quadon-Light', 'Zilla Slab', serif;
	font-size:1.7em;
	line-height:125%;
	letterspacing:1px;
	color:#929300;
	text-decoration: none;
}
.img_grid_head a:hover {
	text-decoration: underline;
}
.img_grid_body {
	font-size:.95em;	
}
button.img_grid_cta {
    background-color:#fff;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #929300;
    cursor:pointer;
    color:#929300;
    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;
}






/*trio of images on home page*/
.fervent_frame {
	background-color:#006241;
	padding-top:10px;
	padding-bottom:10px;
}
.fervent_container {
	margin: auto;
	width: 91%;
	position: relative;
}
.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;
}



/*highlight on home page*/
.high_frame {
	background-color:#FEE123;
	padding-top:10px;
	padding-bottom:10px;
}
.high_container {
	margin: auto;
	width: 91%;
	position: relative;
}
.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 {
	/*color: #ffd200;*/
	font-family: 'Quadon-Light', 'Zilla Slab', serif;
	font-size:1.4em;
}
.high_container p {
	color: #000;
	margin-top:0px;
}








.feature_frame {
    /*position: relative;*/
    /*width: 100%;*/
    /*margin: 0 auto;*/
    /*overflow: hidden;*/
    font-family: Times, Georgia, serif;
    /*-moz-box-sizing: border-box;*/
   /* -webkit-box-sizing: border-box;*/
   /* box-sizing: border-box;*/
    text-align: center;
	margin-left:-5%;
	margin-right:-5%;
}

.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: #007935;
    width: 100%;
    padding: 15px 15px 20px;
    color: white;
}

.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;
}
.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;
}














/*Feature frame used on AIM home page*/

.feature_frame2 {
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    font-family: Quadon-Regular,Times,Georgia,"DejaVu Serif",serif;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*text-align: center;*/
	
}
.feature_image2 img {
    display: block;
    width: 100%;
    height: auto;
}
.feature_info2 {
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #007935;
    width: 100%;
    padding: 15px 15px 20px;
    color: white;
}

.feature_info2 h2 {
    font-size: 40px;
    line-height: 50px;
    color: white;
    margin: 0 auto;
}
.feature_info2 p {
    font-size: 17px;
    line-height: 26px;
}
.feature_info2 .cta {
    border: 2px solid white;
    color: white;
    background: none;
    width: 100%;
    margin: 0 auto;
	border-radius:4px;
}
.feature_info2 .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;
}
.feature_info2 .cta_button:hover {
    color: #fff;
    background: #61a60f;
}












/* Tablet Layout: 481px to 768px */

@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;
}


h1 {
	font-weight: normal;
}

h2 {
	line-height:1.2;	
}


.text_columns {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
}
.pull_quote {
	width: 40%; 
	float:right;
	margin-left:20px;
}





.donate_container {
	width:40%; 
}
.schedule_table {
	font-size: 60%;
}
.instructor_image {
	float:left;
	margin-right:10px;
}









/*trio of images on home page*/
.fervent_1 {
	float:left;
	width:48%;
	padding-right:10px;
}
.fervent_2 {
	float:left;
	width:48%;
	padding-left:10px;
}



/*highlight on home page*/
.high_1 {
	float:left;
	width:48%;
	padding-right:10px;
}
.high_2 {
	float:left;
	width:48%;
	padding-left:10px;
}





.feature_info .cta {
	width: 60%;
}



}





/* Desktop 2 column Layout: 769px to a max of 1232px. */

@media only screen and (min-width: 760px) {

h1 {
	font-weight: normal; 
	line-height:135%;
}
h2 {
	font-size: 1.5em;
}


.banner_g4_1 {
	width:45%;
	padding-right:15px;
}
.banner_g4_2 {
	width:45%;
	/*padding-right:15px;*/
	padding-left:15px;
}


/*olli info hub toc*/

.toc_container {
	width:25%;
	margin-left:15px;
	float:right;
}






.quote {
	font-weight:normal;
	margin-top:20px;
}
.subquote {
	font-weight:normal;
	margin-top:20px;
}
.subquote_name {
	padding-bottom:15px;
}
.text_columns {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}





	/* this sets up stacktable.js to leave our full size table just the way we built it */
	/* making the tables responsive for tablet and phone */

	tr td:first-child {
		font-size: 90%;
		line-height: 100%;
	}
	.stacktable.large-only {
		display: table;
	}
	.stacktable.small-only {
		display: none;
	}
	.schedule_table {
		font-size: 90%;
	}

	/* ----------------------- */












.donate_container {
	width:30%; 
}






/* STAFF ADJUSTMENTS */

/* ------------------ */
	.staff_col1 {
		width:47%;
		float:left;
	}
	.staff_col2 {
		width:49%;
		float:right;
	}

	/* this is to put 2 staff members on a row  */
	.staff_member_container {
		float: left;
		width: 45.9%;
		margin-right: 20px;
	}
	.staff_info {
		max-width: 55%;
	}
	.staff_newtitle {
		font-size: 14px;
		line-height: 17px;
		margin-bottom: 5px;
	}
	.staff_phone, .staff_address, .staff_email {
		font-size: 12px;
		line-height: 16px;
	}
	.longtitle {
		font-size: 10px;
		line-height: 12px;
	}
	.longemail {
		font-size: 8px;
	}




/* grid images */
.img_grid_container {
	float: left;
	width: 45.9%;
	margin-right: 10px;
}












	/* these are to put 2 rooms side by side on the services/meeting page */


	.room_picture, .room_info {
		float: left;
		text-align: left;
	}
	.room_picture {
		width: 49%;
		margin-right: 10px;
	}
	.room_info {
		width: 48%;
	}
	.room_info h3:first-of-type {
		margin-top: 0;
	}









.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;
}








.high_1 {
	width:45%;
	padding-right:15px;
}
.high_2 {
	width:45%;
	/*padding-right:15px;*/
	padding-left:15px;
}
/*.high_3 {
	float:left;
	width:30%;
	padding-left:15px;
}*/






.feature_frame_bkg {
	background-color:black; 
	margin-left:-500%; 
	margin-right:-500%;	
}
.feature_frame {
	position: relative;
	max-width: 1500px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	font-family: Times, Georgia, serif;
}

    .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);
        /*box-shadow: 0 0 50px 50px rgba(0,0,0,0.4);*/
        /* background: black; */
        background: rgba(0,0,0,0.4);
    }
    
    .feature_info .cta {
        width: 60%;
    }
    .feature_info .cta:hover {
        text-shadow: 0 0 0 0 #000;
    }



}








/* Large 3 column Desktop Layout: 1400px to a max of 1800px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 1400px) {


.banner_g4_container {
	max-width:1500px;
}


	/* ------------------ */
	.staff_member_container {
		float: left;
		width: 31%;
		margin-right: 20px;
	}

	.staff_newtitle {
		margin-bottom: 20px;
	}

	.staff_phone, .staff_address, .staff_email {
		font-size: 14px;
		line-height: 18px;
	}

	.longtitle {
		font-size: 14px;
		line-height: 17px;
	}

	.longemail {
		font-size: 10px;
	}

	/* ------------------ */
	
	
/* grid images */
.img_grid_container {
	float: left;
	width: 31%;
	margin-right: 10px;
}

.fervent_container {
	max-width:1500px;
}

.high_container {
	max-width:1500px;
}

}