@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-bottom:20px;background-image: url(/_resources/images/program/eee-gray.png);background-position: bottom;background-repeat: repeat-x;}
		/* added redesign */
		.mainFeatureContainer {width:100%;min-height:500px;display:block;max-width: 1100px;margin: 0 auto 0 auto;border:1px solid #eee;}

		.mainFeatureContainer .primaryImg {width:800px;height:495px;float:left;display:inline-block;margin:0;box-sizing:border-box;overflow:hidden;}
		.mainFeatureContainer .primaryImg img {width:100%;}
		
		.mainFeatureContainer .inqForm {/*width: 495px;*/display: inline-block;box-sizing: border-box;margin:0;}
		.mainFeatureContainer .inqForm img {}
		/* above added redesign */


		h1 {font-family:Times,Times New Roman,Palatino,serif;font-weight:normal;margin-left:0;color:#862633;line-height: 1.2em;font-size:2em;}
		h2 {font-weight:bold;margin-left:0;color:#57595d;line-height: 1.2em;text-align:center;font-size:1.4em;}

		h5 {margin: 40px 0 -20px 0;text-align: center;color: #575952;font-size:1em;font-weight:normal;}
		.viewAll {float:none;margin-right: 100px;margin-top:26px;width: 90%;text-align: right;}
		.viewAll a {color:#862633;text-decoration:none; font-weight:bold;font-size:.9em;font-weight:lighter;}
		.viewAll a:hover {color:#000;text-decoration:none;}
		.viewAllShift {margin-top:-36px;margin-bottom: 20px;}	
		
		/* embed form note: adjusted height for scroll in event of submission error for required fields*/
		#ellForm 
		   {float:right;display:block;width:98%;height:495px;border:0px solid #ccc;border-radius: 0;margin-left: 0;padding:0;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;}
		.innerContainerShift {margin-top: -40px;}
	.containerMaroon {width:100%;min-height:80px;margin:0 auto;background-color:#862633;color:#fff;display:block;}

	.grayBorderBottom {border-bottom: 6px solid #ddd;}
	.grayBorderTop {border-top: 6px solid #ddd;}

	.angleBackground {background-image: url(/_resources/images/program/fff-angle.png);background-repeat: no-repeat;background-position:right top;}
	
	/*only for the maroon arrow down*/
	.extraContainer {width:100%;height: 40px;background-color:#FFF;}
	.extraContainer img {height:38px;margin-left: 30%;}







	.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 0 0 2%;box-sizing: border-box;display:inline-block;width: 76%;color: #222;font-weight:lighter;font-size:1em;line-height:1.4em;vertical-align:top;border-left: 20px solid #eee;min-height:280px;	
	}

	.contBlock a {color:#862633;} /* added for links in the primary paragraphical region */


	.contBlockRight {padding:20px 0 /*2%*/ 40px 2%;box-sizing: border-box;display:inline-block;width: 25%;color: #222;font-weight:lighter;font-size:1em;line-height:1.4em;vertical-align:top;	margin: 0 0 0 0;}
	
.contBlockLeft {padding:34px 3% 40px 0;box-sizing: border-box;display:inline-block;width: 20%;color: #222;font-weight:lighter;font-size:1em;line-height:1.4em;vertical-align:top;	margin: 0 0 0 0;float:left;}
		#rule {width:100%;}

/*cost financing items */
	#cost {color:#862633;font-weight:bold;}
	#costButton a {background-color:#56575d;color:#fff;padding:8px 12px 6px 12px;width:100%;box-sizing:border-box;display:block;text-decoration:none;letter-spacing: -.6px;text-align: center;}
	#costButton a:hover {background-color:#862633}



		
	/* action buttons */	
	
	.primaryButtons {margin-bottom: 20px;background-image: url(/_resources/images/program/eee-gray.png);background-position: top;background-repeat: repeat-x;}
	#buttonWrapper {max-width: 1100px;margin: 0 auto;text-align: center;background-image: url(/_resources/images/program/eee-arrow-dn.png);
    background-repeat: no-repeat;}
	#buttonWrapper a {padding: 20px;background-color: #56575d;border:1px solid #56575d;margin: 12px;color: #fff;text-decoration: none;font-size: 1.2em;display:block;text-align:center;font-weight:bold;width:16%;display:inline-block;}
		#buttonWrapper a:hover {background-color:#fff;color:#56575d;}
		#buttonWrapper #apply {background-color:#862633;color:#fff;text-align:center;border:1px solid #862633;}	
		#buttonWrapper #apply:hover {background-color:#fff;color:#862633;}

	/*secondary buttons above the footer */

.secondaryButtons {margin-bottom: 20px;background-image: url(/_resources/images/program/eee-gray.png);background-position: top;background-repeat: repeat-x;}
	#secondaryButtonWrapper {max-width: 1100px;margin: 0 auto;text-align: center;background-image: url(/_resources/images/program/eee-arrow-dn.png);
    background-repeat: no-repeat;padding: 80px 0 20px 0;}
	#secondaryButtonWrapper a {padding: 16px 20px;background-color: #56575d;border:1px solid #56575d;margin: 2px 10px;color: #fff;text-decoration: none;font-size: 1.2em;display:block;text-align:center;font-weight:bold;width:18%;display:inline-block;}
		#secondaryButtonWrapper a:hover {background-color:#fff;color:#56575d;}
		
		/*recurring id apply so the following two lines will eventually need to be removed*/
		#secondaryButtonWrapper #apply {background-color:#862633;color:#fff;text-align:center;border:1px solid #862633;}	
		#secondaryButtonWrapper #apply:hover {background-color:#fff;color:#862633;}

		/*once propogated this unique id will hand the second apply button*/
		#secondaryButtonWrapper #applyTwo {background-color:#862633;color:#fff;text-align:center;border:1px solid #862633;}	
		#secondaryButtonWrapper #applyTwo:hover {background-color:#fff;color:#862633;}
		







		
/*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%;box-sizing: border-box;}
.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*/
.toggleContent a {color:#862633;text-decoration:none;}
.toggleContent a:hover {color:#862633;text-decoration:underline;}

.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/down-arrow-large-content.png);background-repeat: no-repeat;background-size:6%;}
	
/*.toggleButton:before {content:url(/_resources/css/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(/_resources/css/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 10px 0 0;font-weight: bold; color: #862633;margin: 10px 0;font-size: 1.2em;font-family: garamond,times,serif;}
		.storyText {padding:0 10px 0 0;font-weight: lighter;line-height: 1.4em;font-size: .96em;}
		.storyMore {padding:10px 20px 0 0;text-align:right;}
		.storyMore a {font-weight:normal;font-size:.9em;}
		.storyMore a:hover {}
		/*.storyBlock {width:30%;display:inline-table;}*/


#article0 {width:30%;display:inline-table;margin-right: 3%;background-image: url(/_resources/images/program/eee-angle-600.png);background-position: bottom right;background-size: 100%;background-repeat: no-repeat;min-height: 500px;}

#article1 {width:30%;display:inline-table;margin-right: 3%;background-image: url(/_resources/images/program/eee-angle-600.png);background-position: bottom right;background-size: 100%;background-repeat: no-repeat;min-height: 500px;}

#article2 {width:30%;display:inline-table;margin-right: 3%;background-image: url(/_resources/images/program/eee-angle-600.png);background-position: bottom right;background-size: 100%;background-repeat: no-repeat;min-height: 500px;}

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

#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;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: #862633;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:0 30px 0 0;text-align:right;}
		.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: 1200px)  {
	.mainFeatureContainer {width:960px;min-height: 371px;padding: 0;}	
	.mainFeatureContainer .primaryImg {width:600px;height: 371px;}
		.mainFeatureContainer .inqForm {width:360px;}

		#ellForm {border-radius: 0;margin-left: 0;padding: 0;width:100%;height: 371px;}
	
		.contBlockLeft {padding: 0 2% 40px 2%;}
		.extraContainer img {margin-left:15%;}
		
	
		}  



@media screen and (max-width: 992px) {
	
	/*needs to moved to header css */
	.menuTwo {float:none;}
	.secondMenu ul {max-width:600px;float:right;}
	
	#search {margin-right:0;}
	
	
	/* feature */
	.mainFeatureContainer {width:100%;height:auto;border:0;}	
	.mainFeatureContainer .primaryImg {width:100%;height: auto;}
	.mainFeatureContainer .inqForm {width:100%;height:auto;background-color: #eee;padding: 2% 9%;}

	#ellForm {border-radius: 0;margin:0 auto;padding: 0;width:100%;height: 400px;border-top: 4px solid #eaaa00;
    border-bottom: 4px solid #eaaa00;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	#buttonWrapper a {width:20%;margin:2%;}
	
	
	#secondaryButtonWrapper a {padding: 12px 16px;font-size: 1em;width:16%;}
	
	.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;}
	
	.viewAllShift {margin-top:-10px;}	
	
	
	.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;}
	.mainFeatureContainer .inqForm {background-color:#eee;}
	
	/* contains primary buttons */
	
	.contBlock {width: 100%;float: none;border-left:none;}
	.contBlockLeft {width: 100%;background-color: #eee;float:none;padding: 34px 2% 40px 2%;}
	
	h2 {text-align:left;}

	#buttonWrapper a {width:23%;margin:1%;padding: 2% 1%;}
	
	
	#secondaryButtonWrapper a {width: 27%;}
	
	
	
	.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%;}
		
		#buttonWrapper a {width:100%;margin:1% 0;padding: 2% 1%;box-sizing:border-box;}

	
		.innerContainer {padding:10px;}	
			
		.viewAllButton a {width: 60%;}	
		
		.extraContainer img {height: 28px;}
			
		.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: 0;}
			.mainFeatureContainer {min-height: 200px;}/* just for testing sample */


/* ends media queries */