body {
	font-size: 13px;
	min-width: 100%;
}

h1 { font-size: 24px; font-weight: normal; }
h2 { font-size: 20px; font-weight: 600; }
h3 { font-size: 16px; font-weight: 600; padding: 10px 0px; }


/* misc */
.gray { color: #444444; }
.italic { font-style: italic; }
.left { float: left; }
.right { float: right; }
/*
html { font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 400;  min-width: 1366px; }
#container { width: 100%; margin: auto; }
#left { float: left; }
#middle { border-left: thin gray solid; width: 850px; margin-left: auto; margin-right: auto; }
#middle .section { padding: 10px 30px; border-bottom: thin gray solid; overflow: hidden; }
#right { float: right; }
*/

.background-container {
	background-image: url("/assets/img/background2.png");
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: contain;
	min-height:100%;
}

#home-header { background:no-repeat url('../img/bridging the gap.png'); background-size: contain;background-color:#222; background-position:0 20px;}
#header { background: center center no-repeat url('../img/banner image.jpg'); background-height: 100%;}
#banner { width: 100%; height: 90px; margin-left: auto; margin-right: auto; }
#banner #logo { float: left; margin: 10px 10px 0 10px; position:absolute;}
#banner #slogan { float: right; color: red; padding: 10px; }
#menu { background: #23527c; /*clear: both;*/ height: 44px; }
#menu * { z-index: 100; } 
#menu #links { width: 81%; margin-left: auto; margin-right: auto; font-size: 14px; } /* font size resize to 18px after!!! TODO!!! */

@media screen and (max-width: 1150px){#menu #links { width: 91%; margin-left: 8%;} }
@media screen and (max-width: 1050px){#menu #links { width: 100%; margin-left: 0%;} }
/*@media screen and (max-width: 900px){#menu #links { width: 100%; margin-left: 0px;} }*/
@media screen and (min-width: 980px) {.cssmenu2{display:none;}}
@media screen and (max-width: 980px){#menu { display:none;visibility:hidden;} .cssmenu2{display:inline; font-size:20px;text-align:center} body{font-size:medium;} }

.news-item { overflow: hidden; margin: 10px 0; }
.news-item img { 
  height: 128px; 
  width: 128px; 
  border: thin solid gray; 
  padding: 6px; 
  float:left; 
  margin-right: 50px;
}
.news-item h2 a {
  color: black;
  text-decoration: none;
}
.news-item .author {
  color: gray;
  font-style: italic;
  clear: both;
  padding: 10px;
}
.journal  { 
  overflow: hidden; 
  margin: 10px 0;
}
.journal .image { 
  min-height: 128px; 
  min-width: 128px; 
  border: thin solid gray; 
  padding: 6px; 
  float:left; 
  margin-right: 50px;
  display: table;
  overflow: hidden;
}

.journal .image a { 
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  min-height: 128px; 
  min-width: 128px;
}
.journal .image img { 
  max-height: 128px; 
  max-width: 128px; 
  
}
.journal .title a {
  color: black;
  text-decoration: none;
  font-weight: 600;
}
.journal .title span {
  color: gray;
}
.journal .author {
  color: gray;
  font-style: italic;
  clear: both;
  padding: 10px;
}
.journal .content {
	/*padding-left: 192px;*/
}
/* Social */
.social li a,.social input,.social textarea { -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }

/* Social buttons: almost all the social networks are represented with their color */
.social { 
	clear: right; 
	float: right; 
	list-style: none; 
	padding: 0;
	margin: 0; 
	
}
.social li { text-indent: -999em; float: left; padding-bottom:3px;}
.social li a { background: #666 url(../img/socialfinal.png) no-repeat top left; display: block; width: 32px; height: 32px; margin-right: 4px; -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px; opacity: 0.7; }
.social li a:hover { background-color: #999; }
.social li a.aim { background-position: 0 0; }
.social li a.aim:hover { background-color: #158698; }
.social li a.behance { background-position: -37px 0; }
.social li a.behance:hover { background-color: #18a3fd; }
.social li a.digg { background-position: -74px 0; }
.social li a.digg:hover { background-color: #14589d; }
.social li a.dribbble { background-position: -111px 0; }
.social li a.dribbble:hover { background-color: #bb3468; }
.social li a.ember { background-position: -148px 0; }
.social li a.ember:hover { background-color: red; }
.social li a.evernote { background-position: -185px 0; }
.social li a.evernote:hover { background-color: #66a82e; }
.social li a.facebook { background-position: -192.4px -18px;}
.social li a.facebook:hover { background-color: #bb3468; display: block; opacity: 1;}
.social li a.flickr { background-position: -259px 0; }
.social li a.flickr:hover { background-color: #fc0082; }
.social li a.forrst { background-position: -296px 0; }
.social li a.forrst:hover { background-color: #234417; }
.social li a.github { background-position: -333px 0; }
.social li a.github:hover { background-color: #485d6b; }
.social li a.google { background-position: -370px 0; }
.social li a.google:hover { background-color: #d54a2e; }
.social li a.last-fm { background-position: -407px 0; }
.social li a.last-fm:hover { background-color: #c00d17; }
.social li a.linkedin { background-position: -574.9px -17px; }
.social li a.linkedin:hover { opacity:1.0; }
.social li a.linkedincomp { background-position: -447.7px -16.4px; }
.social li a.linkedincomp:hover { background-color: #1b7daa; }
.social li a.paypal { background-position: -481px 0; }
.social li a.rss { background-position: -514px 0; }
.social li a.rss:hover { background-color: #ea8b02; }
.social li a.sharethis { background-position: -555px 0; }
.social li a.sharethis:hover { background-color: #008651; }
.social li a.skype { background-position: -592px 0; }
.social li a.skype:hover { background-color: #00aeef; }
.social li a.tumblr { background-position: -629px 0; }
.social li a.twitter { background-position: -150.4px -62.4px; }
.social li a.twitter:hover { opacity:1.0; }
.social li a.vimeo { background-position: -703px 0; }
.social li a.vimeo:hover { background-color: #0093cb; }
.social li a.wordpress { background-position: -740px 0; }
.social li a.wordpress:hover { background-color: #be461e; }
.social li a.yahoo { background-position: -777px 0; }
.social li a.yahoo:hover { background-color: #7b0098; }
.social li a.youtube { background-position: -64.5px -62.4px; }
.social li a.youtube:hover { opacity:1.0; }
.social li a.zerply { background-position: -851px 0; }
.social li a.zerply:hover { background-color: #99bd68; }
.social li a.instagram { background:url(../img/instagramlogofooterresized.jpg)!important; 
background-size: 44px !important;
background-position: -50px -53.5px !important;}
.social li a.instagram:hover {opacity:1.0;
}

/* menu submenu widths */
#cssmenu ul ul span {
  white-space: nowrap; 
}
#cssmenu ul.acsfscholar1 {
  width: 302px;
}
#cssmenu ul.acsf-resources {
  width: 190px;
}
#cssmenu ul.ACSFABOUT {
  width: 256px;
}
#cssmenu ul.acsf-contact-us {
  width: 203px;
}
#cssmenu ul.acsfmysch {
  width: 146px;
}



/* CLEEEEEN UUUUP */

/* feedback button */
		   #feedback a{
			display:block;
			position:fixed;
			top:150px;
			left:-1px;
		}
		  #subscribe a{
			display:block;
			position:fixed;
			top: 250px;
			left:-1px;
		}
		
		   #feedback {
		     background: #23527c;
		     color: white;
		     
		     left: 0;
		   }
		   #feedback img {
		     border: 0;
		   }
		   
		



       
#inner-left > ul a {
  text-decoration: none;
  color: black;
}  
		

#inner-left ul li.active {
  background-color: #DD0130;
  margin-left: 0;
  color: white;
}
#inner-left ul li.active a {

  color: white;
}
#inner-left h1 {
  font-size: 36px;
  font-weight: 300;
  padding-right: 20px;
}
#inner-left ul li {
  list-style-type: none;
  font-size: 18px;
  font-weight: 300;
  padding: 5px 20px;
}

#inner-left ul > ul {
  margin-left: 20px;
}
#inner-left h1 > a {
  text-decoration: none;
  color: black;
}

#inner-right {
  padding: 0 10px;
}
#inner-right ul {
  list-style-type: none;
  padding-left: 22px;
}
#inner-right > h2 {
  font-weight: 300;
  /* background: #23527c; */
  /* color: white; */
  padding: 1px 10px;
  font-size: 36px;
}
#inner-right li h2 {
  font-weight: 400;
  font-size: 18px;
}
#inner-right ul p {
  color: #595454;
}
		  

      
#inner-center {
  
}
#inner-center .section { 
  padding: 10px 30px; 
  border-top: thin gray solid; 
  overflow: hidden; 
}
		  
/* PAGE ARCHITECTURE */
/* columns, footers, headers etc... */


body:before {/*Opera Fix*/
    /*content:"";
    height:100%; Makes content unclickable!
    float:left;
    width:0;
    margin-bottom:-134px;/*header height*/

}
html,body{
    height:100%;
    background:#FFF;
}
#wrapper{
    min-height:100%;
    margin-top:-50px;/*footer soak up*/
    position:relative;/*set as containing block for AP faux column*/
}
#innerwrap{/*IE6 needs this for the AP faux column*/
    
    width:100%;
    overflow:hidden;
    
}
#top{

}
#left {
    width:50%;
    float:left;
    margin-right:-400px;
    /*background:#fff; for visual testing*/
}
#inner-left{
    margin-right:400px;
    background:#FFF;/*same as body BG*/
    float: right;
    padding: 5px 0 5px 5px;
    width: 250px;
}
#center {
    width:799px;
    float:left;
    background:#FFF;
    position:relative;
    z-index:2;
    border-left: thin gray solid;
}
#right {
    width:50%;
    float:right;
    margin-left:-400px;
}
#inner-right {
    margin-left:400px;
    background:#FFF;/*same as body BG*/
}
#center-faux{
    position:absolute;
    width:800px;
    left:50%;
    bottom:0;
    height:100%;
    margin-left:-400px;
    background:#FFF;
    z-index:0;
    
    border-left: thin gray solid; /* it works, who am i to judge? */
}		  
html #center-faux{height:999em}/*for IE6*/

#inner-center .section:first-child { /* firefox and ie hackety hack */
  overflow: visible; 
  border-top: none;
}

.footer-logo {margin-bottom:24px;}
/* END PAGE ARCHITECTURE */


/* jeremy content */

.content {
  padding: 20px 0;
}

.content .title {
  border-bottom: thin gray solid;
}

.content .body {
  padding: 20px;
}

.content p, .content ul, .content ol {
  margin: 12px 0;
}

.content ul {
  padding-left: 40px;
  list-style-type: square;
}
.content ol {
  padding-left: 40px;
  list-style-type: decimal;
}


/* info box */

.info-box {
  background-color: #23527c;
  color: white;
  padding: 10px;
  font-size: 14px;
  margin: 10px 0;
  min-height: 60px;
}
.info-box a {
  color: white;
}
.info-box .icon {
  margin-left: 27px;
  font-size: 50px;
  font-weight: 500;
  margin-top: -7px;
}
.info-box .info {
  margin-top: -56px; /* IE bug */
  margin-left: 80px;
}

.info-box .info ul {
  list-style-type: square;
}


         
.logo {
  height: 170px;
  width: 170px;
  float: left;
  display: table;
  overflow: hidden;
}
.logo a {
  margin: 1px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background: white;
}
.logo a img {
  max-height: 150px;
  max-width: 150px;
}


/* buttons */

.button {
  
  display: inline-block;
  position: relative;
  padding: 0;
  margin-right: .1em;
  text-decoration: none !important;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: visible;
  
  border: 2px solid #23527c;
  background: white;
  font-weight: bold;
  color: #23527c;
  font-size: 13px;
  font-family:'Open Sans'; 

  padding: .4em 1em;
  border-top-left-radius:6px;
  border-bottom-right-radius:6px;
}



input.button:hover, 
a.button:hover, 
.input-form input[type="submit"].button:hover {
  background-color: #23527c;
  color: white;
  webkit-transition: color 0.2s ease-in;
    -moz-transition: color 0.2s ease-in;
    -ms-transition: color 0.2s ease-in;
    -o-transition: color 0.2s ease-in;
    transition: color 0.2s ease-in
}

/* input forms */
.input-form td.field { 
  font-weight: bold; 
  width: 200px; 
  min-width: 200px;
 /*   border: thin solid red; */ 
  padding-left: 10px; 
 font-size: 12px;
 vertical-align: top;
 
 } 

.input-form td.value {
  width: 240px; 
  padding-right: 10px; 
} 


.input-form td.value input, .input-form td.value select { 
 width: 100%;
 height: 22px;
 padding: 0;
 border: thin solid #F0F0F0; 
 float: left;
 border-radius:3px;
}


.input-form  tr span {
  float: left;
} 

.input-form tr.section-heading {  
  border-bottom: 2px solid #23527c;  
  font-size: larger;  
  font-weight: bolder;  
  height: 24px;  
  margin-bottom: 7px;  
}  

.input-form .sub-label { 

  font-size: 13px; 
  font-weight: 200; 
} 

 .input-form input.error, 
 .input-form select.error, 
 .input-form textarea.error { 
  background-color: #FFEBEB; 
  border: thin solid #F0F0F0; 
 } 

 .input-form label.error { 
 color: red; 
  display: inline; 
  font-size: 9px; 
 } 

.input-form input, .input-form select {
  background-color: #f2eee1;
}

.input-form textarea {
  width: 460px;
  height: 100px;
}

.input-form input[type=submit]{ 
  background-color: white;
  margin-top: 10px;
}

.input-form .ui-datepicker-trigger {
  width: 18px;
  float: right;
  padding: 0 4px;
}



/* foooooooooooooooooork */

#reg-form {
  margin-left: auto;
  margin-right: auto;
  width: 400px;
  overflow: hidden;
}

#reg-form .form-field {
  border: thin gray solid;
  float: right;
  width: 250px;
  height: 26px;
}

#reg-form label {
  font-size: 22px;
  
}

#reg-form .form-button {
  float: right;
  clear: both;
  
}

#reg-form .form-section {
  padding: 10px 0px;
}









/* BLAHHHHH! */

#temp_new_user td.field { 
  font-weight: bold; 
  width: 200px; 
 /*   border: thin solid red; */ 
  padding-left: 10px; 
 font-size: 13px;
 vertical-align: top;
 
 } 

#temp_new_user td.value {
  width: 240px; 
  padding-right: 10px; 
} 


#temp_new_user td.value input, #temp_new_user td.value select { 
 width: 100%;
 border: thin solid #F0F0F0; 
}

.input-form tr { 
    display: block;  
 /*   padding: 4px 5px 4px 9px;  */ 
 /*   clear: both; */ 


 min-height: 44px;
 height: auto;

} 

.input-form tr span {
  float: left;
} 

.crud-form .sub_label,
.input-form .sub_label { 

  font-size: 13px; 
  font-weight: lighter; 
} 

 input.error, select.error { 
  background-color: #FFEBEB; 
  border: thin solid #F0F0F0; 
 } 

 label.error { 
 color: red; 
  display: inline; 
  font-size: 9px; 
 } 
 
.uni_group, .degree_group {
  padding-bottom: 4px;
}

.uni_group select, .degree_group select {
  margin-bottom: 4px;
}


/* im back */

#temp_new_user ul {
  padding-left: 40px;
  list-style-type: square;
}

#form_container {
  padding: 10px;
}


/* now im really back */

.input-form input[type="text"]:disabled {
  background: black;
}



          .scholarship-details ul {
            padding-left: 40px;
            list-style-type: square;
          }
            
          .scholarship-details p {
            margin: 13px 0;
          }

          .scholarship-details .ui-button-text {
           color: red;
          }

          

          
 

/* un-foooooooooooooooooooork */



.crud-form {
  width: 600px;
  margin: 0 auto;
}
.crud-form label { 

  float: left;
} 


.crud-form input[type=text], 
.crud-form select,
.crud-form textarea,
.crud-form input[type=checkbox],
.crud-form input[type=file],
.crud-form input[type=number],
.file-download { 
  width: 240px; 
  float: right;
  border: thin solid #F0F0F0; 
  background-color: #f2eee1;
}
.crud-form input.date-field {
  width: 218px; 
}

.crud-form  div.fieldset { 
  display: block;  
  padding: 5px 10px;
  height: auto;
  overflow: hidden;
} 

.heading {  
  border-bottom: 2px solid #23527c;  
  font-size: large; 
}  

.crud-form .desc {
  font-size: 13px; 
  font-weight: lighter; 
} 

.crud-form input.error, 
.crud-form select.error, 
.crud-form textarea.error { 
  background-color: #FFEBEB; 
  border: thin solid #F0F0F0; 
} 

.crud-form label.error { 
  color: red; 
  display: inline; 
  font-size: 9px; 
} 

.crud-form textarea {
  width: 240px;
  height: 100px;
}

.crud-form input[type=submit],
.input-form td.value input[type=submit] { 
  background-color: white;
  border: 2px solid #23527c;
  color: #12415F;
  width: initial;
  font-weight: bold;
  padding: 10px 20px;
  float: right;
  margin: 10px;
  border-top-left-radius:6px;
  border-bottom-right-radius:6px;
}
.crud-form input[type=submit]:hover,
.input-form td.value input[type=submit]:hover { 
  background-color: #23527c;
  color: white;
  -webkit-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; -ms-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; transition: color 0.2s ease-in;
}

.crud-form input[readonly="readonly"] {
  background:#dddddd;
}



div.add-new a[href="view.cfm"] {
  border: 2px solid #23527c;
  padding: 10px 20px;
  text-decoration: none;
  font-weight: bold;
  color: #12415F;
  overflow: hidden;
  margin-top: 60px;
  display: block;
  border-top-left-radius:6px;
  border-bottom-right-radius:6px;
}

div.add-new a[href="view.cfm"]:hover {
  border: 2px solid #23527c;
  background: #23527c;
  color: white;
  -webkit-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; -ms-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; transition: color 0.2s ease-in;
}





div.back-button {
  padding: 10px;
}

div.back-button a {
  width: 100%;
  text-decoration: none;
  display: block;
  text-align: center;
  border: 2px solid #23527c;
  font-weight: bold;
  color: #12415F;
  font-size: 16px;
}
div.back-button a:hover {
  border: 2px solid #23527c;
  background: #23527c;
  color: white;
}




.crud-form #mce_14 {
  width: 848px;
  margin-left: -125px;
  margin-top: 30px;
}
.crud-form .buttonset {
  overflow: hidden; 
  padding: 10px 0;
}
.crud-form .buttonset a {
  float: right; 
}
.apps {
  margin: 3px;
  border: 1.5px solid #23527c;
}
.apps .app-left {
  display: inline-block; 
  vertical-align: middle;
  width: 290px;
  margin-left: 2px;
}

.apps .app-right,
.apps .app-middle {
  display: inline-block; 
  vertical-align: middle;
  width: 130px;
  margin-left: 2px;
}
.apps .apps-head {
  font-weight: bold;
  border-bottom: 1.5px solid #23527c;
  margin-top: -2px;
 }
 .apps .apps-head .app-left,
 .apps .apps-head .app-middle{
   border-right: 1.5px solid #23527c;
 }
.app-item {
   
}

.crud-form table.links {
  border-collapse: initial; 
  margin: 3px;
  border: 2px solid #DD0130;
}
.crud-form table.links tr {
  display: initial; 
}
.crud-form table.links td {
  padding: 6px 12px; 
}
.crud-form table.links tr > td:first-child {
  width: 90px; 
  font-weight: bold;
}
.crud-form div.file-download > a,
.input-form div.file-download > a {
  margin-left: 5px; 
}
.crud-form div.file-download > input.remove-file,
.input-form div.file-download > input.remove-file {
  padding: 0px 3px;
  margin: 0;
  cursor: pointer;
}
.crud-form td.entity-area > div.entity-group,
.input-form td.entity-area > div.entity-group { 
  margin-bottom: 12px;
}

.crud-form td.entity-area > div.entity-group > select,
.input-form td.entity-area > div.entity-group > select {
  width: 315px; 
  float: left;
}

.crud-form td.value .fake-link {
  cursor: pointer; 
  padding: 0 10px;
}

.crud-form .section_heading,
.input-form .section_heading {
  border-bottom: 2px solid #23527c;
  font-size: 22px;
  font-weight: 600;
  min-height: 24px;
  margin-bottom: 7px;
}

.input-form  #uni_area, 
.input-form  #degree_area {
  width: 500px; 
}
.input-form  #uniOther, 
.input-form  #other {
  width: 330px; 
}
.input-form  #university, 
.input-form  #degree {
  width: 450px;
}


.input-form .fake-link {
  cursor: pointer;
  font-size: 12px;
}

.crud-form table.children  * {

}

  .crud-form table.children {
    width: 720px;
    border-collapse: collapse;
    margin: 10px 0;
    
    display: table;
  }
  .crud-form table.children td,
  .crud-form table.children th  {
    border: 1px solid #23527c;
    padding: 1px 2px;
    display: table-cell;
  }
  .crud-form table.children th {
    font-weight: 600;
    font-size: 11px;
    color: white;
    background: #23527c;
    
  }
  .crud-form table.children tr  {
    min-height: 0;
    display: table-row;
  }
  .crud-form table.children tr:first-child:hover {
    cursor: default;
  }
  .crud-form table.children tr:hover {
    color: white;
    background: #23527c;
    cursor: pointer;
  }



.form-wrap {
  padding-top: 30px;
  padding-bottom: 30px;
}

.scholarships-page {
	background-color:rgba(255,255,255,0.5);
}
.scholarships-page .list {
  margin: 10px;
}
.scholarships-page .list .item {
  clear: both; 
  padding-bottom: 10px;
  overflow: hidden;
}
.scholarships-page .list .item:last-child {
  padding-bottom: 0;
}

.scholarships-page .list .item .logo {
  height: 150px;
  width: 150px;
  border: 0;
  padding: 0px;
  float: left;
  display: table;
  table-layout:fixed;
  overflow: hidden;
  /*
  border: thin solid #23527c;
  background: #23527c;
  */
}

.scholarships-page .list .item .logo a {
  margin: 1px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background: white;
  overflow: hidden;
}
.scholarships-page .list .item .logo a img {
  max-height: 150px;
  max-width: 150px;
}

.scholarships-page .list .item a.title {
  text-decoration: none;
  font-weight: 600;
  font-size: 2rem;
  color: #23527c;
}
.scholarships-page .list .item .description {
  color: #555;
 font-size: 1.8rem;
}
.scholarships-page .list .item .description .role {
  font-weight: bold;
  font-size: 2rem;
}
.scholarships-page .list .item .link {
}
.scholarships-page .list .item .link a {
  text-decoration: none;
  border: 2px solid #555;
  background: #fff;
  font-weight: bold;
  color: #555;
  padding: 4px 20px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.scholarships-page .list .item .link a:hover {
  background: #23527c;
  border-color: #23527c;
  color: white;
  -webkit-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; -ms-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; transition: color 0.2s ease-in;
}
.scholarships-page .list .item .close-date {
  color: red; 
  font-weight: 600;
  margin-bottom: 10px;
}
.scholarships-page .paging {
  margin: 0 auto;
  width: 400px;
  text-align: center; 
  clear: both;
  overflow: hidden;
}
.scholarships-page .paging  a {
  text-decoration: none;
  font-weight: 600;
  color: #23527c;
  display: inline-block;
}
.scholarships-page .paging .previous {
  float: left;
  display: inline-block;
  
}
.scholarships-page .paging .previous a {
  padding: 10px 30px;
  background: left no-repeat url('../img/metro arrow left.png');
}
.scholarships-page .paging .previous a.disabled {
  color: gray;
  cursor: default;
  background: left no-repeat url('../img/metro arrow left gray.png');
}
.scholarships-page .paging .pages {
  display: inline-block;
}
.scholarships-page .paging .pages a {
  padding: 10px 10px;
}
.scholarships-page .paging .pages a.active {
  text-decoration: underline;
  font-weight: 800;
  cursor: default;
  color: gray;
}
.scholarships-page .paging .next {
  float: right;
  display: inline-block;
}
.scholarships-page .paging .next a {
  padding: 10px 30px;
  background: right no-repeat url('../img/metro arrow right.png');
}

.scholarships-page .paging .next a.disabled {
  color: gray;
  cursor: default;
  background: right no-repeat url('../img/metro arrow right gray.png');
}

.right-donor-logo {
  text-align: left;
  padding: 20px 0;
}
.right-donor-logo  img {
  max-width: 230px;
  max-height: 230px;
  max-height: 230px;
}

/* About the Foundation Page static_aboutthefoundation.cfm */

#aboutussection {
    padding: 10px;
    font-family: 'open sans';
}

#aboutussection a {
    color: blue;
    text-decoration: underline;

}

#aboutussection > h1 {
    font-size: 20px;
    padding: 10px;
    font-weight: 200;
    border-radius: 0;
    background: #12415F;
    border: 0;
    color: white;
}


.ui-widget-content {
    border: 1px solid #dddddd;
    /*(background: ##eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;*/
    color: #333333;
}

.ui-helper-reset {
    line-height: 1.3;
    font-size: 100%;
    list-style: none;
}

.ui-state-active {}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    left: initial;
    right: .5em;
}


/* Site map page static_sitemap.cfm */

#content {
    margin-left: auto;
    margin-right: auto;
    width: 600px;
}

#site-map {
    clear: both;
}

#left-column {
    float: left;
    width: 47%;
    padding: 5px;
}

#right-column {
    float: right;
    width: 47%;
    padding: 5px;
}

#site-map ul {
    list-style-type: none;
    padding-left: 20px;
}

.sitemap-section {
    padding: 5px;
}

.sitemap-heading {
    border-bottom: 3px solid #1c31cc;
    padding: 5px;
    font-size: 15px;
    
}

.sitemap-heading a {
    
    color: #343434;
}

#site-map a {
    
    text-decoration: none;
    font-weight:  600;
}
/* Footer css limbs/footer.cfm*/
   #bottom {

            clear: both;
            position: absolute;
            padding-left: 0;
            padding-right: 0;
            margin-left: auto;
            margin-right: auto;
            width: 100%;
            background: rgba(0, 0, 0, 0.5);
        }

        #bottom footer a {
            color: white;
            font-weight: 400;
        }

        #sitemap a {
            white-space: nowrap;
        }

        #sitemap li {
            font-size: 12px;
        }

        #sitemap li>a {
            font-size: 12px;
            color: white;
            font-weight: 400;

        }

        #sitemap li>b {
            color: #C9C9C9;
        }

        #footer {

            padding-left: 30px;
            padding-right: 30px;
            width: 100%;


            color: white;
            /*border-top:1px solid #666;*/
            clear: both;



            /*background: center center url('../assets/img/banner image.jpg');*/



        }


        #footer img.footer-logo {
            width: 70px;

        }
        .row.flex-nowrap
        {   
            padding-top: 40px;
            text-align:center;
            
        }
        .footerlogo
        {
            padding-left:8%;
        }
        .footernav
        {
            display: inline-block;
			font-size: 11px;
			line-height: 10px;
			text-align: center;
			padding-left: 14px;
			padding-top: 5px;
        }
        .followsocial.hidden-xs
        {
            float:right;
            display:inline;
        }
        .companylinkedin
        {
            float:left;
        }
        .footernewsletter
        {
            display: inline;
        }
        /*new Home CSS /home.cfm*/
/*SliderBar CSS*/
	             /*SliderBar CSS*/
	                @media (min-width: 768px) {

	                    /* show 4 items */
	                    .carousel-inner .active,
	                    .carousel-inner .active+.carousel-item,
	                    .carousel-inner .active+.carousel-item+.carousel-item,
	                    .carousel-inner .active+.carousel-item+.carousel-item+.carousel-item {
	                        display: block;
	                    }

	                    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
	                    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item,
	                    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item,
	                    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item+.carousel-item {
	                        transition: none;
	                    }

	                    .carousel-inner .carousel-item-next,
	                    .carousel-inner .carousel-item-prev {
	                        position: relative;
	                        transform: translate3d(0, 0, 0);
	                    }

	                    .carousel-inner .active.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item {
	                        position: absolute;
	                        top: 0;
	                        right: -25%;
	                        z-index: -1;
	                        display: block;
	                        visibility: visible;
	                    }

	                    /* left or forward direction */
	                    .active.carousel-item-left+.carousel-item-next.carousel-item-left,
	                    .carousel-item-next.carousel-item-left+.carousel-item,
	                    .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item,
	                    .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item,
	                    .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item+.carousel-item {
	                        position: relative;
	                        transform: translate3d(-100%, 0, 0);
	                        visibility: visible;
                            
	                    }

	                    /* farthest right hidden item must be absolue position for animations */
	                    .carousel-inner .carousel-item-prev.carousel-item-right {
	                        position: absolute;
	                        top: 0;
	                        left: 0;
	                        z-index: -1;
	                        display: block;
	                        visibility: visible;
	                    }

	                    /* right or prev direction */
	                    .active.carousel-item-right+.carousel-item-prev.carousel-item-right,
	                    .carousel-item-prev.carousel-item-right+.carousel-item,
	                    .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item,
	                    .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item,
	                    .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item+.carousel-item {
	                        position: relative;
	                        transform: translate3d(100%, 0, 0);
	                        visibility: visible;
	                        display: block;
	                  
	                    }

	                    .carousel-item {
	                        margin-right: auto !important;
	                    }

	                    .carousel-inner w-100 mx-auto {
	                        height: 380px;
	                    }

	                    .card-title {
	                        min-height: 50px;
	                    }

	                    .carousel-control-prev {
	                        filter: invert(100%);
	                        height: 90px;
	                        margin-top: auto;
	                        margin-bottom: auto;
	                    }

	                    .carousel-control-next {
	                        filter: invert(100%);
	                        height: 90px;
	                        margin-top: auto;
	                        margin-bottom: auto;

	                    }

	                    .card-img-top.img-fluid {
	                        width: 100px;
	                        height: 100px;
	                        object-fit: scale-down;
	                    }

	                }

	                /*General useage*/
	                .whiteline {
	                    width: 1000px;
	                    margin-top: 5px;
	                    border-bottom: 1px solid White;
	                    position: absolute;
	                }

	                .page-header {
	                    text-align: center;
	                    font-family: Open sans;
	                }

	               #homeheading1 {
	                    font-size: 42px;
	                }
	             

	                .dotpoints {
	                    text-align: center;
	                }

	                .ACSmap.col-md-4.col-xs-6 {
	                    float: left;
	                }

	                .container {
	                    font-size: 15px;
	                    min-width: 195px;
	                }

	                .WelcomeAcsText {
	                    text-align: center;
	                    font-size: 16px;
	                    font-family: open sans;
	                }

	                .container.mt-40 {
	                    max-width: 2500px;
	                    display: inline-block;
	                    vertical-align: top;
	                    padding: 0 10px;
	                }

	                /*Hover Cards*/
	                .mt-30 {
	                    margin-left: auto;
	                    margin-right: auto;
	                    display: flex;
	                    flex-flow: row wrap;
	                    justify-content: center;
	                }

	                .hoverbox {
	                    min-width: 367px;
	                    min-height: 260px;
	                    max-width: 390px;
	                }

	                .box-text {
	                    margin-top: -95px;

	                }

	                .card-text1 {
	                    padding-left: 10px;
	                    padding-right: 10px;
	                }

	                .cart-text1.a {
	                    padding-left: 3px;
	                    padding-right: 3px;
	                }

	                .fooitems {
	                    display: inline-block;
	                    padding-left: 20px;
	                    padding-right: 20px;

	                    position: relative;
	                    text-align: center;
	                    overflow: hidden;
	                }

	                .card sticky-action {
	                    margin-left: 50px;

	                }

	                textarea {
	                    width: 90%;
	                    max-height: 200px;
	                    max-width: 90%;

	                }

	                .box8:hover {
	                    box-shadow: 0 0 11px rgba(33, 33, 33, .2);
	                }

	                .card:hover {
	                    box-shadow: 0 0 11px rgba(33, 33, 33, .2);
	                }


	                