@font-face {
    font-family: 'humanist';
    src: url('../font/humanist_777_bt-webfont.eot');
    src: url('../font/humanist_777_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/humanist_777_bt-webfont.woff') format('woff'),
         url('../font/humanist_777_bt-webfont.ttf') format('truetype'),
         url('../font/humanist_777_bt-webfont.svg#humnst777_btroman') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body { margin: 0; padding: 0; font-family: 'humanist', Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #000000; background-color: #bed6e0; }

/* Globals */
h1, h2, h3, h4, h5 { font-family: 'humanist', sans-serif; font-weight: normal; margin: 0 0 5px 0; }
h1 { font-size: 25px; color: #e13a3f; margin-bottom: 20px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }

p { font-size: 1em; margin: 0 0 10px 0; line-height: 20px; }

a { color: #e13a3f; text-decoration: none; outline: none; }
a:hover { color: #e13a3f }
img { max-width: 100%; display: block; border: none; }
textarea { resize: none; }

.clear { clear: both; }
.padding { padding: 34px; }
.noFloat { float: none !important; }
.floatLeft { float: left !important; }
.paddingTop { padding-top: 20px; }
.noMarginTop { margin-top: 0px !important; }
.noMarginBottom { margin-bottom: 0px !important; }
.hide { display: none; }
.uppercase { text-transform: uppercase;  }
.noBold { font-weight: normal !important; }
.strong { font-weight: bold; }
.button { float: left; display: block; width: 100px; height: 27px; margin-right: 10px; margin-bottom: 0px; background: #2f3771; font-family: 'humanist', sans-serif; font-size: 11pt; color: #ffffff; }
.button span { display: none; }

/* /Globals */

/* Columns & Dividers */
.frame { max-width: 1000px; margin: 0 auto;  }
.container { float: left; width: 100%; background: #ffffff; }
.section { float: left; width: 100%; position: relative; background: #ffffff; }
.columnThreeThirds { float: left; width: 68%; padding-right: 2%;  }
.columnOneThird { float: left; width: 30%; }
.divider { float: left; width: 100%; margin-top: 1px; border-bottom: 10px solid #e13a3f; }
.scholarships { float: left; width: 100%; margin: 20px 0px 20px 0px; }
.scholarships p { margin-bottom: 0px; }
/* /Columns & Dividers  */

/* header */
.header { padding: 20px; }
.header .left .logo { float: left; }
.header .left .text { float: left; width: 310px; height: 29px; margin: 6.1% 0px 0px 20px; background: url(../images/logoText.png) center center no-repeat; }
.header .left .text  span { display: none; color: #e13a3f; font-family: 'humanist', sans-serif; font-size: 19pt; } 
.header .left span b { fot-weight: normal; }
.header .right  { float: right; }
.header .right a { display: block; float: right; clear: both; }
.header .right .facebook { margin-bottom: 10%; }

.menu { background: #e13a3f; margin: 20px 0px 1px 0px; }
.menu ul { float: left; margin: 0; padding: 0; }
.menu ul li { float: left; margin: 0; padding: 0; list-style: none; border-left: solid 1px #e97174; font-family: 'humanist', sans-serif;  }
.menu ul li a { display: block; float: left; padding: 10px 31px; color: #ffffff; font-size: 19px; }
.menu ul li a:hover, .menu ul li a.active { color: #000000; }

.header #mobileMenu { display: none; width: 40px; height: 40px; position: absolute; top: 0px; right: 0px; background: url(../images/icon-reponsive.png) no-repeat center #e13a3f; cursor: pointer; }
/* /header */

/* Sub menu */
.subMenu { float: left; width: 100%; min-height: 200px; }
.subMenu ul { float: left; width: 74%; clear: both; margin: 0px 0px 0px 14%; padding: 0; }
.subMenu ul li { margin: 0px 0px 20px 0px; padding: 0; list-style: none; font-family: 'humanist', sans-serif; }
.subMenu ul li.hide { display: block; }
.subMenu ul li a { color: #2d3f46; }
.subMenu ul li a.active { color: #E13A3F; }

.subMenu .scholarships { width: 74%; clear: both; margin-top: 0px !important; margin-left: 14%; margin-bottom: 20px !important; }
.subMenu .scholarships p { margin-bottom: 0px; }
/* /Sub menu */

/* Inner page */
.innerPage .padding { padding: 20px 0px 20px 0px;  }
/* column overrides for inner page .columnThreeThirds*/
.innerPage .columnThreeThirds { width: 64%; padding: 0% 3% 0% 3%; }
.innerPage .columnOneThird { width: 27%; background: #e0f2f9; }

.innerPage .pageContent .mainImage { margin-bottom: 10px; }
/* /Inner page */

.banner { width: 100%; height: 344px; background: url(../images/banner.jpg) no-repeat center; }

/* Color Box */
.colorBox { float: left; width: 100%; min-height: 180px; margin-bottom: 10px; background: #e0f2f9; }
.colorBox .padding { float: none; clear: both; padding: 10px; }
.colorBox img { float: left; margin: 0px 10px 10px 0px; }
.colorBox h4 { margin-bottom: 10px; font-size: 1.4em; color: #2f3771; }
.colorBox h4 a { color: #2F3771; }
.colorBox h4.blackText a {color: #2f3771;}
.colorBox p { margin-bottom: 10px; font-size: 13px; }

.colorBox .moreDetails {  background: url(../images/moreDetails.jpg) center center no-repeat #2f3771; }
.colorBox .viewAllEvents { width: 123px; background: url(../images/viewAllEvents.jpg) center center no-repeat #2f3771; }
.articles .colorBox { float: left !important; min-height: 1px !important; }
.articles .colorBox .button { margin-bottom: 10px; }
/* /Color Box */

/* Arrow */
.arrow { float: left; width: 100%; height: 40px; background: url(../images/icon-arrow.gif) center right no-repeat #e13a3f; }
.arrow a.link { float: left; display: block; width: 92%; padding: 12px 0px 10px 14px;  color: #ffffff; font-size: 19px; }
/* /Arrow */

.newsletter { float: left; width: 100%; margin-top: 20px; background: #f0f0f0; }
.newsletter .padding { float: none; padding: 10px; }
.newsletter p { margin-bottom: 17px; font-size: 12px; }
.newsletter .submit { float: left; width: 100%; min-height: 32px; margin-bottom: 10px; }
.newsletter .submit input { float: left; width: 60%;  background: #ffffff; padding: 8px; color: #cccccc; border: none; }
.newsletter .submit a.button, .form a.submit { width: 28%; height: 32px; background: url(../images/submit.jpg) center center no-repeat #2f3771; }
.newsletter .error { color: #E13A3F !important; }
/* Pagination */
.pagination { float: left; clear: both; margin: 20px 0px 20px 0px; }
.pagination ul { margin: 0px; padding: 0px; }
.pagination li { display: inline; }
.pagination a { margin-right: 10px; font-size: 1.1em; color: #056839; text-decoration: none; }
.pagination a.active { color: #E13A3F; }
/* /Pagination */

/* Forms */
.form { float: left; width: 100%; margin-bottom: 20px; background: #F0F0F0; }
.form .heading { float: left; width: 96%; padding: 2%; background-color: #E13A3F; color: #ffffff; font-size: 17px; }
.form .columnfull { float: left; width: 96%; padding: 2%; clear: both; border-top: solid 1px #F0F0F0; color: #E13A3F; }
.form .inputwrapper { float: left; width: 100%; margin-bottom: 10px; clear: both;  border: solid 1px #F0F0F0; }
.form .inputwrapper.error input, .form .inputwrapper.error textrea { border: solid 1px #E13A3F; }

.form label { float: left; width: 100%; margin-bottom: 10px; color: #000000; }
.form select, .form input, .form textarea { float: left; width: 98%; clear: both; padding: 1%; border: solid 1px #F0F0F0; }
.form select { width: 100%; }
.form input { height: 22px; }

.form a.submit { margin-bottom: 10px; }

.form .sucessbox, .form .errorbox  { width: 96%; padding: 2%; margin-bottom: 10px; display: none; background-color: #E0F2F9; font-weight: bold;  color: #056839; }
.form .sucessbox p, .form .errorbox  p { color: #000000; margin: 0px; padding: 0px;  }
.form  .errorbox { border: solid 1px #E13A3F; }
.form  .errorbox  p { color: #E13A3F; }
/* /Forms */

.videoWrapper { float: left; width: 100%; position: relative; z-index: 10;  overflow: hidden; padding-bottom: 56.6%; margin: 0px 0px 10px 0px; }
.videoWrapper iframe { position: absolute; top: 0; left: 0;  width: 100%; height: 100%; z-index: 10; }

/* List */
#list img { float:left; display:block; margin:0 20px 20px 0;}
#list h5 { font-family:'humanist',Arial; font-size:18px; display:block; margin:10px 0 10px 0; }
#list hr { clear: both; float: none; width: 100%; height: 2px; margin: 10px 0; border: none; background: #ddd; }
/* /List */

.cmForm input[type=email] { width: 100%; margin: 6px 0px 10px 0px; }

/* Footer */
.footer { min-height: 100px; margin-top: 0px; background: url(../images/footerLogo.jpg) no-repeat 97% 60% #e13a3f; }
.footer ul { float: left; clear: both; margin: 0px 0px 20px 0px; padding: 0; background: #e13a3f; }
.footer ul li { float: left; margin: 0px 10px 0px 0px; padding: 0; list-style: none; font-family: 'humanist', sans-serif; }
.footer ul li:after { color: #ffffff;  content: ' |'; }
.footer ul li:last-child:after { content: ''; }
.footer ul li a { color: #ffffff; }
.footer p { float: left; clear: both; font-size: 14px; }
/* /Footer */

/* Custom Colors & Styles */
.redText { color: #E13A3F; }
.blackText { color: #000000 !important; }
.italic { font-style: italic; }
.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.strikethrough { text-decoration: line-through; }
/* /Custom Colors & Styles */

@media handheld, only screen and (max-width: 985px) {
	
	#navigation ul li a { padding: 10px 18%; font-size: 110%; }		
    
}

@media handheld, only screen and (max-width: 962px) {
	
    .logo { margin-bottom: 10px; }
}

@media handheld, only screen and (max-width: 900px) {
	.arrow { background-image: none; }
}

@media handheld, only screen and (max-width: 862px) {
	.newsletter .submit input { width: 90%; margin-bottom: 10px; }
	.newsletter .submit a.button { float: left; clear: both; }
}

@media handheld, only screen and (max-width: 824px) {

	#navigation ul li a { padding-right: 20px; padding-left: 20px; }
	.colorBox, .newsletter  { height: 100%; }

}

@media handheld, only screen and ( min-width: 800px) {
	#mobileMenu { display: none;  }
	#navigation { display: block; }
}

@media handheld, only screen and (max-width: 800px) {
	
    html,body { padding: 2%; background: #ffffff; }
    
	.header { padding: 0px; }
	.header .right { display: none; }
    .header .left .text { margin-left: 20px !important; margin-top: 57px; margin-bottom: 20px; }
    
	#navigation { display: none; }
	#navigation ul li { width: 100%; border-left: none; border-bottom: solid 1px #e97174; }
	#navigation ul li a { display: block; float: none; padding-left: 0px; padding-right: 0px; text-align: center; }
    
    #mobileMenu { display: block !important;  }
    .menu { margin: 0px; }
	.menu ul { float: none; }
    
	.home  > .padding { padding-right: 0px; padding-left: 0px; }
	.home .columnOneThird { margin-top: 0px; }
    .colorBox p { font-size: 12px; margin-bottom: 10px; }
	
	.footer  .padding { padding: 20px; }
		
}

@media handheld, only screen and (max-width: 766px) { 
    
    .footer p { width: 60%; font-size: 80%; }
    
}

@media handheld, only screen and (max-width: 700px) {

    .subMenu { min-height: 40px; margin-top: 20px; }
    .subMenu ul { margin-left: 20px; }
    
    .columnOneThird .padding { padding: 0px; }
 
	.columnThreeThirds { margin-bottom: 20px; }
	.columnThreeThirds, .columnOneThird { width: 100% !important; margin-top: 20px; margin-right: 0px !important; margin-left: 0px !important; padding: 0px !important; } 

    .arrow  { background: url("../images/icon-arrow.gif") no-repeat scroll right center #E13A3F; }
    
    .newsletter { min-height: 100%; }
    .newsletter .submit input { width: 66%; }
    .newsletter .submit a.button { clear: none; }   
    
    .columnOneThird .scholarships { width: 100%; margin-left: 20px !important; }
    
}

@media handheld, only screen and (max-width: 676px) {
    
    .footer { background: url(../images/footerLogo.jpg) no-repeat 98% 10% #e13a3f;  }
	
    .footer ul { margin-bottom: 0px; }
    .footer ul li { float: none; margin-bottom: 10px; }
    .footer ul li:after { content: ''; }
    
    .footer p { width: 100%; font-size: 80%; }
    
}

@media handheld, only screen and (max-width: 600px) {
    .colorBox h4 { font-size: 1.2em; }
    .colorBox p { font-size: 0.8em; }
}

@media handheld, only screen and (max-width: 497px) { 
	
	.header .left .text{ margin-top: 20px !important; margin-left: 10px !important; }
}

@media handheld, only screen and (max-width: 470px) {
    
    .colorBox h4 { font-size: 1.6em !important; }
    .colorBox h4, .colorBox p { float: left; clear: both; font-size: 100%; }
    .colorBox .button { margin-bottom: 10px; }
    
}

@media handheld, only screen and (max-width: 360px) { 
	
	.header .left .text{ background: none; }
	.header .left .text span { display: block; }
}