@charset "UTF-8";
/********************fix old browsers********************/
header, section, footer, aside, nav, main, article, figure {
	display: block;
	text-shadow: 0px 0px;
}
/*******************structure*******************/
p {
	padding: 0;
	margin: 0 0 20px 0;
    line-height: 1.25em;
}
p.nospace {
	margin-bottom: 5px;
}
p.spacing-max {
    line-height: 2em;
}
p.underline {
	border-bottom: 1px solid #999;
	padding-bottom: 20px;
}
h1 {
    font-size: 1em;
    display: inline;
    font-weight: normal;
}
h2 {
    margin-bottom: 20px;
    padding-bottom: 5px;
    font-weight: normal;
    border-bottom: 1px solid #BBBDC0;
    font-style: normal;
    text-transform: uppercase;
    font-size: 1.6em;
    border-top-width: 0;
}
h3 {
    font-weight: normal;
    text-transform: uppercase;
    color: #9c1f2e;
    padding: 0;
    margin: 0 0 5px 0;
    font-size: 1.3em;
}
h4 {
	font-weight: bold;
	text-transform: uppercase;
	padding: 0;
	margin: 0 0 5px 0;
	font-size: 1em;
}
h5 {
	font-size: 1em;
	font-weight: bold;
	padding: 10px 20px 0 20px;
	margin: 10px -20px 5px -20px;
	border-top: 1px solid #BBBDC0;
}
::-moz-selection { /* Code for Firefox */
    color: #fff;
    background: #9c1f2e;
}

::selection {
    color: #fff; 
    background: #9c1f2e;
}
a:link,
a:visited  {
	color: #666;
}
a:focus,
a:hover {
	color: #9c1f2e;
}
a:focus {
	background-color: #FFFFCC;
}
a:link.news-link,
a:visited.news-link {
    text-decoration: none;	
}
a:focus.news-link,
a:hover.news-link {
    text-decoration: underline;
}
/*Text*/
.text-gray {
    color: #666;
}
.text-red {
    color: #9c1f2e;
}
.text-black {
    color: #000;
}
.text-white {
    color: #fff;
}
.text-sub{
    font-size: .75em;
}
.text-max{
    font-size: 2em;
    line-height: 2.2rem;
}
/*website easter eggs font*/
a.eegg:link {
    font-size: 1.5em;
	font-weight: bolder;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	text-transform: uppercase;
	font-style: normal;
	text-decoration: none;
	color: #9c1f2e;
	padding-right: 1px;
	padding-left: 1px;
}
a.eegg:hover{
    text-decoration: underline;
    color: #8a0521;
}
/*Notice*/
.notice {
	background-color: #ffffcc;
	padding: 10px;
	border-bottom: 1px solid #bbb;
}
.notice a.switch-button {
	display: inline-block;
	margin: 0 5px 0 5px;
	width: 44px;
	height: 24px;
	border-radius: 15px;
	border: 2px solid #9c1f2e;
	background-color: #9c1f2e;
	vertical-align: middle;
}
.notice a.switch-button div {
	width: 20px;
	height: 20px;
	border-radius: 12px;
	border: 2px solid #9c1f2e;
	float: left;
	background-color: #ffffff;
}
.notice a.switch-button:hover div,
.notice a.switch-button:focus div {
    border-color: #8a0521;
}
/*Header*/
header {
	height: 40px;
	background-color: #8a0521;
	text-transform: uppercase;
	padding-left: 20px;
	padding-right: 20px;
	white-space: nowrap;
	color: #fff;
}
header a:link,
header a:visited {
    color: #DC9999;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: right center;
}
header a:not(.faq):not(#nav-show) {
	padding-right: 20px;
    margin-right: 5px;
    background-image: url(../images/titlebar-arrow.svg);
}
header a:hover {
	text-decoration: underline;
	color: #fff;
}
header a:focus{
	color: #9c1f2e;
}
header a#nav-show {
    float: left;
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 7.5px 10px 7.5px 0;
	background-image: url(../images/nav-icons.svg);
	background-position: left center;
	background-size: 200% auto;
	background-repeat: no-repeat;
}
header h1 {
    height: 40px;
    line-height: 40px;
}
header a:focus {
	color: #9c1f2e;
}
header a.faq {
    height: 40px;
    line-height: 40px;
	float: right;
}
/*footer*/
footer {
	background-color: #9c1f2e;
	height: 185px;
	color: #fff;
}
footer a:link,
footer a:visited {
	color: #fff;
}
footer a:focus,
footer a:hover {
	color: #DC9999;
}
footer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
footer ul li#foot-seal,
footer ul ul.foot-links {
	width: 20%;
	height: 125px;
	float: left;
	padding-top: 20px;
}
footer ul li#foot-seal img {
    width: 50%;
    heigth: auto;
    margin-left: 25%;
    margin-right: 25%;
}
footer ul ul.foot-links li {
	padding: 2px;
	margin: 0;
}
footer ul ul.foot-links ul li {
	padding-top: 0;
	padding-left: 20px;
	margin: 0;
}
footer ul li.foot-connect {
	width: 35%;
	float: left;
	padding-top: 35px;
    padding-right: 5%;
	text-align: right;
}
footer ul li.foot-connect a img {
    margin-bottom: 10px;
    margin-left: 3%;
    height: auto;
}
footer ul li.foot-connect a img.soc-med-icon {
	width: 10%;
}
footer ul li.foot-connect a img.app-store-icon {
	width: 32%;
}
footer ul li#foot-address {
	clear: both;
    height: 40px;
	background-color: #8a0521;
	padding-left: 15px;
	line-height: 40px;
	white-space: nowrap;
	margin-left: 20%;
}
/*Section*/
section {
	padding: 40px 40px 20px 40px;
    margin-bottom: 10px;
	background-color: #E5E5E5;
}
.bg-highlight {
	background-image: -webkit-linear-gradient(270deg,rgba(236,228,197,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(236,228,197,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(236,228,197,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(236,228,197,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-color: #ECE3C5;
}
.bg-lowlight {
    background-color: #222222;
    background-image: -webkit-linear-gradient(270deg,rgba(34,34,34,1.00) 0%,rgba(0,0,0,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(34,34,34,1.00) 0%,rgba(0,0,0,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(34,34,34,1.00) 0%,rgba(0,0,0,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(34,34,34,1.00) 0%,rgba(0,0,0,1.00) 100%);
}
.bg-white {
	background-color: #fff;
}
.bg-fade {
    background-image: -webkit-linear-gradient(270deg,rgba(229,229,229,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(229,229,229,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(229,229,229,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(229,229,229,1.00) 0%,rgba(255,255,255,1.00) 100%);
}
section:after {
    content: "";
    display: table;
    clear: both;
} 
/* IE 6 & 7 */
section {
    zoom: 1;
}
.padding-fat {
    padding: 50px 15% 30px 15%;
}
/*Border Box*/
.border-box {
	border: 1px solid #bbb;
	padding: 40px 40px 20px 40px;
    margin-bottom: 20px;
}
.border-box h2 {
	font-size: 1.2em;
    margin-bottom: 15px;
	display: block;
	padding-bottom: 5px;
}
.border-box-emph {
    -webkit-box-shadow: 0 1px 2px 2px #CDCDCD;
    box-shadow: 0 1px 2px 2px #CDCDCD;
    background-color: #EEE;
}
.border-box .border-box-emph {
    margin: -30px -30px 20px -30px;
    padding: 25px 35px 5px 25px;
}
.border-box .notice {
    margin: -40px -40px 20px -40px;
}
/*Buttons*/
ul.button-toggle {
	padding-bottom: 20px;
}
ul.button-toggle-horizontal {
    display: inline-block;
}
ul.button-toggle,
ul.button-toggle li,
ul.button-toggle-horizontal,
ul.button-toggle-horizontal li {
    list-style-type: none;
	margin-top: -1px;
	margin-right: 0;
	margin-left: 0;
	padding: 0;
}
ul.button-toggle-horizontal li {
    display: inline-block;
    margin-left: 2px;
    margin-bottom: 2px;
}
ul.button-toggle-horizontal li:first-child{
    margin-left: 0;
}
ul.button-toggle li a,
ul.button-toggle-horizontal li a {
    border: 1px solid #9c1f2e;
	display: block;
	color: #9c1f2e;
	text-align: center;
	padding: 10px;
	text-decoration: none;
}
ul.button-toggle-horizontal li a {
    border-radius: 20px;
}
a.button {
	display: inline-block;
	border: .1em solid #9c1f2e;
	color: #9c1f2e;
	text-align: center;
	margin-top: 5px;
    margin-bottom: 5px;
	padding: 10px;
	text-decoration: none;
}
a.button-red,
ul.button-toggle li a.button-red,
ul.button-toggle-horizontal li a.button-red {
    color: #fff;
	background-color: #9c1f2e;
}
.border-box a.button,
.col-bucket a.button {
	display: block;
}
.col-bucket a.button {
	margin: 5px;
}
a.button:focus,
a.button:hover,
ul.button-toggle li a:hover:not(.toggle-active),
ul.button-toggle-horizontal li a:hover:not(.toggle-active) {
	text-decoration: underline;
	color: #fff;
	background-color: #9c1f2e;
}
a.button-red:focus,
a.button-red:hover,
ul.button-toggle li a.button-red:focus,
ul.button-toggle li a.button-red:hover,
ul.button-toggle-horizontal li a.button-red:focus,
ul.button-toggle-horizontal li a.button-red:hover {
    background-color: #8a0521;
    border-color: #8a0521;
}
ul.button-toggle li a.toggle-active,
ul.button-toggle-horizontal li a.toggle-active {
	color: #fff;
	background-color: #9c1f2e;
	cursor: text;
    background-image: url(../images/checkmark.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 25px 25px;
    padding-right: 30px;
}
/*List-bulletless*/
ul.list-bulletless,
ul.list-bulletless li {
    list-style: none;
    padding-left: 0;
    margin-bottom: 5px;
    margin-left: 0;
}
ul.list-bulletless {
    margin-bottom: 20px;
}
/*List-links*/
ul.list-links {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 20px;
    padding-left: 0;
}
ul.list-links li {
    list-style-type: none;
    margin: 0;
}
ul.list-links li a {
    display: block;
    padding: 5px 10px 5px 10px;
    margin-bottom: 2px;
    background-color: #EEE;
    border: 1px solid #bbb;
}
/*******************Tabs********************/
ul.tabs {
	list-style-type: none;
	padding: 40px 2% 15px 2%;
	height: 20px;
    width: 96%;
	margin: 0;
	background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.75) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.75) 100%);
	background-image: -o-linear-gradient(270deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.75) 100%);
	background-image: linear-gradient(180deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.75) 100%);
	border-bottom: 5px solid #E5E5E5;
}
ul.tabs li {
    list-style-type: none;
}
ul.tabs > li {
	margin-bottom: 0;
	padding: 0;
	display: inline-block;
	border-left: 1px solid #E5E5E5;
	height: 20px;
    float: left;
}
ul.tabs > li:first-child {
	border-left: 0;
    padding-left: 20px;
}
ul.tabs li.tab-active a,
ul.tabs li.tab-active h1 {
	text-decoration: none;
	border-bottom: 5px solid #9c1f2e;
	padding-bottom: 20px;
	color: #fff;
	font-weight: bold;
	cursor: text;
}
ul.tabs li.tab-active a:focus,
ul.tabs li.tab-active a:hover {
	text-decoration: none;
}
ul.tabs li a,
ul.tabs li h1 {
	height: 15px;
	display: block;
	margin: 0;
	padding: 0 10px 20px 10px;
	white-space: nowrap;
	color: #E5E5E5;
	line-height: 20px;
	text-decoration: none;
}

ul.tabs li a:focus,
ul.tabs li a:hover {
	color: #fff;
	text-decoration: underline;
}
ul.tabs li a:focus{
    color: #9c1f2e;
    line-height: normal;
}
ul.tabs li.tabs-button {
	border-left: 0;
}
ul.tabs li.tabs-button a {
	height: 20px;
	display: block;
	margin: -10px 10px 0 0;
	padding: 5px 10px 5px 10px;
	color: #fff;
	text-decoration: none;
	background-color: #9c1f2e;
}
ul.tabs li.tabs-button a:hover,
ul.tabs li.tabs-button a:focus {
	background-color: #8a0521;
    text-decoration: underline;
}
/*Tabs Scroll Menu*/
a.tabs-scroll-left,
a.tabs-scroll-right {
	display: block;
    position: absolute;
    bottom: 12px;
	height: 20px;
	width: 20px;
	padding: 6.66px 0 6.66px 0;
	background-image: url("../images/arrows.png");
	background-repeat: no-repeat;
	background-size: 200% auto;
}
a.tabs-scroll-left {
	left: 0;
    background-image: -webkit-linear-gradient(180deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.80) 100%);
	background-image: -moz-linear-gradient(180deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.80) 100%);
	background-image: -o-linear-gradient(180deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.80) 100%);
	background-image: linear-gradient(270deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.80) 100%);
}
a.tabs-scroll-right {
	right: 0;
	background-image: -webkit-linear-gradient(0deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.80) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.80) 100%);
	background-image: -o-linear-gradient(0deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.80) 100%);
	background-image: linear-gradient(90deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.80) 100%);
}
a.tabs-scroll-left img,
a.tabs-scroll-right img {
    height: 20px;
    width: 20px;
    background-image: url("../images/arrows.svg");
	background-repeat: no-repeat;
	background-size: 200% auto;
}
a.tabs-scroll-left,
a.tabs-scroll-left img {
    background-position: right 33.33%;
}
a.tabs-scroll-right,
a.tabs-scroll-right img {
    background-position: left 0;
}
a.tabs-scroll-left:hover,
a.tabs-scroll-right:hover {
    background-color: #9c1f2e;
}
/********************images********************/
/*banner image*/
div.img-banner {
    background-color: #bbb;
    position: relative;
    min-height: 60px;
    overflow: hidden;
}
div.img-banner picture img {
    width: 1000px;
}
div.img-banner .tabs{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
.img-banner-floatbox {
	position: absolute;
	color: #fff;
	bottom: 15%;
	width: 70%;
	background-color: #9c1f2e;
	padding-left: 5%;
	padding-top: 2%;
	padding-right: 5%;
	margin-left: 10%;
	margin-right: 10%;
	text-align: center;
}
.img-banner-floatbox a {
    color: #fff;
}
.img-banner-floatbox a:hover,
.img-banner-floatbox a:focus {
    color: #DC9999;
}
.img-banner-overlay {
	position: absolute;
	color: #fff;
	bottom: 0;
	width: 80%;
	padding: 30px 10% 50px 10%;
	background-image: url(../images/popup-bg.png);
	vertical-align: baseline;
}
.img-banner-overlay img {
	top: -60px;
    margin-bottom: -50px;
    margin-right: 30px;
    position: relative;
	border-radius: 50%;
    float: left;
}
.img-float-right {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.img-center-vert {
    vertical-align: middle;
}
.img-full-width {
    width: 100%;
    height: auto;
}
/*******************Testimonials********************/
#demetrious img {
    background-image: url("../images/pictures/testimonials/Demetrious_1600.jpg");
    background-position: right center;
    background-size: cover;
}
#demetrious-button {
    background-image: url("../images/pictures/testimonials/Demetrious_button_182.jpg");
    background-position: center top;
    background-size: cover;
}
#hayley img {
    background-image: url("../images/pictures/testimonials/Hayley_1600.jpg");
    background-position: right center;
    background-size: cover;
}
#hayley-button {
    background-image: url("../images/pictures/testimonials/Hayley_button_182.jpg");
    background-position: center top;
    background-size: cover;
}
#talon img {
    background-image: url("../images/pictures/testimonials/talon_1600.jpg");
    background-position: right center;
    background-size: cover;
}
#talon-button {
    background-image: url("../images/pictures/testimonials/talon_button_182.jpg");
    background-position: center top;
    background-size: cover;
}
#sarah img {
    background-image: url("../images/pictures/testimonials/Sarah_1600.jpg");
    background-position: right center;
    background-size: cover;
}
#sarah-button {
    background-image: url("../images/pictures/testimonials/Sarah_button_182.jpg");
    background-position: center top;
    background-size: cover;
}
#joey img {
    background-image: url("../images/pictures/testimonials/Joey_1600.jpg");
    background-position: right center;
    background-size: cover;
}
#joey-button {
    background-image: url("../images/pictures/testimonials/Joey_button_182.jpg");
    background-position: center top;
    background-size: cover;
}
@media 
  (-webkit-min-device-pixel-ratio: 2) {
  #demetrious img {
      background-image: url("../images/pictures/testimonials/Demetrious_2000.jpg");
  }
  #demetrious-button {
      background-image: url("../images/pictures/testimonials/Demetrious_button_364.jpg");
  }
  #hayley img {
      background-image: url("../images/pictures/testimonials/Hayley_2000.jpg");
  }
  #hayley-button {
      background-image: url("../images/pictures/testimonials/Hayley_button_364.jpg");
  }
  #talon img {
      background-image: url("../images/pictures/testimonials/talon_2000.jpg");
  }
  #talon-button {
      background-image: url("../images/pictures/testimonials/talon_button_364.jpg");
  }
  #sarah img {
      background-image: url("../images/pictures/testimonials/Sarah_2000.jpg");
  }
  #sarah-button {
      background-image: url("../images/pictures/testimonials/Sarah_button_364.jpg");
  }
  #joey img {
      background-image: url("../images/pictures/testimonials/Joey_2000.jpg");
  }
  #joey-button {
      background-image: url("../images/pictures/testimonials/Joey_button_364.jpg");
  }
}
/*******************About UACCM Page********************/
#serv-gen-ed img {
    background-image: url("../images/pictures/about_uaccm/general_ed_1600.jpg");
    background-position: right top;
    background-size: cover;
}
#gen-ed-button {
    background-image: url("../images/pictures/about_uaccm/general_ed_button_182.jpg");
    background-position: center top;
    background-size: cover;
}
#serv-tech img {
    background-image: url("../images/pictures/about_uaccm/tech_1600.jpg");
    background-position: right top;
    background-size: cover;
}
#tech-button {
    background-image: url("../images/pictures/about_uaccm/tech_button_182.jpg");
    background-position: center top;
    background-size: cover;
}
#serv-pro img {
    background-image: url("../images/pictures/about_uaccm/pro_1600.jpg");
    background-position: right top;
    background-size: cover;
}
#pro-button {
    background-image: url("../images/pictures/about_uaccm/pro_button_182.jpg");
    background-position: center top;
    background-size: cover;
}
#serv-health img {
    background-image: url("../images/pictures/about_uaccm/health_1600.jpg");
    background-position: right top;
    background-size: cover;
}
#health-button {
    background-image: url("../images/pictures/about_uaccm/health_button_182.jpg");
    background-position: center top;
    background-size: cover;
}
#serv-non-credit img {
    background-image: url("../images/pictures/about_uaccm/non_credit_1600.jpg");
    background-position: right top;
    background-size: cover;
}
#non-credit-button {
	background-image: url("../images/pictures/about_uaccm/non_credit_button_182.jpg");
	background-position: center top;
    background-size: cover;
}
#advising img {
    background-image: url(../images/pictures/about_uaccm_advising_303.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
}
#counseling img {
    background-image: url(../images/pictures/about_uaccm_counseling_303.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
}
#tutoring img {
    background-image: url(../images/pictures/about_uaccm_tutoring_303.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
}
@media 
  (-webkit-min-device-pixel-ratio: 2) {
  #serv-gen-ed img {
      background-image: url("../images/pictures/about_uaccm/general_ed_2000.jpg");
  }
  #gen-ed-button {
      background-image: url("../images/pictures/about_uaccm/general_ed_button_364.jpg");
  }
  #serv-tech img {
      background-image: url("../images/pictures/about_uaccm/tech_2000.jpg");
  }
  #tech-button {
      background-image: url("../images/pictures/about_uaccm/tech_button_364.jpg");
  }
  #serv-pro img {
      background-image: url("../images/pictures/about_uaccm/pro_2000.jpg");
  }
  #pro-button {
      background-image: url("../images/pictures/about_uaccm/pro_button_364.jpg");
  }
  #serv-health img {
      background-image: url("../images/pictures/about_uaccm/health_2000.jpg");
  }
  #health-button {
      background-image: url("../images/pictures/about_uaccm/health_button_364.jpg");
  }
  #serv-non-credit img {
      background-image: url("../images/pictures/about_uaccm/non_credit_2000.jpg");
  }
  #non-credit-button {
      background-image: url("../images/pictures/about_uaccm/non_credit_button_364.jpg");
  }
  #advising img {
    background-image: url(../images/pictures/about_uaccm_advising_606.jpg);
  }
  #counseling img {
    background-image: url(../images/pictures/about_uaccm_counseling_606.jpg);
  }
  #tutoring img {
    background-image: url(../images/pictures/about_uaccm_tutoring_606.jpg);
  }
}
/*Student Services Section*/
#fin-asst {
    text-align: center;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-attachment: fixed;
}
#app-now {
    text-align: center;
}
#campus-loc {
    text-align: center;
    background-color: #ECE4C5;
}
/*******************degrees********************/
.outcomes{
    display: none;
}
/*******************Popup Box********************/
#popup-bg {
	background-image: url(../images/popup-bg.png);
	position: fixed;
    display: none;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	z-index: 1001;
}
#popup-container {
	position: absolute;
    display: none;
	z-index: 1002;
	width: 100%;
	height: 0;
	left: 0;
	top: 0;
	padding-top: 20px;
}
#popup-structure {
	margin-right: auto;
	margin-left: auto;
	width: 800px;
	margin-top: 50px;
}
#popup-body {
	padding: 60px 15px 15px 15px;
	background-color: #E5E5E5;
}
#popup-close {
	float: right;
}
/********************Marquee Bar********************/
.marquee {
	margin-bottom: 20px;
    margin-top: 30px;
	padding-bottom: 30px;
	display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: flex-start;
    text-align: center;
}
.marquee > div {
	width: calc(19% - 30px);
    padding: 0px 15px 0 15px;
}
.marquee a.date {
    text-decoration: none;
}
.marquee a.date h3 {
	margin: 0 auto 10px auto;
	width: 80%;
	height: 4rem;
	padding-bottom: calc(40% - 2rem);
	padding-top: calc(40% - 2rem);
	border: 2px solid #9c1f2e;
	border-radius: 50%;
	display: inline-block;
	line-height: 4rem;
	white-space: nowrap;
}
.marquee a.date:hover h3,
.marquee a.date:focus h3 {
	background-color: #9c1f2e;
    color: #fff;
}
/********************Arrows*******************/
img.arrow-right,
img.arrow-left,
img.arrow-up,
img.arrow-down {
	background-image: url("../images/arrows.svg");
	background-repeat: no-repeat;
	background-size: 200% auto;
    -webkit-transition-property: background-position;
	-moz-transition-property: background-position;
	-o-transition-property: background-position;
	transition-property: background-position;
	-webkit-transition-duration: 200ms;
	-moz-transition-duration: 200ms;
	-o-transition-duration: 200ms;
	transition-duration: 200ms;
	-webkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
}
img.arrow-right {
    background-position: 100% 0;
}
img.arrow-left {
    background-position: 0 33.33%;
}
img.arrow-up {
    background-position: 50% 66.66%;
}
img.arrow-down {
    background-position: 0 100%;
}
/********************Icons*******************/
.icons {
	border-left: 1px solid #b1b1b1;
}
.marquee .icons:first-child {
    border-left: none;
}
.icons a {
	display: block;
	text-decoration: none;
	padding: 10px;
}
.icons a:hover,
.icons a:focus {
	text-decoration: underline;
}
.icons a img {
	width: 40px;
	height: auto;
    margin-top: 10px;
	background-image: url(../images/icon_buttons.svg);
	background-repeat: no-repeat;
	background-size: 200% auto;
	-webkit-transition-property: width, margin-top;
	-moz-transition-property: width, margin-top;
	-o-transition-property: width, margin-top;
	transition-property: width, margin-top;
	-webkit-transition-duration: 100ms;
	-moz-transition-duration: 100ms;
	-o-transition-duration: 100ms;
	transition-duration: 100ms;
	-webkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
}
.icons a:hover img,
.icons a:focus img {
    width: 50px;
    margin-top: 0;
}
#icon-email {
	background-position: 100% 0;
}
.icons a:hover #icon-email,
.icons a:focus #icon-email {
    background-position: 100% 0;
}
#icon-alert {
	background-position: 100% 11.11%;
}
.icons a:hover #icon-alert,
.icons a:focus #icon-alert {
    background-position: 100% 11.11%;
}
#icon-payment {
	background-position: 100% 22.22%;
}
.icons a:hover #icon-payment,
.icons a:focus #icon-payment {
    background-position: 100% 22.22%;
}
#icon-books {
	background-position: 100% 33.33%;
}
.icons a:hover #icon-books,
.icons a:focus #icon-books{
    background-position: 100% 33.33%;
}
#icon-coffee {
	background-position: 100% 44.44%;
}
.icons a:hover #icon-coffee,
.icons a:focus #icon-coffee {
    background-position: 100% 44.44%;
}
#icon-library {
	background-position: 100% 55.55%;
}
.icons a:hover #icon-library,
.icons a:focus #icon-library {
    background-position: 100% 55.55%;
}
#icon-care {
	background-position: 100% 66.66%;
}
.icons a:hover #icon-care,
.icons a:focus #icon-care {
    background-position: 100% 66.66%;
}
#icon-blog {
	background-position: 100% 77.77%;
}
.icons a:hover #icon-blog,
.icons a:focus #icon-blog{
    background-position: 100% 77.77%;
}
#icon-facilities {
	background-position: 100% 88.88%;
}
.icons a:hover #icon-facilities,
.icons a:focus #icon-facilities{
    background-position: 100% 88.88%;
}
#icon-tutor {
	background-position: 100% 99.99%;
}
.icons a:hover #icon-tutor,
.icons a:focus #icon-tutor{
    background-position: 100% 99.99%;
}
/********************Universities Buttons*******************/
#marq-unis-deselect-all {
	display: block;
	text-align: center;
}
#marq-unis a {
	display: block;
	text-decoration: none;
}
#marq-unis a:hover,
#marq-unis a:focus {
	text-decoration: underline;
}
#marq-unis a figure {
	margin: 0 auto 0 auto;
	width: 70%;
    padding: 3px 3px 0 3px;
	border-radius: 50% 10% 50% 50%;
    background-repeat: no-repeat;
	background-position: right top;
	background-size: 20px auto;
}
#marq-unis a img {
	width: 100%;
	border-radius: 50%;
}
#marq-unis a:hover img,
#marq-unis a:focus img {
	margin: -3px 0 -3px -3px;
	border: 3px solid #9c1f2e;
}
#marq-unis a.unis-active figure {
    background-color: #9c1f2e;
	background-image: url(../images/checkmark.svg);
}
/********************Picture Buttons*******************/
div#buttons {
	padding: 20px;
	margin-bottom: 20px;
	background-color: #E5E5E5;
}
.picture-buttons {
	list-style: none;
	margin: 0;
	padding: 0;
}
.picture-buttons:after {
    content: "";
    display: table;
    clear: both;
} 
.picture-buttons li {
	list-style: none;
	height: 152px;
    width: 20%;
	margin: 0;
	padding: 0;
	float: left;
	display: inline-block;
    background-image: url(../images/department-icons-01.svg);
	background-repeat: no-repeat;
	background-size: auto 2100%;
}
.picture-buttons li.buttons-large {
	width: 60%;
}
.picture-buttons li > div {
	margin: 5px;
	overflow: hidden;
	background-position: 534px;
	background-image: url("../images/pictures/img_buttons/sprite_small.png");
	background-size: auto 2200%;
}
@media 
(-webkit-min-device-pixel-ratio: 2) {
    .picture-buttons li > div {
        margin: 5px;
        overflow: hidden;
        background-position: 534px;
        background-image: url("../images/pictures/img_buttons/sprite_large.png");
        background-size: auto 2200%;
    }
}
.picture-buttons li div div {
    height: 142px;
    position: relative;
    background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.80) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.80) 100%);
	background-image: -o-linear-gradient(270deg,rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.80) 100%);
	background-image: linear-gradient(180deg,rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.80) 100%);
}
.picture-buttons a {
	position: absolute;
    display: block;
    bottom: 0;
	-webkit-transition-property: padding-bottom, background-color;
       -moz-transition-property: padding-bottom, background-color;
         -o-transition-property: padding-bottom, background-color;
            transition-property: padding-bottom, background-color;
    -webkit-transition-duration: 100ms;
       -moz-transition-duration: 100ms;
         -o-transition-duration: 100ms;
            transition-duration: 100ms;
    -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;
    color: #fff;
    width: 80%;
	padding: 100% 10% 20px 10%;
	text-decoration: none;
}
.picture-buttons a:focus,
.picture-buttons a:hover,
.picture-buttons a.bucket-active {
	color: #fff;
	padding-bottom: 30px;
	background-color: #9c1f2e;
	text-decoration: underline;
}
/*icons*/
#pic-button-academics {
	background-position: center 0;
}
#pic-button-about-uaccm {
	background-position: center 4.76%;
}
#pic-button-concurrent {
	background-position: center 9.52%;
}
#pic-button-admission {
	background-position: center 14.28%;
}
#pic-button-testing {
	background-position: center 19.04%;
}
#pic-button-tuition {
	background-position: center 23.80%;
}
#pic-button-financial-aid {
	background-position: center 28.57%;
}
#pic-button-visit-campus {
	background-position: center 33.33%;
}
#pic-button-student-activities {
	background-position: center 38.09%;
}
#pic-button-advising {
	background-position: center 42.85%;
}
#pic-button-student-development {
	background-position: center 47.61%;
}
#pic-button-public-safety {
	background-position: center 52.38%;
}
#pic-button-orientation {
	background-position: center 57.14%;
}
#pic-button-registrar {
	background-position: center 61.90%;
}
#pic-button-give {
	background-position: center 66.66%;
}
#pic-button-acts {
	background-position: center 71.42%;
}
#pic-button-faculty-staff {
	background-position: center 76.19%;
}
#pic-button-employment {
	background-position: center 80.95%;
}
#pic-button-campus-map {
	background-position: center 85.71%;
}
#pic-button-adult-ed {
	background-position: center 90.47%;
}
#pic-button-community-ed {
	background-position: center 95.23%;
}
#pic-button-workforce-development {
	background-position: center 100%;
}

/*pictures*/
#pic-button-academics > div {
	background-position: right 448px top 0;
}
#pic-button-about-uaccm > div {
	background-position: center 4.76%;
}
#pic-button-concurrent > div {
	background-position: right 448px top 9.52%;
}
#pic-button-admission > div {
	background-position: right 448px top 14.28%;
}
#pic-button-testing > div {
	background-position: right 448px top 19.04%;
}
#pic-button-tuition  > div {
	background-position: right 448px top 23.80%;
}
#pic-button-financial-aid > div {
	background-position: right 448px top 28.57%;
}
#pic-button-visit-campus > div {
	background-position: right 448px top 33.33%;
}
#pic-button-student-activities > div {
	background-position: center 38.09%;
}
#pic-button-advising > div {
	background-position: right 448px top 42.85%;
}
#pic-button-student-development > div {
	background-position: right 448px top 47.61%;
}
#pic-button-public-safety > div {
	background-position: right 448px top 52.38%;
}
#pic-button-orientation > div {
	background-position: right 448px top 57.14%;
}
#pic-button-registrar > div {
	background-position: right 448px top 61.90%;
}
#pic-button-give-large > div {
	background-position: center 66.66%;
}
#pic-button-give > div {
	background-position: right 448px top 66.66%;
}
#pic-button-acts > div {
	background-position: right 448px top 71.42%;
}
#pic-button-faculty-staff > div {
	background-position: right 448px top 76.19%;
}
#pic-button-employment > div {
	background-position: right 448px top 80.95%;
}
#pic-button-campus-map > div {
	background-position: right 448px top 85.71%;
}
#pic-button-adult-ed > div {
	background-position: right 448px top 90.47%;
}
#pic-button-community-ed > div {
	background-position: right 448px top 95.23%;
}
#pic-button-workforce-development > div {
	background-position: right 448px top 100%;
}
/********************jScrollbar********************/
.scrolling-area { /* text container */
	position: relative;
	padding: 0;
	margin: 0;
}	
.scrollbar-path { /* slider container */
	width: 5px;
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(0,0,0,0.05);
	height: 100%;
}
.scrollbar-path a.scrollbar { /** scrollbar **/
	position: relative;
	background-color: #999;
	display: block;
	min-height: 20px;
	width: 5px;
	border-radius: 5px;
}
/********************* Truncater *********************/
p.trunc-expand {
    background-image: url(../images/link-expand-arrow.svg);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 15px;
    background-size: 8px 5px;
}
/********************Table-Formated********************/
.table-formatted{
    border-spacing: 0;
    border: 1px solid #bbb;
    margin: 0 0 20px 0;
    padding: 0;
}
.table-formatted tr{
    padding: 0;
    margin: 0;
}
.table-formatted tr td,
.table-formatted tr th{
    vertical-align: top;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    padding: 15px;
}
.table-formatted tr td:last-child,
.table-formatted tr th:last-child{
    border-right: 0;
}
.table-formatted tr th:not([scope="row"]):not([scope="rowspan"]){
    vertical-align: bottom;
    border-bottom: 2px solid #000;
    padding: 5px 15px 5px 15px;
}
/*timeline*/
#timeline{
    background-color: #fff;
}
#timeline thead tr:first-child th {
	text-align: left;
	border-bottom-style: none;
}
#timeline thead tr span {
	font-weight: normal;	
}
#timeline tbody td {
    padding: 2px;
    height: 2.5em;
    position: relative;
}
#timeline tbody td hr {
    position: absolute;
    background-color: #9c1f2e;
    margin-top: -3px;
    border-width: 0;
}
.tline-event {
	display: inline-block;
	height: 1em;
	margin-top: 1em;
	text-align: center;
	padding: 2px;
	background-color: #999;
	border-radius: 5px;
	overflow: hidden;
	position: absolute;
    z-index: 25;
}
/********************List-Line********************/
ul.list-line,
ul.list-underline {
    list-style-type: none;
    padding-left: 0;
}
ul.list-line > li {
	margin-left: 0;
	padding-left: 10px;
	margin-bottom: 20px;
    display: block;
    position: relative;
}
ul.list-line ul{
    padding-left: 0;
    list-style-type: none;
    margin: 0 0 2px 0;
}
ul.list-line ul li {
    list-style-type: none;
    margin: 5px 0 5px 0;
}
ul.list-line-horz,
ul.list-line-horz ul{
	display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    list-style-type: none;
    padding-left: 0;
}
ul.list-line-horz > li {
    align-self: flex-start;
    margin-left: 2%;
	padding-left: 2%;
	margin-bottom: 20px;
    width: 50%;
    position: relative
}
ul.list-line > li:before,
ul.list-line-horz > li:before {
    content: "";
    position: absolute;
    height: 30px;
    border-left: 2px solid #9c1f2e;
    left: 0;
}
ul.list-line-horz-span {
    margin-left: 2%;
    margin-bottom: 20px;
    width: 65%;
    display: inline-block;
}
ul.list-line-horz li:first-of-type {
	margin-left: 0;
}
ul.list-underline,
ol.list-underline {
    margin-left: 0;
    margin-bottom: 14px;
}
ul.list-underline > li {
    margin-left: 0;
    padding-bottom: 10px;
    margin-bottom: 10px;
    list-style-type: none;
    border-bottom: solid 1px #999;
}
ol.list-underline > li {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: solid 1px #999;
	list-style-position: inside;
}
/********************List-Menu********************/
ul.list-menu-container {
	width: 100%;
	margin-left: -15px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	position: absolute;
	list-style-type: none;
	z-index: 20;
	background-color: #E5E5E5;
	margin-top: -45px;
}
/*for lists within page structure*/
div.list-menu-container { 
    width: 100%;
	margin-bottom: 20px;
	list-style-type: none;
}
ul#crssch-info {
	width: 100%;
	padding: 0;
	margin: 0;
	list-style-type: none;
	border-bottom: 2px solid #9c1f2e;
    display: none;
}
ul#crssch-info > ul{
    padding-left: 0;
    padding-bottom: 5px;
    float: left;
    list-style-type: none;
    background-color: rgba(255,255,204,0.00);
}
ul#crssch-info > ul li:not(.crssch-info-top){
	display: none;
}
ul#crssch-info > ul > li,
li#crssch-info-expand {
	padding: 5px 10px 5px 10px;
}
li#crssch-info-expand {
	text-align: center;
	clear: both;
	border-top: 1px solid #CCC;
}
ul#crssch-info ul li.crssch-info-top {
	font-weight: bold;
	text-align: center;	
}
ul.list-menu-container li,
ul.list-menu-container ul,
div.list-menu-container li,
div.list-menu-container ul {
	list-style-type: none;
}
li.list-menu-act {
	clear: both;
	width: 770px;
	text-align: center;
}
li.list-menu-act a {
	margin: 10px;
}
ul.list-menu {
	padding: 0;
	border: 1px solid #CCC;
	margin-left: -2px;
}
li.list-menu-inst {
	padding: 5px 20px 5px 10px;
	border-left: 1px solid #FFF;
}
ul.list-menu-container ul.list-menu ul.list-menu-scroll-mask {
	height: 290px;
	padding: 0;
	position: relative;
	border-left: 1px solid #FFF;
	overflow: hidden;
}
div.list-menu-container ul.list-menu ul.list-menu-scroll-mask {
	max-height: 120px;
	padding: 0;
	position: relative;
	border-left: 1px solid #FFF;
	overflow: hidden;
}
li.list-menu-scrollbar {
	height: 98%;
	width: 10px;
	position: absolute;
	z-index: 3;
	padding: 1% 0 1% 0;
	top: 0;
	right: 0;
}
ul.list-menu-scroll-mask ul.scrolling-area li a {
	display: block;
	padding: 5px 20px 5px 10px;
    text-decoration: none;
}
ul.list-menu-scroll-mask ul.scrolling-area li a:hover {
	background-color: #FFF;
    text-decoration: underline;
}
ul.list-menu-scroll-mask ul.scrolling-area li a.list-menu-selected {
    background-color: #9c1f2e;
    color: #FFF;
    font-weight: bold;
    background-image: url(../images/checkmark.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 25px 25px;
    text-decoration: none;
}
ul.list-menu-scroll-mask ul.scrolling-area li a.list-menu-selected:focus,
ul.list-menu-scroll-mask ul.scrolling-area li a.list-menu-selected:hover {
    text-decoration: underline;
}
ul.list-menu-header {
	width: 100%;
	margin: 0;
	height: 30px;
	list-style-type: none;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #999;
	font-size: 0.9em;
	z-index: 1004;
}
#crssch,
#crsdes,
#employees,
#events {
	margin: 0;
	padding: 0;
	position: relative;
}
#events,
#crsdes,
#employees {
	display: none;
}
.list-header {
    height: 0;
    overflow: hidden;
}
.list-footer {
    height: 20px;
    list-style-type: none;
    padding-left: 0;
	padding-top: 3px;
    text-align: right;
    clear: both;
}
.list-footer li{
    padding: 0;
    width: 50%;
    float: left;
}
.list-footer li:first-child{
    text-align: left;    
}
.list-footer button {
	border: 1px solid #9c1f2e;
	color: #9c1f2e;
    background-color: #e8e8e8;
	text-align: center;
	padding: 2px 10px 2px 10px;
	text-decoration: none;
}
.list-footer button:hover {
	border: 1px solid #9c1f2e;
	color: #fff;
    background-color: #9c1f2e;
	text-align: center;
	text-decoration: underline;
}
#crssch ul.list-menu {
	width: 25%;
    float: left;
}
#crsdes ul.list-menu,
#events ul.list-menu {
	width: 50%;
    float: left;
}
#employees ul.list-menu,
#crssch-info > ul{
	width: 33.33%;
    float: left;
}
/********************popup lists********************/
#crssch-tab {
    border-left-style: none;	
}
ul.list-window,
ul#crssch-wishlist {
    width: 100%;
    overflow: auto;
    padding: 0;
	margin: 0;
    z-index: 1003;
    border: 1px solid #999;
}
#events .list-window {
    width: 600px;
}
ul.list-window {
	max-height: 340px;
}
ul#crssch-wishlist {
	margin-top: 20px;
}
ul.list-window > li,
ul#crssch-wishlist > li {
	border-bottom: 1px solid #CCC;
	list-style-type: none;
	margin: 0;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	position: relative;
}
#crssch-wishlist-footer {
    display: none;
}
li#list-row-remember,
li#list-row-welcome {
    text-align: center;	
}
li.passed-loader {
	padding-bottom: 15px;
}
li.crssch-row table {
	padding-bottom: 10px;
}
li.crssch-row ul.crssch-books {
	list-style-type: none;
	padding-bottom: 20px;
	padding-left: 0;
}
li.crssch-row ul.crssch-books li {
	list-style-type: none;
	border-top: 1px solid #CCC;
	padding-bottom: 5px;
	padding-top: 5px;
}
/*calendar*/
#events .calendar {
    width: 158px;
    margin: 0 5px;
    float: left;
    text-align: center;
}
#events .calendar table {
    border-spacing: 0;
}
#events .calendar table td {
    vertical-align: text-top;
    padding: 2px;
}
#events .calendar table td.active-date {
    background-color: #fff;
}
#events .calendar table td.current-date {
	border: 1px solid #FFFFCC;
    background-color: #FFFFCC;
    padding: 1px;
}
#events .calendar table td:not(.active-month) {
    color: #666;
}
#events .calendar table td a:link {
	display: block;
    text-decoration: none;
	color: #000;
	position: relative;
    width: 100%;
}
#events .calendar table td a:link div {
	width: 4px;
	height: 4px;
    border-radius: 2px;
    background-color: #9c1f2e;
    margin: 0 auto 0 auto;
}
#events .calendar table td a:hover {
    background-color: #9c1f2e;
    color: #fff;
    border-radius: 2px;
}
#events .calendar table {
    width: 100%;
}
.calendar ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
}
.calendar ul li {
    margin: 0;
    padding: 3px;
}
.calendar ul li.calendar-previous {
    order: 0;
    width: 15%;
}
.calendar ul li.calendar-header {
	order: 1;
	width: 70%;
	line-height: 20px;
}
.calendar ul li.calendar-next {
    order: 2;
    width: 15%;
}
.calendar ul li.calendar-previous a:link,
.calendar ul li.calendar-next a:link {
    padding: 2px;
	display: block;
}
.calendar ul li.calendar-previous a:hover {
	background-color: #9c1f2e;
}
.calendar ul li.calendar-next a:hover {
	background-color: #9c1f2e;
}
.calendar ul li.calendar-previous a:hover img {
    background-position: 100% 33.33%;
}
.calendar ul li.calendar-next a:hover img {
    background-position: 0 0;
}
/*list-rows*/
span.list-row-aside {
	display: block;
	width: 100px;
	padding-right: 10px;
	min-height: 65px;
	float: left;
}
span.list-row-aside img {
	border-radius: 50%;
}
span.list-row-main {
	display: block;
	width: 620px;
	min-height: 65px;
	float: left;
}
#events span.list-row-main {
    width: 468px;
}
/*row status*/
.New,
.Today {
	background-color: #FFFFCC;
}
li.New span.list-row-aside strong,
.New h3 strong,
li.Today span.list-row-aside strong,
.Today h3 strong {
	color: #FF9900;
}
.Updated {
	background-color: #DAEDEF;
}
li.Updated span.list-row-aside strong,
.Updated h3 strong {
	font-weight: bold;
	color: #6666FF;
}
.Cancelled {
	text-decoration: line-through;
	background-color: #FFD2D2;
}
.Full,
li.list-row-error {
	background-color: #FFD2D2;
}
li.Passed {
	background-color: #FFD2D2;
}
li.Cancelled span.list-row-aside strong,
.Cancelled h3 strong,
li.Full span.list-row-aside strong,
.Full h3 strong,
li.Passed span.list-row-aside strong,
.Passed h3 strong {
	color: #990000;
	text-decoration: none;
}
li.list-search {
    background-color: #fff;
    height: 30px;
    padding: 15px;
    line-height: 30px;
    display: relative;
}
li.list-search input {
    width: 100%;
    height: 30px;
    background-color: #fff;
    border-width: 0;
    border-color: #fff;
    margin: 0;
    padding: 0;
    font-size: 1.5em;
}
li.list-search button {
	width: 30px;
	height: 30px;
	border: none;
	background-color: #fff;
	background-image: url(../images/search-icon.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 300% auto;
    position: absolute;
    right: 20px;
}
li.list-search button:hover,
li.list-search button:focus {
    background-color: #9c1f2e;
    background-position: right center;
}
span.course_status {
	height: 18px;
	display: block;
	float: left;
	margin-right: 10px;
}
/*crssch icons*/
span.list-row-icons {
    position: absolute;
    font-size: 0.8em;
    padding-top: 10px;
    padding-right: 20px;
    right: 0;
    top: 0;
}
span.list-row-icons a {
    height: 20px;
	margin-left: 10px;
}
span.list-row-icons img {
    width: 20px;
    height: 20px;
    background-image: url(../images/crssch-icons-01.svg);
    background-repeat: no-repeat;
    background-size: 20px auto;
}
.crssch-desc-icon img {
    background-position: 0 top;
}
.crssch-book-icon img {
    background-position: 0 -20px;	
}
.crssch-add-icon img {
    background-position: 0 -40px;	
}
.crssch-sub-icon img {
    background-position: 0 -60px;	
}
.events-cal-icon img {
    background-position: 0 -80px;	
}
td.crssch-lab-icon img {
    background-image: url(../images/crssch-icons-01.svg);
    background-repeat: no-repeat;
    background-size: 25px auto;
    background-position: 0 -80px;
}
ul.list-window a.crssch-sub-icon {
	display: none;
}
ul#crssch-wishlist a.crssch-add-icon {
	display: none;
}
/*list-row table*/
thead.list-row-table-header {
	display: none;
}
/*cells*/
td.cell-s{
	width: 60px;
}
td.cell-m {
	width: 75px;
}
td.cell-l{
	width: 90px;
}
td.cell-xl{
	width: 150px;
}
td.cell-xxl{
	width: 165px
}
/*wishlist dropdown menu*/
#creditHoursInfo, #costInfo, #registrationInfo {
	padding: 5px;
	margin: 0 0 2px 0;
	border: 1px solid #b1b1b1;
	overflow: hidden;
	height: 15px;
	cursor: pointer;
}
#creditHours, #tuition, #fees, #total {
	width: 150px;
	margin-bottom: 10px;
	white-space: nowrap;
	display: block;
}
#total {
	font-weight: bold;
}
#residency  {
	width: 150px;
	margin-bottom: 10px;
}
/********************Columns********************/
.columns {
    margin: 0;
	padding: 0;
	list-style-type: none;
    width: 100%;
}
.columns:after {
    content: "";
    display: table;
    clear: both;
} 
.columns .caro-sec-head {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.columns .caro-sec-head h3 {
	background-color: #BBBDC0;
	display: block;
	padding: 5px;
	margin: 0 5px 10px 5px;
	font-weight: normal;
}
.columns .col-bucket {
	display: inline-block;
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
    width: 33.333%;
}
section article .columns-duo {
    width: calc(100% + 80px);
    margin: 10px 0 40px -40px;
}
.split .columns .col-bucket,
.columns-duo .col-bucket {
    width: 50%;
}
.columns .col-bucket .border-box {
	margin-right: 10px;
	margin-left: 10px;
}
.columns .col-bucket .border-box > figure,
.columns .col-bucket .border-box a figure{
	width: calc(100% + 80px);
    height: 0;
    padding-top: calc(100% / 16 * 9 + 40px);
	margin: -40px -40px 20px -40px;
    position: relative;
    background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	background-size: 56px 56px;
	background-position: center center;
}
.columns .col-bucket .border-box > figure img,
.columns .col-bucket .border-box a figure img {
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}
.columns > a.button {
    display: block;
    clear: both;
    margin: 0 10px 20px 10px;
}
/********************Carousel********************/
ul.caro {
	padding: 0;
	list-style-type: none;
}
section ul.caro {
    margin: 0 -40px 0 -40px;
}
ul.caro > li {
    list-style-type: none;
}
li.caro-menu {
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 10px;
    padding: 0;
    text-align: center;
}
li.caro-menu a {
	width: 5px;
    height: 5px;
	border-radius: 3px;
	background-color: #bbb;
	display: inline-block;
	margin-right: 5px;
}
li.caro-menu a:hover {
    border: solid 1px #8a0521;
}
li.caro-menu a.bucket-active {
    background-color: #9c1f2e;
}
li.caro-window {
	overflow: hidden;
	padding-left: 16px;
	padding-right: 16px;
    margin-left: 0;
    margin-bottom: 0;
}
ul.caro-slider {
	margin: 0;
	padding: 0;
}
li.caro-scroll-left,
li.caro-scroll-right {
	width: 0;
	padding: 0;
	margin: 0;
}
li.caro-scroll-left {
	float: left;
	display: none;
}
li.caro-scroll-right {
    float: right;
    display: none;
}
li.caro-scroll-left a,
li.caro-scroll-right a {
	height: 30px;
	width: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	position: relative;
	top: 50%;
	margin-top: -25px;
    background-image: url(../images/arrows.png);
	background-repeat: no-repeat;
	background-size: 200% auto;
    z-index: 100;
}
li.caro-scroll-left a {
    background-position: 0 33.33%;
}
li.caro-scroll-right a {
    margin-left: -30px;
    background-position: 100% 0;
}
li.caro-scroll-left a:hover {
	background-color: #9c1f2e;
    background-position: 100% 33.33%;
}
li.caro-scroll-right a:hover {
	background-color: #9c1f2e;
    background-position: 0 0;
}
li.caro-scroll-left a img,
li.caro-scroll-right a img {
	width: 30px;
    height: 30px;
}
li.caro-scroll-left a:hover img {
    background-position: 100% 33.33%;
}
li.caro-scroll-right a:hover img {
    background-position: 0 0;
}
/*image carousel*/
#img-caro {
    margin-top: 40px;
    margin-bottom: 40px;
}
#img-caro .caro-menu {
    padding-left: 11px;
    padding-right: 11px;
}
#img-caro .col-bucket {
	position: relative;
    background-color: #E5E5E5;
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	background-position: center 20px;
	background-size: 54px 54px;
}
#img-caro .col-bucket img {
    width: 100%;
    height: 100%;
    position: absolute;
}
#img-caro .img-caro-overlay {
    color: #fff;
	padding: 250px 10% 40px 10%;
	width: 80%;
	background-image: url(../images/popup-bg.png);
    bottom: 0;
    position: relative;
}
#img-caro .border-box {
    max-width: 30%;
    margin: 30px;
    background-color: #E5E5E5;
    position: relative;
}
/********************Aside and Article********************/
aside {
	width: 25%;
	float: left;
	display: inline-block;
    padding-right: 40px;
}
aside .border-box {
    padding: 20px 20px 0 20px;
}
article.split {
	width: calc(75% - 40px);
	display: inline-block;
}
article h2 {
    margin-top: 40px;
}
article h2:first-child{
    margin-top: 0;
}
aside ol,
aside ul,
article ol,
article ul {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	padding: 0;
}
aside ul li,
article ul li {
	margin-left: 20px;
    margin-bottom: 10px;
	list-style-type: square;
	list-style-position: outside;
}
aside ol li,
article ol li {
	margin-left: 20px;
	margin-bottom: 5px;
	list-style-position: outside;
	list-style-type: decimal;
}
aside ol ol,
article ol ol,
aside ol ul,
article ol ul,
aside ul ol,
article ul ol,
aside ul ul,
article ul ul {
    margin-left: 20px;
}
side ul ul li,
article ul ul li {
    list-style-type: circle;
}
side ul ul ul li,
article ul ul ul li {
    list-style-type: disc;
}
side ol ol li,
article ol ol li {
    list-style-type: lower-alpha;
}
side ol ol ol li,
article ol ol ol li {
    list-style-type: lower-roman;
}
.clear {
	display: block;
	clear: both;
}
/********************Department Contacts********************/
.dept-ctc h2 {
    visibility: hidden;
    height: 0;
    padding: 0;
    margin: 0;
}
.dept-ctc img {
    border-radius: 50%;
    margin: 8px;
}
.dept-ctc a:hover img {
    border: 2px solid #9c1f2e;
    margin: 6px;
}
.dept-ctc .border-box-emph {
    margin: 40px -10px 9px -10px;
    position: relative;
}
.dept-ctc-emp {
    text-align: center;
    margin-top: -75px;
    margin-bottom: 10px;
}
/********************Social Media Icons********************/
.soc-med-position {
    position: absolute;
    top: 20px;
    left: 55%;
}
.soc-med-icon {
	vertical-align: bottom;
	border-radius: 50%;
	background-image: url(../images/social_media_buttons.svg);
	background-size: 200% auto;
	background-repeat: no-repeat;
}
.soc-med-facebook {
	background-position: 0% 0%;    
}
a:hover .soc-med-facebook {
    background-position: 100% 0%; 
}
.soc-med-twitter {
	background-position: 0% 20%;    
}
a:hover .soc-med-twitter {
	background-position: 100% 20%;    
}
.soc-med-instagram {
	background-position: 0% 40%;    
}
a:hover .soc-med-instagram {
	background-position: 100% 40%;    
}
.soc-med-youtube {
	background-position: 0% 60%;    
}
a:hover .soc-med-youtube {
	background-position: 100% 60%;    
}
.soc-med-flickr {
	background-position: 0% 80%;    
}
a:hover .soc-med-flickr {
	background-position: 100% 80%;    
}
.soc-med-linkedin {
	background-position: 0% 100%;    
}
a:hover .soc-med-linkedin {
	background-position: 100% 100%;    
}
/******************** Slideshow ********************/
/*slideshow*/
ul.slideshow {
	padding: 1px;
	margin: 0 0 20px 0;
	overflow: hidden;
	position: relative;
	list-style-type: none;
}
.border-box ul.slideshow {
    margin-top: -40px;
    margin-left: -40px;
    margin-right: -40px;
}
ul.img-nav {
	margin: 0;
    padding: 0;
	list-style-type: none;
	height: 30px;
    width: 100%;
	display: none;
}
ul.img-nav li {
	margin: 0;
	float: left;
	text-align: center;
}
li.img-scroll-left, 
li.img-scroll-right {
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 30px;
	width: 20%;
	line-height: 30px;
	font-size: 0.8em;
}
li.img-scroll-left a {
	display: none;
}
li.img-counter {
    list-style-type: none;
	height: 16px;
	width: 60%;
	padding-top: 7px;
	padding-bottom: 7px;
	color: #666;
}
li.img-counter div{
	display: inline-block;
	height: 5px;
	width: 5px;
	margin: 2px;
	background-color: #999;
	border-radius: 3px;
}
li.img-counter div.img-indicator {
	background-color: #9c1f2e;
}
li.img-reel {
	height: 171px;
    padding: 0;
    margin: 0;
	position: relative;
	list-style-type: none;
	clear: both;
	overflow: hidden;
	left:0;
}
li.img-reel figure,
li.img-reel iframe {
	float: left;
	height: 100%;
	margin: 0 2px 0 0;
	position: relative;
	background-color: #ccc;
}
li.img-reel figcaption{
	position: absolute;
	display: none;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.75);
	color: #fff;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
li.img-reel figure a {
	color: #FFFFFF;
    display: block;
}
li.img-reel figure a:hover figcaption,
li.img-reel figure a:focus figcaption {
    display: block;
}
#expand-img figcaption {
	display: block;
}
li.img-reel img {
	height: 171px;
}
li.img-reel iframe {
	height: 171px;
    width: 304px;
}
aside li.img-reel img {
    height: inherit;
	max-width: 238px;
}
aside li.img-reel iframe {
	width: 238px;
	height: 134px;
}
figure.img-active figcaption{
	background-color: #9c1f2e;
    display: inline-block;
}
figure.img-active figcaption a{
	display: none;
}
/*expand image*/
#expand-img-container {
	margin-right: auto;
	margin-left: auto;
	width: 715px;
	height: 0;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	display: none;
}
ul#expand-img-viewer {
	list-style-type: none;
	width: 750px;
	margin-top: 20px;
	z-index: 1003;
	position: absolute;
	background-color: #fff;
	padding: 5px;
	top: 0;
}
ul#expand-img-viewer li {
	list-style-type: none;
}
li#expand-img {
	margin: 0;
	width: 100%;
	padding: 0 0 10px 0;
	position: relative;
}
#expand-img-scroll {
	height: 37px;
	width: 100%;
	padding: 0 0 10px 0;
}
#expand-img-scroll li.expand-img-scroll-left {
    margin: none;
    padding: none;
	float: left;
    width: 49%;
    margin-right: 1%;
}
#expand-img-scroll li.expand-img-scroll-right {
    margin: none;
    padding: none;
	float: right;
    width: 49%;
    margin-left: 1%;
}
#expand-img-scroll .button {
    display: block;
}
#expand-img-scroll a:active {
	color: #9c1f2e;
	border-color: #9c1f2e;	
}
li#expand-img figure {
	margin: 0;
	width: 100%;
	text-align: center;
}
li#expand-img figure img {
	max-width: 750px;
}
li#expand-img figcaption {
	padding-bottom: 20px;
}
li#expand-img-top-nav {
	display: block;
	margin: 0;
	padding-bottom: 5px;
	width: 750px;
	height: 30px;
	background-color: #FFF;
}
span#expand-img-counter {
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	display: block;
	float: left;
	height: 30px;
	width: 550px;
	margin-left: 100px;
}
#expand-img-close {
    display: block;
    float: left;
    height: 30px;
    width: 100px;
    text-align: center;
    line-height: 30px;
}
span#expand-img-close a {
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	display: block;
	height: 30px;
	width: 50px;
	font-size: 0.9em;
	color: #666666;
	font-weight: normal;
}
span#expand-img-close a:hover {
	-moz-box-shadow: inset 0 1px 2px #888;
	-webkit-box-shadow: inset 0 1px 2px#888;
	box-shadow: inner 0 1px 2px #888;
	background-color: #eeeeee;
}
/*f album*/
.activeImg {
	border: 2px solid #000000;
}
ul.album {
	display: block;
	padding: 0;
	float: left;
	height: 65px;
	width: 65px;
	margin: 0;
	list-style-type: none;
	cursor: pointer;
}
ul.album li {
	display: block;
	padding: 0;
	float: left;
	border: 1px solid #999;
	-moz-box-shadow: 0 1px 3px #777;
	-webkit-box-shadow: 0 1px 3px #777;
	position: absolute;
	height: 50px;
	width: 50px;
	margin: 0;
	background-color: #ccc;
}
ul.album li.stage1 {
	text-align: center;
	overflow: hidden;
	z-index: 30;
}
ul.album li.stage1 img {
	height: auto;
	width: 75px;
}
ul.album li.stage2  {
	margin-top: 5px;
	margin-left: 5px;
	z-index: 20;
}
ul.album  li.stage3 {
	margin-top: 9px;
	margin-left: 9px;
	z-index: 10;
}
#album-clear {
	clear: both;
	height: 20px;
}
/******************** Map ********************/
#map-wrapper {
    position: relative;
    overflow: hidden;
    height: 650px;
    margin-right: -40px;
    margin-top: -39px;
    margin-bottom: 20px;
    cursor: grab;
}
#map-overlay {
	position: absolute;
	width: 100%;
	padding-top: 50%;
	z-index: 2;
	background-image: url(../images/popup-bg.png);
	display: none;
	text-align: center;
	font-size: 2em;
	color: #fff;
	background-color: rgba(0,0,0,0.50);
}
#map {
    position: relative;
}
#map-size-buttons {
    height: 0;
    width: 30px;
    margin-bottom: 0;
    bottom: -25px;
    left: 55px;
    position: relative;
    z-index: 21;
}
#directions {
    text-align: center;
}
a.bldg-loc,
a.rec-loc {
	position: absolute;
	display: block;
	width: 100px;
    margin-left: -50px;
    margin-top: -11px;
	text-align: center;
	z-index: 0;
}
a.bldg-loc-off {
	position: absolute;
	display: block;
    margin-top: -11px;
	text-align: center;
	z-index: 3;
}
a.bldg-loc:hover,
a.bldg-loc:focus,
a.bldg-loc-off:hover,
a.bldg-loc-off:focus,
a.rec-loc:hover,
a.rec-loc:focus {
	z-index: 20;
}
.bldg-loc-name,
.rec-loc-name {
	width: 100px;
	background-color: #fff;
	padding: 5px;
	margin-top: 3px;
	display: none;
}
a.bldg-loc:hover .bldg-loc-name,
a.bldg-loc:focus .bldg-loc-name,
a.rec-loc:hover .rec-loc-name,
a.rec-loc:focus .rec-loc-name {
	display: block;
}
.road-loc {
    position: absolute;
	z-index: 0;
}
path.road-loc-active,
line.road-loc-active {
    stroke-width: 4px;
    stroke-dasharray: 0;
    stroke-linecap: round;
    stroke: #9c1f2e;
}
.bldg-loc-mark,
.rec-loc-mark {
    min-width: 10px;
    height: 20px;
    background-color: #FFFFCC;
    display: inline-block;
    text-align: center;
    border-radius: 15px;
	line-height: 20px;
	padding-left: 5px;
	padding-right: 5px;
}
.bldg-loc-mark {
	border: 1px solid #666;
}
.rec-loc-mark {
	background-color: rgba(229,229,229,0.75);
}
.bldg-loc-mark-active {
    background-color: #9c1f2e;
}
a .bldg-loc-mark-active {
    color: #fff;
}
a.bldg-loc-off .bldg-loc-mark {
    background-color: #fff;
}
a.bldg-loc-off .bldg-loc-mark-active {
    color: #666;
}
a.bldg-loc-off:hover .bldg-loc-name,
a.bldg-loc-off:focus .bldg-loc-name {
	display: none;
}
polygon.bldg-loc-active,
g.bldg-loc-active polygon,
rect.bldg-loc-active,
g.bldg-loc-active rect {
    fill: #9c1f2e;
}
/******************** Accepted ********************/
#confetti {
	background-image: url(../images/pictures/accepted/confetti_1000.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.congrats-img-1 {
    width: 100%;
    height: 100%;
	background-image: url(../images/pictures/accepted/uc_lawn_1000.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.congrats-img-2 {
    width: 100%;
    height: 100%;
	background-image: url(../images/pictures/accepted/sidewalk_1000.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
@media 
(-webkit-min-device-pixel-ratio: 2) {
  #confetti {
      background-image: url(../images/pictures/accepted/confetti_500.png);
  }
  .congrats-img-1 {
      background-image: url(../images/pictures/accepted/uc_lawn_500.jpg);
  }
  .congrats-img-2 {
      background-image: url(../images/pictures/accepted/sidewalk_500.jpg);
  }
}
/******************** Gala ********************/
.gala-gala-logo {
    width: 100%;
    height: 100%;
	background-image: url("../images/pictures/gala/gala_gala_logo_1000.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.gala-foundation-logo {
    width: 100%;
    height: 100%;
	background-image: url("../images/pictures/gala/gala_foundation_logo_1000.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.gala-clock-tower {
    width: 100%;
    height: 100%;
	background-image: url("../images/pictures/gala/gala_clock_tower_1000.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
@media 
(-webkit-min-device-pixel-ratio: 2) {
  .gala-gala-logo {
      background-image: url(../images/pictures/gala/gala_gala_logo_500.jpg);
  }
  .gala-foundation-logo {
      background-image: url(../images/pictures/gala/gala_foundation_logo_500.jpg);
  }
  .gala-clock-tower {
      background-image: url(../images/pictures/gala/gala_clock_tower_500.jpg);
  }
}
/******************** Concurrent ********************/
.career-center {
    width: 100%;
    height: 100%;
	background-image: url(../images/pictures/concurrent/career_center_500.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.other-concurrent {
    width: 100%;
    height: 100%;
	background-image: url(../images/pictures/concurrent/other_concurrent_500.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
@media 
(-webkit-min-device-pixel-ratio: 2) {
  .career-center {
      background-image: url(../images/pictures/concurrent/career_center_1000.jpg);
  }
  .other-concurrent {
      background-image: url(../images/pictures/concurrent/other_concurrent_1000.jpg);
  }
}

/******************** Adult Education ********************/
.basic-ed {
    width: 100%;
    height: 100%;
	background-image: url(../images/pictures/adult_ed/basic_ed_500.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.ged-prep {
    width: 100%;
    height: 100%;
	background-image: url(../images/pictures/adult_ed/ged_prep_500.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.esl-ed {
    width: 100%;
    height: 100%;
	background-image: url(../images/pictures/adult_ed/esl_ed_500.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.workplace-ed {
    width: 100%;
    height: 100%;
	background-image: url(../images/pictures/adult_ed/workplace_ed_500.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
@media 
(-webkit-min-device-pixel-ratio: 2) {
  .basic-ed {
      background-image: url(../images/pictures/adult_ed/basic_ed_1000.jpg);
  }
  .ged-prep {
      background-image: url(../images/pictures/adult_ed/ged_prep_1000.jpg);
  }
  .esl-ed {
      background-image: url(../images/pictures/adult_ed/esl_ed_1000.jpg);
  }
  .workplace-ed {
      background-image: url(../images/pictures/adult_ed/workplace_ed_1000.jpg);
  }
}