@charset "UTF-8";
/* CSS Document */

body {margin:0;font-family:helvetica, arial, verdana, sans-serif;background-color:#fff;}

		/* feature region */
			
		.contentContainer {background: #eee;height: 200px;margin-top: 22px;}	
		
		.mainFeature {width:100%;/*max-width:1100px*/;margin:0 auto;/*padding-top:30px;*/background-image: url(/_resources/images/eee-gray.png);background-position-y: bottom;background-repeat: repeat-x;}
	
		.mainFeatureContainer {background-color:#888;width:100%;min-height:494px;display:block;border:0px solid #ccc;max-width: 1100px;margin: 0 auto 48px auto;}

		/*currently not used for sample .featureImage {width:70%;float:left;height:auto;}
		.formSample {width:30%;float:right;}*/
		

		h1 {font-family:Times,Times New Roman,Palatino,serif;font-weight:normal;margin-left:0;color:#862633;line-height: 1.2em;}
		h5 {margin: 40px 0 -20px 0;text-align: center;color: #575952;font-size:1em;font-weight:normal;}
		.viewAll {float:right;margin-right: 100px;margin-top:26px;}
		.viewAll a {color:#862633;text-decoration:none; font-weight:bold;font-size:.9em;font-weight:lighter;}
		.viewAll a:hover {color:#000;text-decoration:none;}
			
		
		/* embed form note: adjusted height for scroll in event of submission error for required fields*/
		#ellForm 
		   {float: right;display: block;width: 500px;height: 698px;border: 0px solid #ccc;border-radius: 4px;margin-left: 40px;padding: 6px;overflow-x:hidden;overflow-y:auto;}
	
		/*college inro container */	
	.container {max-width:1100px;width:100%;min-height:60px;margin:0 auto;}
	.containerGray {width:100%;min-height:200px;margin:20px auto 0 auto;background-color:#eee;}
		.innerContainer {padding:20px 80px;}	
	.containerMaroon {width:100%;min-height:80px;margin:0 auto;background-color:#862633;color:#fff;display:block;}
	.footerDkGray {width:100%;min-height:200px;margin:0 auto 0 auto;background-color:#57595d;}
	.footerYellow {width:100%;min-height:60px;margin:0 auto 0 auto;background-color:#eaaa00;}

		
		.contBlock {padding: 0 2% 0 0;box-sizing: border-box;display:inline-block;width: 66%;color: #222;font-weight:lighter;line-height:1.2em;letter-spacing:.1em;vertical-align:top;	
	}
	.contBlockRight {padding:20px 0 /*2%*/ 40px 2%;box-sizing: border-box;display:inline-block;width: 33%;color: #222;font-weight:lighter;line-height:1.2em;letter-spacing:.1em;vertical-align:top;	margin: 0 0 0 0;}
		#rule {width:100%;}
		
	/* action buttons */	
	#buttonWrapper a {padding: 20px;background-color: #fff;border:1px solid #56575d;margin: 12px;color: #57595d;text-decoration: none;font-size: 1.2em;display:block;text-align:left;font-weight:bold;}
		#buttonWrapper a:hover {background-color:#63666a;color:#fff;}
		#buttonWrapper #apply {background-color:#862633;color:#fff;text-align:center;border:0px solid #eaaa00;}	
		#buttonWrapper #apply:hover {background-color:#5F000C;color:#fff;border:0;}
		
		
/*video blocks start here */
		.vidBlock {width:30%;display:inline-block;}	


/*image blocks start here */
		.photoBlock {width: 30%;display: inline-block;}
		.photoBlockInner {padding:0 0 0 0;position:relative;}
		.photoBlockInner img {width:100%;}
		

/* toggle css begins here */	
.toggleWrapper {/*width:33.3333%;*/display:inline-block;text-align:left;padding:0;width:100%;}
.toggleTitle {margin: 0;padding:14px 8px 14px 60px;display:inline-block;font-size:1.4em;font-weight:normal;color:#3a3b3e;}
.toggleTitle:hover {color:#600;}
.toggleTitle:active {color:#600;}
	
.toggleContent {display: none;padding:10px 0;color:#000;}
.toggleContent p {margin:0;padding:0 60px;font-weight:lighter;font-size: 1.1em;}/*removed width percentage and top and bottom padding to reduce jump*/
	
.toggleButton {font-weight: lighter; padding: 0;cursor: pointer;display:inline-block;margin:10px 0;width:100%;max-width:80%;background-image:url(/_resources/images/program/right-arrow-large.png);background-repeat: no-repeat;background-size:6%;}
		
		
		
		
.toggleButtonOpen {font-weight: lighter; padding: 0;cursor: pointer;background:#fff;background-image:url(/_resources/images/program/up-arrow-large.png);background-repeat: no-repeat;background-size:6%;}
	
/*.toggleButton:before {content:url(right-arrow.png);border:0px solid #eee;padding:2px 8px 0 0;letter-spacing: 0;font-size:20px;color:#862633;width:}	
.toggleButtonOpen:before {content:url(up-arrow.png);border:0px solid #ccc;font-size:20px;}*/

/* our stories */		
		
		/*.storyImage {padding:0 20px 0 0;width:100%;box-sizing: border-box;}*/		
		.storyHead {padding: 0 20px 0 10px;border-left: 2px solid #eaaa00;/*font-weight: bold;*/ color: #333;margin: 10px 0;font-size: 1.2em;font-family: garamond,times,serif;}
		.storyText {padding:0 20px 0 0;font-weight: lighter;line-height: 1.4em;font-size: .96em;}
		.storyMore {padding:10px 20px 0 0;}
		.storyMore a {font-weight:normal;font-size:.9em;}
		.storyMore a:hover {}
		/*.storyBlock {width:30%;display:inline-table;}*/


#article0 {width:30%;display:inline-table;}
#article1 {width:30%;display:inline-table;}
#article2 {width:30%;display:inline-table;}

#article0 img {padding:0 20px 0 0;width:100%;box-sizing: border-box;}
#article1 img {padding:0 20px 0 0;width:100%;box-sizing: border-box;}
#article2 img {padding:0 20px 0 0;width:100%;box-sizing: border-box;}

#article0 a {color:#862633;text-decoration:none;}
#article1 a {color:#862633;text-decoration:none;}
#article2 a {color:#862633;text-decoration:none;}

#article0 a:hover {color:#000;text-decoration:none;}
#article1 a:hover {color:#000;text-decoration:none;}
#article2 a:hover {color:#000;text-decoration:none;}
		
		
		
/* need to add to the tab css */
		.tab-content a {text-decoration:none;color:#862633;}
		.tab-content a:hover {text-decoration:none;color:#222;}		
		
		.eventItem {width:28%;display:inline-table;background-color:#fff;border-top:2px solid #eaaa00;padding:10px 10px 10px 20px;box-sizing: border-box;margin:0 1% 0 3%;min-height:360px;}
		.eventMargin {margin-left:34px;}
		.eventHead {padding: 20px 20px 16px 0;font-weight: bold; color: #444;font-size: 1.2em;font-family: Times,Times New Roman,Palatino,garamond,serif;}
		.eventText {padding:0 20px 0 0;color:#222;font-weight: lighter;line-height: 1.4em;}
		.eventMore {padding:10px 20px 0 0;}
		.eventMore a {color:#862633;text-decoration:none; font-weight:normal;font-size:.9em;}
		.eventMore a:hover {color:#000;text-decoration:none;}
		
		
		.viewAllButton a {background-color:#862633;color:#fff;text-align:center;max-width:20%;min-width:100px;text-align:center;margin:40px auto 30px auto;padding:14px 46px;display:block;text-decoration:none;font-weight:bold;font-size:1.6em;}
		
		.viewAllButton a:hover {background-color:#50151D;color:#fff;border:0;}
		
		
		.tagLine {color:#fff;font-size:1.8em; font-family:Times,Times New Roman,Palatino,serif;font-weight:normal;padding:46px 0;}
		
		.learnMore {float:right;border:1px solid #fff;display:inline;margin:30px 0;}
		.learnMore a {color:#fff;text-decoration:none; font-weight:bold;font-size:1.8em;display:block;padding:10px 20px;}
		.learnMore a:hover {color:#fff;text-decoration:none;background-color:#50151D;}
		
		.footerDkGray {width:100%;min-height:200px;margin:0 auto 0 auto;background-color:#57595d;}
		.footerYellow {width:100%;min-height:60px;margin:0 auto 0 auto;background-color:#eaaa00;}
		.footerContainer {max-width:1100px;width:100%;min-height:60px;margin:0 auto;}
		
		.footerContact {display:inline-block;width:20%;border:0px solid red;min-height:100px;padding:0 0 40px 0;}
		.footerContact p {font-size:.8em;color:#fff;line-height:1em;}
		.footerContent {display:inline-block;width:78%;border:0px solid blue;min-height:100px;float:right;margin-top:20px;}
		.footerContent .block {width:23%;display:inline-table;text-align:center;float:right;margin-left:2%;}
		.footerContent .block a {border:1px solid #fff;display:block;padding:6px 20px;color:#fff;text-decoration:none;}
		.footerContent .block a:hover {background-color:#862633;}
		.footerLogo {width:60px;margin:20px;}
		
		
		.footListsContainer {width:73%;min-height:200px;display:inline-block;margin:20px 0 0 20px;}
		.footerListsWrapper{width:100%;display:block;}
		.footerLists {width:30%;display:inline-table;padding-right:3%;/*box-sizing: border-box;
    margin-right: 3%;*/}
		.footerLists p {color:#fff;font-size:.8em;}
		
		.footerHeadline {font-size:.8em;color:#fff;font-weight:bold;display:block;padding:20px 0 20px 0;border-bottom:1px solid #fff;width:98%;}
		
		.socialBlock {width:22%;min-height:200px;display:inline-block;float:right;margin:20px 0 0 0;}
		.socialHeadline {font-size:.8em;color:#fff;font-weight:bold;display:block;text-align:center;padding:20px 0 20px 0;}
		.socialIcons {width:28%;padding:1%;}
		
		.byLine {font-size:.88em;color:#83252D;padding:20px 0;box-sizing: border-box;}
		
		
		/* starts media queries  1200 992 768 576*/




@media screen and (max-width: 992px) {
	.menuTwo {float:none;}
	.secondMenu ul {max-width:600px;float:right;}
	
	#search {margin-right:0;}
	
	
	.container .contBlock {padding:0 2% 0 2%;}
	.vidBlock {width: 80%;display: block;margin: 10px auto;}
	.photoBlock {width: 60%;display: block;margin: 10px auto;}
	.toggleWrapper {padding:0 0 0 2%;}
	.toggleWrapper .toggleTitle {padding: 8px 8px 14px 60px;}
	#article0 {width: 60%;display: block;margin: 10px auto 30px auto;}
	#article1 {width: 60%;display: block;margin: 10px auto 30px auto;}
	#article2 {width: 60%;display: block;margin: 10px auto 30px auto;}
	.eventItem {width:80%;display:block;margin:20px auto;min-height:0;}
	.learnMore {margin: 30px;}
	.tagLine {padding: 46px 0 46px 8px;}
	.footerContact {padding: 0 0 40px 8px;}
	.footerContent .block {width: 46%; margin: 1%;}
	.footerLists {width:auto;padding-right:2%;}
	.byLine {padding: 20px 0 20px 8px;}
	

  
		}
		
		
@media screen and (max-width: 768px) {
	.secondMenu ul {max-width: 400px;}
	
	
	/* contains primary buttons */
	
	.contBlock {width: 66%;}
	.contBlockRight {width: 30%;}
	

	
	.vidBlock {width: 100%;}
	.photoBlock {width: 80%;}
	
	#article0 { width: 100%;}
	#article1 { width: 100%;}
	#article2 { width: 100%;}
	.eventItem {width: 100%;}
	.viewAll {margin-right: 0;}
	
	
	.viewAllButton a {max-width:100%;}
	
	}
		
	@media screen and (max-width: 576px) {
		.contBlock {width: 96%;}
		.contBlockRight {width: 96%;}
	
		.innerContainer {padding:10px;}	
			
		.viewAllButton a {width: 60%;}	
			
		.learnMore {margin: 60px 10px;}	
	
			
		}
		
		
		@media screen and (max-width: 460px) {
		
			.toggleButton {max-width:none;background-size:12%;}
			.learnMore {margin: 0 auto;display: block;text-align:center;float:none;border:0;}	
		.tagLine {padding: 0 10px 10px 10px;text-align: center;font-size: 1.4em;}
			.logoWrapper {margin: 80px 0 0 0;}
			.mainFeatureContainer {min-height: 200px;}/* just for testing sample */


/* ends media queries */