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

body {
	font-family: 'Arimo', Verdana, Arial, Helvetica, sans-serif;
	background: #e4e4e4 url(/media/wwwcantonedu/images/bg15.jpg) repeat-x 0 -7px;

}
#container {
	position:relative;
	width:1200px;
	margin: 0 auto;
	border-radius: 10px;
	/* IE top margin trick*/
	padding-top: 5px;
	margin-top: -5px;
}

/* Top of each page */
#quick{
	width: 100%;
	height:30px;
	font-size:15px;
	margin-bottom:6px;
	z-index:1001;
	padding-left:10px;
	padding-top:4px;
	color: #004B8D;
	background:url(/media/wwwcantonedu/images/quick-bg.png) repeat;

}
#quick-container{
	position:relative;
	width:920px;
	margin: 0 auto;
}
#quick-text{
	position:relative;
	float:left;
	width:660px;
	align-items:baseline;
}
#quick-icons{
	position:relative;
	float:left;
	width:240px;
}
#quick a:link{
	color: #FFF;
}
#quick a:visited{
	color: #FFF;
}

.skip {
        position: absolute;
        top: -1000px;
        left: -1000px;
        height: 1px;
        width: 1px;
        text-align: left;
        overflow: hidden;
	z-index: 1;
	
    }
	a.skip:active, 
    a.skip:focus, 
    a.skip:hover {
        left: 60px; 
        top: 10px;
        width: auto; 
        height: auto; 
        overflow: visible;
		color: #fff;
    }


#header {
	position: relative;
	width: 1200px;
	height: 94px;
	float: left;
	text-align: left;
	margin-bottom: 6px;
}
#logo{
	width:324px;
	height: 92px;
	float: left;
	position: relative;
}
#fifty{
	width: 90px;
	height: 90px;
	margin-top: 2px;
	padding-left: 2px;
	float: left;
	position: relative;
	border-left: 1px solid #e4e4e4;
}

#hor_menu {
	position:relative;
	width: 99%;
	height: 40px;
	float: left;
	margin-bottom: 0;
	background: rgba(0, 75, 141, 0.5);
    border-radius: 10px;
  /*clip-path: polygon(1% 0%, 60% 0%, 100% 0%, 99% 100%, 0% 100%);
  transform: skew(-20deg);*/
	z-index: 1001;
	padding-left: 10px;
}
#apply{
	position:relative;
	float: left;
	text-align: right;
	font-family: "Benchnine", "Futura Condensed Medium", "Arial Black", sans-serif;
	text-transform: uppercase;
	color:#FFF;
	width:490px;
	font-size:32px;
	z-index:1;
}
#directory{
	position:relative;
	float:left;
	top: 0;
    margin-top: 3%;
	width: 290px;
	height: 30px;
	text-align:right;
	color: #FFF;
	font-family: "Trebuchet", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size:18px;
	padding-top: 6px;
	padding-right: 10px;
}
#directory a{
    color: #FFF;
    text-decoration: none;
    }
#directory a:visited{
    color: #FFF;
    }
 #directory a:hover{
    color: #FFF;
    text-decoration: underline;
    }   
#directory .icon{
	position:relative;
	float:right;
	width: 30px;
}
#directory .icon-text{
	position:relative;
	float:right;
	width: 180px;
	padding-top: 6px;
}

.search-container{
	border-radius: 10px;
	position: relative;
	float: left;
	top: 4px;
	left: 0;
    margin-top: 3%;
	background:#cfab7a url(/media/wwwcantonedu/images/search.png) no-repeat 98% 0;
	background-size: 36px 36px;
	background-image: url(/media/wwwcantonedu/images/search.svg);
    width: 40%;
    height: 40px;
      z-index: 99; 
}

.search-container2{
	background:url(/media/wwwcantonedu/images/search.png) no-repeat 98% 50%;
	background-size: 36px 36px;
	background-image: linear-gradient(transparent, transparent), url(/media/wwwcantonedu/images/search.svg);
}

.searchBox {
	width: 88%;
	height:38px;
	padding: 0 0 0 10px;
	color: #595959;
	line-height: 19px;
	font-size: 130%;
	background:#FFF;
	border: solid 1px #cfab7a;
	border-radius: 10px 0 0 10px;
}
.searchBox2 {
	width: 82%;
	height:30px;
	padding: 0 0 0 10px;
	margin-top: 12px;
	color: #595959;
	line-height: 19px;
	font-size: 130%;
	background:#FFF;
	border:solid 2px #cfab7a;
}
input[id="g\ submit"]{
	vertical-align: bottom;
}

#degrees {
	position:absolute;
	left:190px;
	color:#FFF;
	width:200px;
	height:20px;
	font-size:10px;
	z-index:1;
	top: 100px;
	display:none;
}
img{
	border: none;
	box-shadow: none;
}
#main_left p img, #main_left figure img{
  	width:100%;
	height: auto;
}

figure{
  width:90%;
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
}
figcaption{
  font-size: .8em;
  text-align:center;
  background: #EEE;
  padding:10px;
  border-radius: 0 0 10px 10px;
  line-height: 1.5em;
}
iframe{
	border: none;
	overflow:hidden;
	margin: 0;
padding: 0;
width: value;
height: value;
}

/*ALERT Container */

#alert{
	position:relative;
	float:left;
	width:800px;
	height:28px;
	background: #febf2b url(/media/alert-status-yellow.png) no-repeat left center;
	background-image: url(/media/alert-status-yellow.svg);
	/* Alert Status Red - background: #c10712 url(/media/alert-status-red.png) no-repeat left center ;
	background-image: url(/media/alert-status-red.svg);*/
	border-radius: 10px;
	font-family:"Arimo", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#333;
	padding:12px 0 8px 120px;
	margin-bottom: 10px;
}

/*Main Containers */
#leftcontent {
	position:relative;
	width:160px;
	float: left;
	background-color: #009d57;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top: thick solid #000;
	z-index: 1000;
	height: 800px;
}
#maincontent{
	float: left;
	position: relative;
	width: 1200px;
	top: 10px;
}
#main_left {
	position:relative;
	width: 70%;
    margin-top: -6%;
	margin-right: 10px;
	z-index:1;
	float: left;
	padding: 10px 20px 20px 20px;
    padding-top: 5%;
	background-color: #FFF;
	min-height: 790px;
	text-align: left;
}
* html div#main_left {
   height: expression( this.scrollHeight < 791 ? "790px" : "auto" );/* sets min-height for IE */
}
			#main_left_left {
	position:relative;
	width:360px;
	height:100%;
	z-index:1;
	float: left;
	padding-right:20px;
			}
			#main_left_right {
	position:relative;
	width:200px;
	z-index:1;
	float: left;
			}
			
#main_right {
	position:relative;
	width:290px;
	float: left;
	padding-top: 5px;
	background:url(/media/wwwcantonedu/images/sublinks_bg.png);
    margin-top: -20px;
    border-radius: 10px;
}

#main_wide {
	position:relative;
	width:1160px;
	margin-right:10px;
	z-index:1;
	float: left;
	padding: 10px 20px 20px 20px;
	background-color: #FFF;
	min-height:790px;
	text-align:left;
}

#hero{
    height:400px;
    overflow: hidden;
}

#sublinks{
	font-size:1em;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	padding-right: 10px;
	padding-bottom: 10px;
}


/* Use this item for anything needed below sub link box */
#additional_items{
	position:relative;
	width:290px;
	height:auto;
	float:left;
	}
.additional_items{
	position:relative;
	width:290px;
	height:auto;
	float:left;
	}
	/* End Item*/

#extralinks {
	position:relative;
	width:100%;
	z-index:1000;
	float: left;
	padding-bottom:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}
#subhead{
	position: relative;
	float:left;
	width: 270px;
	padding: 14px 10px 10px 10px;
	margin-bottom: 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-transform: uppercase;
	color: #FFF;
	background: #00a160;
	clear: both;
}
.subhead{
	position: relative;
	float:left;
	width: 270px;
	padding: 14px 10px 10px 10px;
	margin-bottom: 20px;
	font-size: 2em;
    font-family: "Benchnine", Arial, Helvetica, sans-serif;
    background: #00a160 url(/media/wwwcantonedu/test/green-grid-bg.webp);
	text-transform: uppercase;
	color: #FFF;
	clear: both;
}

#subhead .material-icons{
	font-size: 19px;
}
.group{
	margin-top: 2%;
}
.group:after {
  content: "";
  display: table;
  clear: both;
  margin-top: 1%;
}

#footer {clear: both; 
color:#FFF;
background: #004b8d;
padding-top: 20px;
font-size:0.8em;
font-family:'Arimo', Arial, Helvetica, sans-serif;
text-align:center;
bottom:0; 
width:100%;
	padding:10px 0 30px 0;
position:relative;
float:left;
top: 30px;
	border-radius: 10px 10px 0 0; }

#footer_nav {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	padding: 20px 0;
	overflow: hidden;
}

#ftext{
	padding-top: 10px;
    padding-right: 3%;
    padding-left: 5%;
	padding-bottom: 10px;
	width: 220px;
	float: left;
	position: relative;
	text-align: center;
}
#ftext p{
	color: #fff;
	font-size: 0.9em;
	line-height: 1.5;
	margin-top: 0.2em;
    margin-bottom: 0;
}
#footer a:link{color: #FFF; text-decoration:none;}
#footer a:visited{color:#999;text-decoration:none;}
#footer a:hover{color:#CCC; text-decoration: underline;}
#links-base {
	float:left;
	padding-left: 3%;
	padding-top:20px;
	width:110px;
	margin:0;
	border-left: 1px solid #999;
}
#links-base .link {
	min-width: 24px;
    min-height: 24px;
    font-size: 1em;
	font-weight: 600;
	color: #FFF;
	text-transform: uppercase;
	padding: 0 0 12px;
	margin: 0;
	line-height: 10px;
}
#links-pages {
	float: left;	
	padding-top: 20px;
	margin: 0;
}

#links-pages .link {
	min-width: 24px;
    min-height: 24px;
    font-size: 1em;
	text-transform: uppercase;
	padding: 0 0 12px;
	margin: 0;
	line-height: 10px;
}
#links-pages a:link{
	color:#FFF;
}
#links-pages a:visited{
	color:#cfb077;
}
#links-pages a:hover{
	color:#CCC;
}
#fconnected {
	float: left;
	width: 200px;
	padding-top: 10px;
	text-align: right;
	font-size: 36px;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;
	font-family: "Benchnine", "Futura Condensed Medium", "Arial Black", sans-serif;
}
#fconnected .row{
	float:left;
	width:100%;
	padding:4px;
	font-size:16px;
	font-family:'Arimo', Arial, Helvetica, sans-serif;

}
#fconnected img{
	border:0;
	padding:0;
}
#footer .address p{
	font-size: 1em;
	color: #fff;
	font-family:'Arimo', Arial, Helvetica, sans-serif;
	line-height: 1.5;
	margin-top: 0.2em;
    margin-bottom: 0;
}

#footer .address a:link{
  	color:#FFF;
    background:#004b8d;
	text-decoration: underline;
}
#footer .address a:hover, #footer .address a:focus{
  	color:#999;
	text-decoration: none;
}
/*End*/


/** Shapes **/

.shape--blue {
		background-color: #004b8d;
		color: #FFF;
		height: 400px;
    }
  
.shape--header {
    height: 770px;
		background: #e4e4e4 url(https://www.canton.edu/media/wwwcantonedu/images/bg15-gray.jpg) repeat-x;
    }
    
 .slope--header{
    --spacing: 6.25rem !important;
    webkit-clip-path: polygon(0% 0%, 100% var(--spacing), 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% var(--spacing), 100% 100%, 0% 100%);
    }
    
    
 .slope--bio{
		--spacing: 6.25rem !important;
		clip-path: polygon(0% var(--spacing), 100% 0%, 100% 100%, 0% 100%);
    }
    
    
    /* shapes start */
/* add general stripe colour themes 

.shape--blue
.shape--lblue
.shape--green
.shape--gold
.shape--lgray
.shape--dgray

blue - #004b8d - #FFF
lblue - #97c6eb - #004b8d
green - #00A160 - #FFF
gold - #CFAB7A - #004b8d
lgray - #E4E4E4 - #004b8d
dgray - #333333 - #FFF

*/
/* clip-path: polygon(top left, top right, bottom right, bottom left); */
.slope--left {
-webkit-clip-path: polygon(0% 0%, 100% var(--spacing), 100% 100%, 0% calc(100% - var(--spacing)));
  clip-path: polygon(0% 0%, 100% var(--spacing), 100% 100%, 0% calc(100% - var(--spacing)));
}
.slope--right {
  -webkit-clip-path: polygon(0% var(--spacing), 100% 0%, 100% calc(100% - var(--spacing)), 0% 100%);
  clip-path: polygon(0% var(--spacing), 100% 0%, 100% calc(100% - var(--spacing)), 0% 100%);
}
.pinch--right {
  -webkit-clip-path: polygon(0% 0%, 100% var(--spacing), 100% calc(100% - var(--spacing)), 0% 100%);
  clip-path: polygon(0% 0%, 100% var(--spacing), 100% calc(100% - var(--spacing)), 0% 100%);
}

.pinch--left {
  -webkit-clip-path: polygon(0% var(--spacing), 100% 0%, 100% 100%, 0% calc(100% - var(--spacing)));
  clip-path: polygon(0% var(--spacing), 100% 0%, 100% 100%, 0% calc(100% - var(--spacing)));
}

.slope--left,
.slope--right,
.pinch--right,
.pinch--left {
  --spacing: 6.25rem !important;
  padding: 6.25rem 0 !important;
  margin-bottom: -6.25rem !important;
}
.letterbox {
  padding: 3.25rem 0 0 0
}
.letterbox {
  margin-top: 3.75rem;
}
.letterbox ~ .letterbox {
  margin-top: 0;
}
.letterbox .inner {
  padding-bottom: 0.25rem;
}
.slope--left h2,
.slope--right h2,
.pinch--right h2,
.pinch--left h2,
.slope--left h3,
.slope--right h3,
.pinch--right h3,
.pinch--left h3,
.slope--left h4,
.slope--right h4,
.pinch--right h4,
.pinch--left h4 {
  margin-top: 3.75rem;
}
.slope--left .h-group,
.slope--right .h-group,
.pinch--right .h-group,
.pinch--left .h-group {
  margin-bottom: 3.75rem;
}
.slope--left + .h-group,
.slope--right + .h-group,
.pinch--left + .h-group,
.pinch--right + .h-group {
  margin-top: 7.75rem;
}

@media (min-width: 1024px) {
  .slope--left,
  .slope--right,
  .pinch--right,
  .pinch--left {
      --spacing: 6.25rem;
      padding: 6.25rem 0;
      margin-bottom: -6.25rem
  }
}
@media (min-width: 768px) {
  .slope--left,
  .slope--right,
  .pinch--right,
  .pinch--left {
      --spacing: 3.75rem;
      padding: 3.75rem 0;
      margin-bottom: -3.75rem
  }
}

.shape--lgray {
  background-color: #e4e4e4;
  /*color: #dd3c65;*/
  color: #004b8d;
}

.shape--lgray a:link,
.shape--lgray a:hover,
.shape--lgray a:active,
.shape--lgray a:visited {
  text-decoration-color: #FFF;
}

.shape--dgray {
  background-color: #333333;
  color: #fff;
}
.shape--dgray h2, 
.shape--dgray h3, 
.shape--dgray h4 {
  color: #FFF;
}
.shape--dgray a:link,
.shape--dgray a:hover,
.shape--dgray a:active,
.shape--dgray a:visited {
  text-decoration-color: #fff;
}

.shape--gold {
  background-color: #CFAB7A;
  color: #004b8d;
}
.shape--gold h2, 
.shape--gold h3, 
.shape--gold h4 {
  color: #004b8d;
}

.shape--green {
  background-color: #00A160;
  color: #FFF;
}
.shape--green h2, 
.shape--green h3, 
.shape--green h4 {
  color: #FFF;
}

.shape--lblue {
  background-color: #94b7cf;
  color: #FFF;
}
.shape--lblue h2, 
.shape--lblue h3, 
.shape--lblue h4 {
  color: #FFF;
}

.shape--blue {
  background-color: #004b8d;
  color: #FFF;
}
.shape--blue h2, 
.shape--blue h3, 
.shape--blue h4 {
  color: #FFF;
}
/* shapes end */

#optional{
	width:480px;
	text-align:left;
	clear:both;
}

#buttons{
	position:absolute;
	left:420px;
	width:180px;
	z-index:1;
	padding-top: 4px;
}
#header img a:link{
	border: none;
}
/*Admissions Student Blocks*/
.admissions{
	height:100%;
	width:100%;
	border-bottom:solid thin #CCC;
}
.admissions_last{
	border:none;
}
/* Text Styles */
table{
	font-size:1em;
	display: table;
    border-collapse:collapse;
	border: 2px solid #cfab7a;
	overflow: scroll;
	width: 100%;
  	margin-bottom: 5%;
}

th {
    display: table-cell;
    vertical-align: inherit;
    font-weight: bold;
    text-align: center;
  	padding: 2%;
}

tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}


td {
    display: table-cell;
    vertical-align:top;
	padding:2%;
	border: 1px solid #cfab7a;
}
tr.gold, th.gold, td.gold{
	background: #f1dfbd;
}
tr.gray, th.gray, td.gray{
	background: #EEE;
}
.alt tr:nth-child(even) {
    background: #EEE;
}
td img {display: block;
margin: 0 auto;}

td.ten{
	width: 10%;
	text-align: center;
}
td.twelve{
	width: 12%;
	text-align: center;
}
td.eighteen{
	width: 18%;
}
td.twenty{
	width: 20%;
}
td.twenty-five{
	width: 25%;
}
td.thirty{
	width: 30%;
}
td.thirty-three{
	width: 33%;
}
td.forty{
	width: 40%;
}
td.fifty{
	width: 50%;
}
td.sixty{
	width: 60%;
}
td.sixty-six{
	width: 66%;
}
td.seventy{
	width: 70%;
}
td.eighty{
	width: 80%;
}

.staff table,.staff tr,.staff td{
	border: none;
}


/* Font Styles */

h1 {
	font-size: 3.2em;
	color: #004b8d;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: 600;
	text-transform: none;
	padding:10px 0 10px 0;
	}
h2 {
	font-size: 2em; 
	color: #004b8d;
	font-family: "Arimo", Verdana, Arial, Helvetica, sans-serif;
	font-weight: 600;
	padding: 10px 0 10px 0;	
	margin:0;
	}

h3 {
	color: #000;
	font-family: "Arimo", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: 500;
	margin-bottom: 2px;
	margin-top: 1em;
  	line-height: 1.5em
}

h4 {
	font-size: 1.4em;
	font-weight:500;
	font-family: "Arimo", Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:2px;
  	line-height: 1.5em;
	}
	
h5 {
	color: #004b8d;
	font-family: "Arimo", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: 500;
	margin-top: 1em;
	margin-bottom: 1em;

	}
h5 a:hover {
	text-decoration: none;
}

h6{
	display:block;
	font-family: "Arimo", Arial, Helvetica, sans-serif;
	color:#000;
	font-size: 1em;
	font-weight: 600;
	padding: 0;
	margin-top: 5px;
	margin-bottom: 5px;
}

.bluebar{
	display:block;
	font-family: "Arimo", Arial, Helvetica, sans-serif;
	color: #FFF;
	margin-top:5px;
	margin-bottom: 5px;
    padding: 1% 1% 1% 2%;
    border-radius: 10px;
    background: #004b8d url(/media/wwwcantonedu/test/blue-grid-bg.webp);

}
.blueunderline{
	border-bottom:thin solid #cfb077;
	color: #004b8d;
}
h2.blueunderline{
	text-transform: uppercase;
}

.style1 {
	font-family:Trebuchet, Arial, Helvetica, sans-serif;
	font-size:0.8em;
}
.style2 {
	font-family: Trebuchet, Arial, Verdana, sans-serif;
	font-size: 0.8em;
	color: #FFF;
}
.style3 {font-size: 10px}
.style4 {
	font-size: 0.8em;
  	line-height: 1.5;
	color: #004b8d;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
.style5 {
	font-size: 0.8em;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	border: thin solid #009D57;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(/media/wwwcantonedu/images/submenu_bg.jpg);
	background-repeat: repeat-x;
}
.style6 {
	font-size:0.9em;
	color: #008040;
	}
.style9 {
	font-size: 0.8em;
	color: #000000;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, san-serif;
}
.style21 {
	color:#d50000;
	}
.style22{
	color: #000;
	border-bottom:thin solid #8fc644;
	font-size:24px;
	font-weight:400;
	margin-bottom: 5px;
	margin-top:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.lblue{
		background: #99CCFF;
	}
.yellow{
		background: #FFFF99;
	}

h10{
	color:#d50000;
	font-size: 0.9em;
	font-weight:400;
	
	}
p {
	font-size:1em;
	font-family: "Arimo", Arial, Helvetica, sans-serif;
	line-height:1.5em;
	color: #333333;
	margin-top: 1em;
    margin-bottom: 1em;
	
	}
i, em { 
    font-style: italic;
}
b, strong{
	font-weight:600;
}
blockquote{
	display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 40px;
    margin-right: 40px;
}
sup { 
    vertical-align: super;
    font-size: smaller;
}
.indent{
	display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 10%;
    margin-right: 10%;
}
.center{
	text-align: center;
}
.left{
	text-align: left;
}
.right{
	text-align: right;
}

img.centered{
	margin: 0 auto;
	display: block;
}
img.alignleft{
	float: left;
	margin: 2%;
	display: inline;
}
img.alignright{
	float: right;
	margin: 1%;
	display: inline;
}
img.middle{
	margin: 1%;
	vertical-align: middle;
}


#quote, .quote-block{
	color: #FFF;
	background: #1C71C1;
    width: 90%;
    padding: 5%;
    margin-top: 4%;
    border-radius: 10px;
}

.quote-block:not(:last-child):after{
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-top: 3rem solid rgba(28,113,193);
    border-left: 2.625rem solid transparent;
    position: absolute;
    right: 5%;
    border-top-width: 4.5rem;
		border-left-width: 4rem;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    margin-top: -4%;
    margin-right: 2%;
}

.quote_icon{
    float: left;
    margin: -4rem -1rem 0 .75rem;
    width: 3rem;
    height: 2.25rem;
    font-size: 200%;
    font-weight: 700;
    padding: .5rem;
    text-align: center;
    display: block;
    line-height: 1.5;
    background: #004b8d;
}
.quote_icon::before{
	content: '\201c';
	color: #FFF;
	line-height: 1;
	font-size: 4rem;
	display: block;
	margin: -.25rem 0 0;
}
.quote {
	font-size: 1.3em;
	color: #FFF;
	font-style: normal;
	font-weight: 500;
	margin:20px;
	line-height: 1.8em;
}
.quote_credit{
	font-size: 1.2em;
    font-weight: 600;
    color: #004b8d;
    text-align: left;
    background: none;
    width: 100%;
    float: left;
    border-radius: 10px;
    padding: 1% 2% 1% 2%;
    margin: 8% 0 5% 3%;
	}

.quote_icon::before{
    content: '\201c';
    color: #FFF;
    line-height: 1;
    font-size: 6.5rem;
    display: block;
    margin: -.5rem 0 0;
    }
    
.quote-author{
    font-size: 1.2em;
    font-weight: 700;
    }
.quote-title{
    font-size: 0.9em;
    font-style: italic;
    color: #333;
    }
    
.quote-block:after {
  content: "";
  display: table;
  clear: both;
  margin-top: 1%;
}
#customForm .quote_credit{
	color: #333333;
	font-style: italic;
}
.subtitle {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding: 10px 90px 0 0;	
}
.subtitle_blue {
	font-size: 1.3em; 
	color: #004b8d;
  	font-weight: 600;
	padding: 10px 0 90px 0;	
}

.keylinksbar{
	font-size:0.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
ul{
	margin-bottom: 0.9em;
	margin-top:0.9em;
	padding-left:30px;
  	font-size: 1em;
	line-height:1.5em;
	list-style-type: square;
}
ol{
    list-style-type: decimal;
    margin-bottom: 0.9em;
	margin-top:0.9em;
  	padding-left: 30px;
  	font-size: 1em;
  	line-height:1.5em;
}
ol.alpha{
	list-style-type: lower-alpha;
}
ol.roman{
	list-style-type: upper-roman;
}

ul li{
	padding-bottom:4px;
	margin-top: 0.3em;
    margin-bottom: 0.3em;
	font-size: 1em;
	line-height:1.5em;
	color: #333;
}

ol li{
	padding-bottom:8px;
	margin-bottom: 0.2em;
	font-size: 1em;
	line-height:1.5em;
  	color: #333;
	}

.paragraph ul {
	margin:0 0 0 2%;
 	padding-left:16px;
	list-style-image: url(/media/wwwcantonedu/images/logo_sm.png);
}

.degrees ul {
	margin:0 0 0 2%;
	list-style-image: url(/media/wwwcantonedu/images/logo_sm.png);
}
.degrees li{
	font-size:1em;
}
.degrees li a:link{
	color: #004b8d;
}
.degrees li a:visited{
	color: #004b8d;
}

.ul li {
	margin: 0;
 	padding: 0;
	list-style-position:inside;
	line-height:1.5;
}

#menu-block ul li, #menu-block2 ul li, .menu-block ul li, .menu-block2 ul li{
	float:left;	
	padding-bottom: 0;
	padding-left: 0.7em;
	margin: 0;
	}

#main_left ul {
	font-family:'Arimo', Arial, Helvetica, sans-serif;
	}
#main_left ol {
	font-family:'Arimo', Arial, Helvetica, sans-serif;
	}
#sublinks ul {
	margin-top:0;
	margin-left:0;
	padding-left: 32px;
	font-family:'Arimo', Arial, Helvetica, sans-serif;
}	
	
#sublinks li {
	line-height:16px;
	list-style:square;
	color:#004b8d;
	clear: both;
}
#sublinks .active{
	line-height:16px;
	list-style:none;
	background-color:#F00;
	width:50%;
}

.no-bullet{
  list-style-type:none;
}

.meta{
  font-size:0.8em;
}

#main_left .button, #main_wide .button{
	width:60%;
	margin: 0 auto;
	text-align: center;
	border-radius:10px;
	border: 1px solid #cfab7a;
	margin-top: 10px;
	clear: both;
}
#main_left .button a:link, #main_wide .button a:link{
	display:block;
	padding:6px;
	border-radius:10px;
	text-decoration:none;
	color: #004b8d;
	box-shadow: none;
	}
#main_left .button a:visited, #main_wide .button a:visited{
	text-decoration:none;
	color: #004b8d;
}
#main_left .button a:hover, #main_wide .button a:hover{
	background: #cfab7a;
	-webkit-transition: background .5s ease;
        -moz-transition: background .5s ease;
        -o-transition: background .5s ease;
        transition: background .5s ease;
}
p .button{
    font-size: 1.1em;
    border-radius: 20px;
    }

.button-panel{
    margin-top: -6%;
    width: 40%;
    position: relative;
    float: left;
    padding-left: 2%;
    z-index: 2;
    }

.button-panel .button{
    margin: 5%;
    background: #004b8d;
    border-radius: 20px;
    padding: 2%;
    text-align: center;
    border: 1px solid #cfb077;
    }
.button-panel .button a:link{
    color: #FFF;
    }
    
.button-panel .button a:visited{
    color: #FFF;
    }

.button-panel .button a:hover{
    background: #1C71C1;
    color: #FFF;
    border-radius: 20px;
    display: block;
    }

.register{
  background: #8DD1FF;
  font-weight: 600;
  border: 1px solid #004b8d;
}

.register a:link, .register a:visited{
  color: #333;
}

#main_left img .pad{
	padding: 1%;
}
/* PROGRAMS */
#program, .program{
	width:100%;
	float:left;
	position:relative;
	margin-bottom:8px;
	clear:both;
}
#photo{
	width:270px;
	float:left;
	position:relative;

}
#program-content{
	width:320px;
	float:left;
	position:relative;
 }

#program ul{
	margin:0;
	padding-left:16px;
	list-style:square;
}

/* Program Description Tables */
#program table{
	border-collapse:collapse;
	border: 0 solid #cfb077;
	width:100%;
}
#program .table{
    border-top: 4px solid #004b8d;
    border-radius: 10px;
    font-size: 1em;
}
#program td{
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	vertical-align:top;
 	border:none;
	border-bottom: 1px solid #cfb077;
}
#program thead{
 	background: #FDE4C5;
}
#program th{
  text-align: left;
}
#program tfoot{
    border:none;
    background: #004b8d;
    color: #FFF;
}
#program tfoot td{
  border: none;
}

#programs-block{
    position:relative;
	float:left;
	width:100%;
	text-align:center;
}

.program_box{
	width:180px;
	height:244px;
	padding-right:20px;
	padding-left:20px;
	padding-top:12px;
	float:left;
}
.program_image{
	height:118px;
	text-align:center;
	z-index: 1;
}
.program_title{
	height:40px;
	font-size:1em;
	font-family:'Arimo', Arial, Helvetica, sans-serif;
	text-align:center;
	padding-top:10px;
	padding-bottom:20px;
	z-index: 999;
	}	

.program_box a{
	color:#004b8d;
	text-decoration: none;
}
.program_box a:hover{
	text-decoration: underline;
	opacity:0.7;
	-webkit-transition: opacity 0.5s; /* Safari */
	transition: opacity 0.5s;
}

.program_box img{
  border-radius: 10px;
}

.program_box img:hover{
  border:none;
}


.grow { border: 2px solid #cfd4d8; transition: all .2s ease-in-out; }
.grow:hover { border: 2px solid #004b8d;transform: scale(1.1); }
/* End PROGRAMS */

/* Boxes with bottom border */
#borderbox {
	width:580px;
	border-top:thin;
	border-top-color:#999999;
	border-top-style:solid;
}


/* Link Styles */
a:link {
	color: #004b8d;
	text-decoration: none;
	border: none;
}
a:visited {
	color: #004b8d;
	text-decoration: none;
}
a:hover {
  	color: #004b8d;
  	text-decoration: none;
}
a:active {
	text-decoration: none;
}
a.blue:link {
	color: #004b8d;
	}
a.blue:hover {
	text-decoration: underline;
}
a.blue:visited {
	color: #004b8d;
}
a.black:link{
	color:#000000;
}
a.black:hover {
	text-decoration:underline;
	}
a.black:visited{
	color:#000000;
	}
#header a:link {
	color:#FFF;
}
#header a:visited {
	color:#FFF;
}
#header a:hover {
	color:#FFF;
}
#main_left a:link {
	color:#000;
	font-weight: 600;
	box-shadow: 0 2px 0 #1C71C1;
}
#main_left a:visited {
	color:#000;
	}
#main_left a:hover {
	text-decoration: none;
	color: #00a160;
	}
#main_wide a:link {
	color: #004b8d;
	box-shadow: 0 1px #FFF;
	border: none;
}
#main_wide a:visited {
	color: #004b8d;
	text-decoration: none;
}
#main_wide a:hover {
	color: #00aeef;
  	box-shadow: 0 1px #00aeef;
  	text-decoration: none;
}

#main_left .admissionscol a:link{
	box-shadow: none;
}
#main_left .course_arrows a:link{
	box-shadow: none;
}
#main_left #box a:link{
	box-shadow: none;
}
#info_box3 a:link{
	box-shadow: none;
}
#featured a:link{
	box-shadow: none;
}
#main_left a.img:link{
	box-shadow: none;
}
#Accordion1 a:link, #Accordion2 a:link, #Accordion3 a:link, #Accordion4 a:link, #Accordion5 a:link, #Accordion6 a:link, #Accordion7 a:link, #Accordion8 a:link, #Accordion9 a:link, #Accordion10 a:link{
	box-shadow: none;
	color: #004b8d;
}
#Accordion1 a:visited, #Accordion2 a:visited, #Accordion3 a:visited, #Accordion4 a:visited, #Accordion5 a:visited, #Accordion6 a:visited, #Accordion7 a:visited, #Accordion8 a:visited, #Accordion9 a:visited, #Accordion10 a:visited{
	box-shadow: none;
	color: #004b8d;
}
#main_left .highlights a:link{
	box-shadow: none;
}
#main_left ul a:link, #main_left ol a:link, .instructor a:link{
	box-shadow: 0 1px 0 #00a160;
}
#main_left .office a:link, #main_left .office2 a:link{
	box-shadow: 0 1px 0 #00a160;
}

#additional_items a{
	color:#008650;
}
.additional_items a:link{
	color:#008650;
  	text-decoration: underline;
}
.additional_items a:visited, .additional_items a:hover{
	color:#004b8d;
  	text-decoration: underline;
}

.primary{
    height: min-content;
    padding-bottom: 2%;
    }
section{
    width: 100%;
    }

.img-icon{
    width:50%;
    margin:0 auto;
    }

#program a:link{
	color:#004b8d;
	box-shadow: none;
}
#program a:visited{
	color:#004b8d;
}

#regbox{
	background: #004b8d;
	color: #FFF;
	width:300px;
	padding:10px;
	margin-bottom:20px;
	display:block;
	text-align:center;
	border-radius: 10px;
}
#regbox a:link{
	color:#FFF;
	text-decoration:none;
}
#regbox a:visited{
	color:#FFF;
	text-decoration:none;
}
#regbox a:hover{
	color:#cfb077;
	text-decoration:none;
	-webkit-transition: color .5s ease;
        -moz-transition: color .5s ease;
        -o-transition: color .5s ease;
        transition: color .5s ease;
}

/* end links */
	


/*Info Boxes */
#info_container{
	height:300px;
	width:600px;
	position:relative;
	float:left;
}
#info_container2{
	height:500px;
	width:600px;
	position:relative;
	float:left;
}

#info_box{
	position:relative;
	float:left;
	left:0;
	margin-top:20px;
	margin-left:20px;
	width:170px;
	height:230px;
}
#info_box2{
	position:relative;
	float:left;
	width:200px;
	height:240px;

}

#info_box h1{
	margin:0;
	font-size:1em;
	font-family: "Arimo", Arial, Helvetica, sans-serif;
	color:#004b8d;
	padding:4px;
	padding-bottom:0;
	padding-top:10px;

}
#info_box2  h1{
	margin: 0;
	font-size: 1em;
	color: #FFF;
	padding: 4px;
	background:#CCC url(/media/wwwcantonedu/images/info_boxh1.jpg);
}
#info_box2 h2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	height:40px;
	margin:0;
	font-size:0.9em;
	color:#FFF;
	padding:4px;
	background:#004b8d url(/media/wwwcantonedu/images/info_boxh2.jpg);
}

#info_box2  h4{
	font-size:0.8em;
	color:#000;
	padding-left: 10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}

#info_box p{
	font-size:11px;
	font-family: "Arimo", Arial, Helvetica, sans-serif;
	padding:4px;
	padding-top:0;
}
#info_box2 p{
	font-size:10px;
	padding:4px;
}

#info_box img {
	border: solid 1px #ccc;
	box-shadow:0 2px 4px #999999;
}

#info_box a img {
	border: solid 1px #ccc;
}

#info_box a:hover img {
	border: solid 1px #004b8d;
}

/*Interest*/

#interest {
	width:100%;
	height:auto;
	position:relative;
	float:left;
	
}

.interest_col {
	width:30%;
	height: auto;
	position:relative;
	float:left;
	padding-right:14px;
}

.interest ul{
	list-style:none;
	margin-left:-10px;
}
.interest li{
	padding:4px;
}

/*Columns*/
#column, .column{
	position:relative;
	float:left;
	width: 46%;
}
.column a:link::after {
		content: "\0020 \2794";
    }
#main_wide .column{
  	width: 48%;
  	padding-left: 2%;
}

.seventy{
  width:70%;
}
.thirty{
  width:30%;
}

.proposal-block{
  	background: #e4e4e4;
	border-radius: 10px;
	border: solid 1px #004b8d;
	margin: 2% 5% 2% 0;
	padding: 0 5%
}


/* Box */
#box{
	width: 96%;
	height: auto;
	float:left;
	position: relative;
}
.box-2col{
	width: 48%;
	float: left;
	position: relative;
	margin: 0 1%
}
.box-3col{
	width: 32%;
	float: left;
	position: relative;
}
.box-4col{
	width: 24%;
	float: left;
	position: relative;
}

.box-2col img{

max-width: 100%;
height: auto;
}

/* Faculty table */

.fac_table {
	width:100%;
	height:100%;
	float:left;
	position:relative;
	border-bottom: 1px solid #EEE;
	margin-bottom: 2%;
}
.fac_table:after {
  content: "";
  display: table;
  clear: both;
  margin-top: 1%;
}
.fac_photo {
	width:25%;
	position:relative;
	float:left;
}
.fac_text {
	position:relative;
	float:right;
	width:70%;
	padding-right:10px;
}

/* end */
/* HOF table */

.hof_table {
	width:100%;
	height:100%;
	float:left;
	position:relative;
	border-bottom: 1px solid #EEE;
	margin-bottom: 2%;
}
.hof_table:after {
  content: "";
  display: table;
  clear: both;
  margin-top: 1%;
}
.hof_photo {
	width:30%;
	position:relative;
	float:left;
}
.hof_text {
	position:relative;
	float:right;
	width:60%;
  	line-height:20px;
	padding-right:10px;
  	padding-bottom:2%;
}

/* end */

/* Micro table */

.micro_table {
	width:100%;
	height:100%;
	float:left;
	position:relative;
	border-bottom: 1px solid #EEE;
	margin-bottom: 2%;
}
.micro_table:after {
  content: "";
  display: table;
  clear: both;
  margin-top: 1%;
}
.micro_icon {
	width:15%;
	position:relative;
	float:left;
}
.micro_text {
	position:relative;
	float:right;
	width:80%;
	padding-right:1%;
}

/* end */

/* Office Info */
.office{
	font-size: 0.9em;
	font-family: 'Arimo', Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5;
	width: 267px;
	border: 1px solid #333;
    border-top: 8px solid #333;
    border-radius: 10px;
	padding: 10px;
	margin:10px 0 10px 0;
    background: url(https://www.canton.edu/media/wwwcantonedu/images/sublinks_bg.png);
	display:block;
}
.office2{
	font-size: 0.9em;
	font-family: 'Arimo', Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5;
	width: 270px;
    border-top: 8px solid #004b8d;	padding: 10px;
	margin:10px 0 10px 0;
    background: url(https://www.canton.edu/media/wwwcantonedu/images/sublinks_bg.png);
	display:block;
}
.office-listing{
  border-bottom: 1px dotted #e4e4e4;
}

#additional_items a:link, #additional_items a:visited{
	color: #004b8d;
}
.additional_items a:link, .additional_items a:visited{
	color: #004b8d;
}
/* end */
/*Course Highlights*/
.highlights{
	font-size: 0.9em;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	width: 190px;
	border: thin solid #cfb077;
    border-radius: 16px;
	padding: 2%;
	background: url(/media/wwwcantonedu/images/office_bg.jpg) repeat-x;
	display:block;
}
.highlights2{
	font-size: 0.9em;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	border: thin solid #cfb077;
	padding: 2%;
    border-radius: 16px;
	background: #d9d9d9 url(/media/wwwcantonedu/images/office_bg.jpg) repeat-x;
	display: block;
}
.instructor{
	font-size: 0.9em;
	background-color: #d9dadc;
	border: none;
    border-radius: 16px;
	padding: 2%;
	display:block;
	}
.instructor img, .instructor2 img{
	padding: 2%;
}
.instructor2{
	font-size: 0.8em;
	background-color: #abd7a4;
	border: none;
    border-radius: 16px;
	padding: 2%;
	display:block;
	}

.important{
	font-size: 0.9em;
  	line-height:1.3em;
	background: #d9dadc url(/media/wwwcantonedu/images/important.png) no-repeat;
	border: none;
    border-radius: 16px;
    padding: 2% 10%;
	display:block;
}

#main_left .important a:link, #main_left .important a:visited{
	color:#004b8d;
	font-size: 0.9em;
}
/*end*/
/*Form Background */
#form {
	position:relative;
	width:88%;
	background-color: #DDD;
	border:solid #aaa 1px;
	float: left;
	left: 10px;
	padding-top:30px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom:10px;
	-webkit-border-radius: 10px; /* Safari prototype */
	-moz-border-radius: 10px; /* Gecko browsers */
	border-radius: 10px; /* Everything else - limited support at the moment */ 
}
	#form_body{
	padding-right: 10px;
	padding-left: 10px;
	
}
/* end */
/* Group Table */

.table {
	font-size: 0.8em;
}

.head {
	display: block;
	height: 30px;
	font-size: 0.9em;
	color: #069;
	padding-top: 15px;
}

.head .datehead {
	float: left;
	width: 125px;
}

.head .descriptionhead {
	float: left;
	width: 160px;
}

.head .otherhead {
	float: left;
}

.table .bar {
	display: block;
	padding-top: 4px;
	background-color: #f1dfbd;
	margin-bottom: 5px;
	border: 1px solid #cfb077;
	padding-left: 5px;
	padding-bottom: 16px;
}
.table .bar2{
	display: block;
	padding-top: 4px;
	background-color: #abd7a4;
	margin-bottom: 5px;
	border: 1px solid #009D57;
	padding-left: 5px;
	padding-bottom: 16px;
}

.table .dates {
	float: left;
	width: 120px;
}

.table .description {
	float: left;
	width: 160px;
}

.table .other {
	float: left;
}



/* end */


/* Course Listings */
.courses{
	width: 47%;
	float: left;
	position:relative;
  	border: 1px solid #e4e4e4;
  	border-radius:10px;
  	margin:1%;
}
.course_arrows{
	width:40px;
	height:90px;
	padding:2%;
	padding-right:4%;
	float: left;
	position:relative;
}
.fall{
  	background: url(/media/fall-icon.png) no-repeat 20% 20%;
	background-size: 40px 40px;
	background-image: url(/media/fall-icon.svg);
}
.winter{
  	background: url(/media/winter-icon.png) no-repeat 20% 20%;
	background-size: 40px 40px;
	background-image: url(/media/winter-icon.svg);
}
.spring{
  	background: url(/media/spring-icon.png) no-repeat 20% 20%;
	background-size: 40px 40px;
	background-image: url(/media/spring-icon.svg);
}
.summer{
  	background: url(/media/summer-icon.png) no-repeat 20% 20%;
	background-size: 40px 40px;
	background-image: url(/media/summer-icon.svg);
}

.semester{
	width:260px;
	height: 100px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom:6px;
	float: none;
	position:relative;
	font-size:18px;
	color: #004b8d;
}
.semester .style1{
	color:#000;
}

/* Bio Blocks */

#bio{
	width: 95%;
	position:relative;
	float:left;
	text-align:center;
	margin:15px;
	display:block;
	background: #004b8d;
}
#bio .photo{
	width:50%;
	float: left;
}
#bio a:link{
	box-shadow: none;
}
#bio img{
	width: 100%;
}

#bio .text{
	width: 50%;
	float: left;
}
#bio h1{
	font-size:28px;
	color: #fff;
	padding-bottom: 0;
}
#bio p{
	color: #FFF;
	margin-top: 0.3em;
}
	
#bio p a:link{
	text-decoration:none;
	border: solid 1px #FFF;
	border-radius: 5px;
	padding:4px;
	color:#d8bb93;
	box-shadow: none;
}

#bio p a:visited{
	color: #fff;
}

#bio p a:hover{
	color:#cfb077;
	text-decoration:none;
	-webkit-transition: color .5s ease;
        -moz-transition: color .5s ease;
        -o-transition: color .5s ease;
        transition: color .5s ease;
}
.bio{
	position: relative;
	float:left;
	width:145px;
	height:260px;
	margin-left:20px;
	margin-right:20px;
	
	}
.bio img{
	border:none;
	width:100%;
	height: auto;
}
.bio-title{
	position:relative;
	float:left;
	width:100%;
	height:60px;
	text-align:center;
	padding-top:6px;
	font-size:0.9em;
}

.bio-title a:link{
	color:#004b8d;
}
.bio-title a:visited{
	color:#004b8d;
}

/* Icon Blocks */

#main_left .icon, #main_wide .icon, #grid .icon{
	position: relative;
	float:left;
	width:110px;
	height:170px;
	margin-left:15px;
	margin-right:15px;
	
	}
#main_left .icon img, #main_wide .icon img, #grid .icon img{
	border:none;
	width:100%;
	height: auto;
}
#main_left .icon-title, #main_wide .icon-title, #grid .icon-title{
	position:relative;
	float:left;
	width:100%;
	height:50px;
	text-align:center;
	padding-top:6px;
	font-size:1.1em;
}

#main_left .icon a:link, #main_wide .icon a:link, .icon-title a:link{
	color:#004b8d;
	box-shadow: none;
}
#main_left .icon a:visited, #main_wide .icon a:visited, .icon-title a:visited{
	color:#004b8d;
}
#main_left .icon a:hover, #main_wide .icon a:hover, .icon-title a:hover{
	background:none;
}
#subitem{
	padding-left:20px;
	font-size:0.9em;
	padding-bottom:6px;
}

button{
	background:#FFF;
    background-size: cover;
    background-position: center center;
    transform: scale(1);
	width: 100%;
    height: 100px;
	padding: 0; 
	color:#fff;
	font-size:24px;
    margin: 1% 0;
    text-align: center;
	border: none;
    border-radius: 0;
    transition: all .3s ease color 1s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    outline: 1px solid #fff;
    outline-offset: -20px;
	-webkit-transition: color 1s;
	-webkit-appearance: none;
}
button:hover{
	color: #CFAB7A;
}

#contentbox{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    -ms-grid-rows: (auto) [4];
    grid-template-rows: repeat(4, auto);
    }

#contentbox a:link,
#contentbox a:visited,
#contentbox a:active,
#contentbox a:hover{
    color: #FFF;
    box-shadow: none;
    }

/* Publications */
.pubs{
  width:33%;
  float:left;
  position:relative;
  text-align:center;
  margin: 3% 0;
}
.pub-image{
  position:inherit;
}
.pub-title{
  font-size:16px;
  margin: 3% 0;
}

/* Upcoming Events SAIL Block */
#upcoming{
  color: #fff;
  width: 100%;
  height: 250px;
  text-align: center;
  padding-top:2%;
  background: url('https://www.canton.edu/media/sail-bg.jpg') no-repeat;
}
#upcoming h3{
  color:#fff;
}
#upcoming .social{
  width:70%;
  height:30px;
  margin: 0 auto;
  color:#fff;
}
#upcoming .social-col{
  width:33%;
  position:relative;
  float:left;
}
#upcoming .column p{
  color:#fff;
}
#upcoming a:link, #upcoming a:visited, #upcoming a:hover{
  color:#fff;
  box-shadow: 0 2px 0 #fff;
}

/* Student Resource Selector */

#myInput {
  background-image: url('https://www.canton.edu/media/wwwcantonedu/images/search-blue.svg'); /* Add a search icon to input */
  background-position: 2px; /* Position the search icon */
  background-repeat: no-repeat; /* Do not repeat the icon image */
  width: 90%; /* Full-width */
  font-size: 1.2em;
  padding: 12px 20px 12px 40px; /* Add some padding */
  border: 2px solid #004b8d; /* Add a blue border */
  border-radius: 10px;
  margin-bottom: 12px; /* Add some space below the input */
}

#myTable {
  border-collapse: collapse; /* Collapse borders */
  width: 70%; /* Full-width */
  border: none;
  font-size: 1.2em;
}

#myTable th, #myTable td {
  text-align: left; /* Left-align text */
  padding: 12px; /* Add padding */
  border: none;
}

#myTable tr {
  /* Add a bottom border to all table rows */
  border: none;
}

#toggle-body{
float: left;
margin-top: 1%;
width: 30%;
}

.checkboxes-container{
float: left;
background: #e4e4e4;
line-height: 1.25em;
display: inline;
width: 100%;
margin: 2%;
}

.support-box{
width: 100%;
float: left;
background: #e4e4e4;
}

.icon{
margin-top: 2%;
}

.support-text{
float: left;
width: 44%;
padding: 2%;
}
.support-column{
float: right;
width: 28%;
background: #BFBFBF;
font-size: .8em;
border-radius: 0 10px 0 0;
}

.support-tag-wrap{
float: left;
width: 100%;
height: 250px;
}

.registration{
border-left: 10px solid orange;
border-radius: 10px;
}

.support{
border-left: 10px solid green;
border-radius: 10px;
}

.essential{
border-left: 10px solid purple;
border-radius: 10px;
}

.wellness{
border-left: 10px solid blue;
border-radius: 10px;
}

.specialized{
border-left: 10px solid red;
border-radius: 10px;
}

.campus{
border-left: 10px solid yellow;
border-radius: 10px;
}

.tag-registration {
padding: 3%;
border-radius: 6px;
background: #FFF;
margin: 10%;
border: 2px solid orange;
}

.tag-support {
padding: 3%;
border-radius: 6px;
background: #FFF;
margin: 10%;
border: 2px solid green;
}

.tag-essential {
padding: 3%;
border-radius: 6px;
background: #FFF;
margin: 10%;
border: 2px solid purple;
}

.tag-wellness {
padding: 3%;
border-radius: 6px;
background: #FFF;
margin: 10%;
border: 2px solid blue;
}

.tag-specialized {
padding: 3%;
border-radius: 6px;
background: #FFF;
margin: 10%;
border: 2px solid red;
}

.resource-tag{
background: #bfbfbf;
padding: 4%;
width: auto;
display: inline-block;
border-radius: 6px;
font-size: .8em;
}

.tag-campus {
padding: 3%;
border-radius: 6px;
background: #FFF;
margin: 10%;
border: 2px solid yellow;
}

.filter-tag-hidden{
display: none;
}

.more-info{
float: left;
background: #333;
padding: 5%;
width: 90%;
color: #FFF;
}

.more-info:after{
content: "";
display: inline-block;
width: 10px;
height: 10px;
margin-left: 6px;

}

.sr-only{
border: 0;
clip: rect(0,0,0,0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}

/* Filter Search */
#canInput {
  background-image: url('/media/wwwcantonedu/images/search-blue.svg'); /* Add a search icon to input */
  background-repeat: no-repeat; /* Do not repeat the icon image */
  width: 90%; /* Full-width */
  font-size: 16px; /* Increase font-size */
  padding: 12px 20px 12px 40px; /* Add some padding */
  border: 1px solid #ddd; /* Add a grey border */
  margin-bottom: 12px; /* Add some space below the input */
}

#transferTo {
  /* Remove default list styling */
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#transferTo li a {
  border: 1px solid #ddd; /* Add a border to all links */
  margin-top: -1px; /* Prevent double borders */
  background-color: #f6f6f6; /* Grey background color */
  padding: 12px; /* Add some padding */
  text-decoration: none; /* Remove default text underline */
  font-size: 18px; /* Increase the font-size */
  color: black; /* Add a black text color */
  display: block; /* Make it into a block element to fill the whole list */
}

#transferTo li a:hover:not(.header,.header1,.header2) {
  background-color: #eee; /* Add a hover effect to all links, except for headers */
}
#transferTo li .header{
  background: #333;
  border: none;
  color: #FFF;
  font-weight:600;
}
#transferTo li .header1{
  background: none;
  border: none;
  color: #004b8d;
  font-weight:600;
  font-size: 24px;
  text-transform: uppercase;
  padding-top:3%;
}
#transferTo li .header2{
  background: #004b8d;
  border: none;
  color: #FFF;
  font-weight:600;
}
/*end*/




/******* FORM *******/  
.js-main-container{  
    padding: 20px 20px 50px;
	background:#EEE;
	border: 1px solid #AAA;

}  
.js-main-container label{  
    display: block;  
    color: #000;  
    font-weight: 700;  
    line-height: 1.6em;
	position:relative;
	width: 100%;
	padding: 5px;

}  
.js-main-container input{  
    width: 220px;  
    padding: 6px;  
    color: #000;  
    font-family: 'Arimo', Arial, Verdana, Helvetica, sans-serif;  
    font-size: 12px;  
    border: 1px solid #afafaf;
}  

.js-main-container .cal input{  
    width: 220px;  
    padding: 6px;  
    color: #000;  
    font-family: 'Arimo', Arial, Verdana, Helvetica, sans-serif;  
    font-size: 12px;  
    border: 1px solid #afafaf;
} 

.js-main-container input[type="radio"] {  
    width: 20px;  
    padding: 6px;  
    color: #000;  
    font-family: 'Arimo', Arial, Verdana, Helvetica, sans-serif;  
    font-size: 11px;  
    border: 1px solid #afafaf;  
} 
.js-main-container input[type="checkbox"] {  
    width: 20px;  
    padding: 6px;  
    color: #000;  
    font-family: 'Arimo', Arial, Verdana, Helvetica, sans-serif;  
    font-size: 11px;  
    border: 1px solid #afafaf;  
} 

.js-main-container input[type="submit"] {  
    background:#004b8d;
	color:#FFF;
	font-size:1em;
	border-radius:6px;
	-webkit-transition: color 1s; /* For Safari 3.1 to 6.0 */
    transition: color 1s;
	-webkit-appearance: none;
} 

.js-main-container input[type="submit"]:hover {  
	color: #CFAB7A;
	
}  
.js-main-container input.error{  
    background: #f8dbdb;  
    border-color: #e77776;  
} 
.js-main-container select {
	padding:			5px;
	font-size:			0.9em;
	border:				2px solid #afafaf;
} 
.js-main-container textarea{  
    width: 98%;  
    height: 80px;  
    padding: 6px;  
    color: #000;  
    font-family: 'Arimo', Arial, Verdana, Helvetica, sans-serif;  
    font-style: italic;  
    font-size: 0.9em;  
    border: 1px solid #afafaf;  
}
.js-main-container input[type="file"] {  
    width:100%;
  	margin-bottom:1%;
} 
.js-t4form-container strong{
  	color: #d50000;
  	font-weight: bold;
}
.js-t4form-container hr{
	border-top: 1px solid #AAA;
}
.max-upload-size-label{
	font-size:0.9em;
}

fieldset{
  width: 100%;
}

/*Custom Checkboxes */

/* The container */
.checkcontain {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 1.2em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkcontain input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* .checkitem {
  margin: 0 2%;
} */
.checkitem{
margin: 5%;
height: 40px;
background: #FFF;
padding: 5%;
}

.checkboxes {
  display: flex;
  flex-direction: row;
  margin: 2%;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkcontain:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkcontain input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkcontain input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkcontain .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*Access Control Form */
.loginPanel form{
  	background: #e4e4e4;
	padding: 5%;
	font-size: 1.5em;
	border-radius: 10px;
}

.loginPanel input{
  	padding: 2%;
	margin: 1%;
	border: 1px solid #333;
	width: 90%;
	border-radius: 9px;
	font-size: 1em;
}

.loginPanel input[type="submit"]{
  	background: #004b8d;
	color: #FFF;
	padding: 1%;
	margin: 1%;
	width: 40%;
	border: none;
	border-radius: 6px;
	font-size: 1.1em;
}

/* Calendar Date input */  
.js-main-container .calendarDateInput{
	width:70px;
}
.js-main-container textarea.error{  
    background: #f8dbdb;  
    border-color: #e77776;  
}  
.js-main-container div span{  
    font-size: 1em;
    line-height:1.5;
}  
.js-main-container div span.error{  
    color: #e46c6e;  
}  
.js-main-container #send{  
    background: url(../images/submit.png) no-repeat;
	width:140px;
	height:35px;
    color: #fff;
	font-size:16px;
    font-weight: 700;  
    font-style: normal;
	text-transform:uppercase;  
    border: 0;  
    cursor: pointer;
	margin-top: 10px;
	margin-bottom: 10px;
}  
.js-main-container #send:hover{  
	color: #ffb72b;

}  

#error{  
    margin-bottom: 20px;  
    border: 1px solid #efefef;  
}  
#error ul{  
    list-style: square;  
    padding: 5px;  
    font-size: 11px;  
}  
#error ul li{  
    list-style-position: inside;  
    line-height: 1.6em;  
}  
#error ul li strong{  
    color: #e46c6d;  
}  
#error.valid ul li strong{  
    color: #93d72e;  
}  

/* Honey Pot */
#fooDiv{
	display:none;
}

.js-main-container table, .js-main-container td, .js-main-container tr{
	border: none;
}


/* Latest News Story */
.story{
  border: #e4e4e4 solid 1px;
  padding: 0 2% 1% 2%;
  margin: 1% 0;
}
.story h3{
  line-height: 30px;
}

/* Department News */
#dept-news .story{
  border: none;
  padding: 0 2% 1% 2%;
  margin: 1% 0;
  width:28%;
  float:left;
  padding-top:2%;
}
#dept-news .headline{
  min-height: 100px;
}

#dept-news .story p{
  line-height: 1.4em;
}

#dept-news a:link{
    color:#004b8d;
    box-shadow: none;
}

#dept-news a:hover{
    color:#333;
    text-decoration: underline;
}
#dept-news img{
    border-radius: 10px;
}

/* Support Services Block */
#support{
	position:relative;
	float:left;
	width:100%;
	text-align:center;
	margin: 0 auto;
	padding-bottom:20px;
}
#support h2{
  	text-align:left;
}
.support_block{
	position: relative;
	float: left;
	width: 32%;
	height: 100%;
	display:block;
	margin-bottom: 2%;
	border: 1px solid #fff;
	}
.support_block h3{
    color:#004b8d;
	font-size:18px;
    font-family: "Arimo", Arial, Helvetica, sans-serif;
	display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-weight: bold;
    text-transform:none;
  	text-align:center;
    padding:0;
}

.support_block p{
	width: 95%;
  	font-size: 12px;
}
#support a:link{
	color:#004b8d;
	text-decoration: none;
  	box-shadow: none;
}
#support a:hover{
	text-decoration: underline;
	opacity:0.7;
	-webkit-transition: opacity 0.5s; /* Safari */
	transition: opacity 0.5s;
}
#support img{
  max-width: 100%;
  height:auto;
}

#support a.img:link{
  box-shadow: none;
}

/******* CAMPUS FORM *******/  
#customForm{  
    padding: 20px 20px 50px;
	background:#EEE;
	border: 1px solid #AAA;

}  
#customForm label{  
    display: block;  
    color: #000;  
    font-weight: 700;  
    line-height: 1.4em;
	position:relative;
	float:left;
	width: 100%;
	padding: 5px;
  	font-size: 1.2em;

}  
#customForm input{  
    width: 220px;  
    padding: 6px;  
    color: #000;  
    font-family: Arial,  Verdana, Helvetica, sans-serif;  
    font-size: 1.2em;  
    border: 1px solid #afafaf;
	float:left;
}  

#customForm .cal input{  
    width: 220px;  
    padding: 6px;  
    color: #000;  
    font-family: Arial,  Verdana, Helvetica, sans-serif;  
    font-size: 1.2em;  
    border: 1px solid #afafaf;
	float:left;
	background: #FFF url(../images/calendar-icon.png) no-repeat right;
	background-image: url(../images/calendar-icon.svg);
} 

#customForm input[type="radio"] {  
    width: 20px;  
    padding: 6px;  
    color: #000;  
    font-family: Arial,  Verdana, Helvetica, sans-serif;  
    font-size: 1.2em;  
    border: 1px solid #afafaf;  
} 
#customForm input[type="checkbox"] {  
    width: 20px;  
    padding: 6px;  
    color: #000;  
    font-family: Arial,  Verdana, Helvetica, sans-serif;  
    font-size: 1.2em;  
    border: 1px solid #afafaf;  
} 

#customForm input[type="submit"] {  
    background:#00a160;
	color:#FFF;
	font-size:1.2em;
	border-radius:6px;
	-webkit-transition: color 1s; /* For Safari 3.1 to 6.0 */
    transition: color 1s;
	-webkit-appearance: none;
} 

#customForm input[type="submit"]:hover {  
	color: #CFAB7A;
	
}  
#customForm input.error{  
    background: #f8dbdb;  
    border-color: #e77776;  
} 
#customForm select {
	float:				left;
	padding:			5px;
	font-size:			1.2em;
	border:				2px solid #afafaf;
} 
#customForm textarea{  
    width: 98%;  
    height: 80px;  
    padding: 6px;  
    color: #000;  
    font-family: Arial,  Verdana, Helvetica, sans-serif;  
    font-style: italic;  
    font-size: 1.2em;  
    border: 1px solid #afafaf;  
}
/* Calendar Date input */  
#customForm .calendarDateInput{
	width:70px;
}
#customForm textarea.error{  
    background: #f8dbdb;  
    border-color: #e77776;  
}  
#customForm div span{  
    font-size: 1em;  
    font-style: italic; 
}  
#customForm div span.error{  
    color: #e46c6e;  
}  
#customForm #send{  
    background: url(../images/submit.png) no-repeat;
	width:140px;
	height:35px;
    color: #fff;
	font-size:1.3em;
    font-weight: 700;  
    font-style: normal;
	text-transform:uppercase;  
    border: 0;  
    cursor: pointer;
	margin-top: 10px;
	margin-bottom: 10px;
}  
#customForm #send:hover{  
	color: #ffb72b;

}  

#error{  
    margin-bottom: 20px;  
    border: 1px solid #efefef;  
}  
#error ul{  
    list-style: square;  
    padding: 5px;  
    font-size: 11px;  
}  
#error ul li{  
    list-style-position: inside;  
    line-height: 1.6em;  
}  
#error ul li strong{  
    color: #e46c6d;  
}  
#error.valid ul li strong{  
    color: #93d72e;  
}  


/* Honey Pot */
#fooDiv{
	display:none;
}

#customForm table, #customForm td, #customForm tr{
	border: none;
}


/******* /FORM *******/  

/*OL Tooltip*/
.tooltiptext p, .tooltiptext2 p{
	color:#FFF;
}

/* Micro Stat Box */
#stat-bar{
  width: 100%;
  background: linear-gradient(#0060a9, #004b8d);
  color: #FFF;
  display: inline-block;
  border-radius: 10px;
  margin: 2% 0;
}
#stat-bar .listing{
  	margin: 1em 2em 0 2em;
	display: grid;
	gap: 20px;
	grid-auto-flow: dense;
	grid-template-columns: repeat(auto-fill,minmax(160px, 1fr));
}

.stat-box{
  float: left;
  display: flex;
  flex-direction: column;
}
.stat-icon{
  width: 20%;
  height: 23%;
}
.stat-text{
  width: 100%;
}
.stat-text p{
  color: #FFF;
  font-weight: 600;
  font-size: 1.2em;
  margin-bottom: .5em;
}
.stat-text .small{
  color: #FFF;
  font-size: 0.8em;
  font-weight: 400;
  margin-top: .5em;
  margin-bottom: .5em;
}

/* Back to Top Button */
#back2top {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
	width: 60px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #333;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 10px;
 opacity: 0.9;
}

#back2top:hover {
  background-color: #555;
}

#back2top .material-icons{
	font-size:26px;
}
/*! responsive-nav.js 1.0.32 by @viljamis */

.nav-collapse, .nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  float: right;
  display: inline;
  list-style: none;
  	font-family: "Benchnine", Impact, Haettenschweiler, "Arial Black", sans-serif;
	text-transform:uppercase;
	letter-spacing: 1px;
	font-size:20px;
	z-index: 999;
	text-align:center;
	background:#004B8D;
	}

.nav-collapse li {
  display: inline-block;
  float:right;
  width: auto;
	text-align: left;
  margin-left: .4em;
	font-size: 18px;
	font-family: "Benchnine", Impact, Haettenschweiler, "Arial Black", sans-serif;
	border-bottom: solid 1px #333;
}
.nav-collapse li a { 
	display: inline-block;
	padding: 15px 10px;
	text-decoration: none;
	color:#FFFFFF;
	}
.nav-collapse li a:hover { 
	color:#cfb077;
	background:#00A160;
	-webkit-transition: background .5s ease;
        -moz-transition: background .5s ease;
        -o-transition: background .5s ease;
        transition: background .5s ease;
	}


.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.disable-pointer-events {
  pointer-events: none !important;
}

/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/media/wwwcantonedu/scripts/iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(/media/wwwcantonedu/scripts/iconfont/MaterialIcons-Regular.woff) format('woff'),
       url(/media/wwwcantonedu/scripts/iconfont/MaterialIcons-Regular.ttf) format('truetype');
}
.nav-toggle {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  text-indent: -999px;
  position: relative;
  overflow: hidden;
  width: 70px;
  height: 55px;
  float: right;
}

.nav-toggle:before {
  color: #ffffff; /* Edit this to change the icon color */
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 30px;
  text-transform: none;
  position: absolute;
  content: "\E5D2";
  text-indent: 0;
  text-align: center;
  line-height: 55px;
  speak: none;
  width: 100%;
  top: 0;
  left: 0;
}
/*Quick Links Custom Toggle */
#toggle .nav-toggle:before{
	font-family: 'Material Icons';
	content: "\E5C3";
	
}

#toggle .nav-toggle.active::before{
	content: "\E5C9";
}
/*End Quick Links*/

.nav-toggle.active::before {

  content: "\E5C9";
}

@media screen and (min-width: 1200px) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
 .js .nav-collapse li{
	  width:100%;
  }
}
@media screen and (-webkit-min-device-pixel-ratio:1.3), screen and (min--moz-device-pixel-ratio:1.3), screen and (-o-min-device-pixel-ratio:2 / 1), screen and (min-device-pixel-ratio:1.3), screen and (min-resolution:192dpi), screen and (min-resolution:2dppx) {
    .nav-toggle {
        -webkit-background-size: 100px 100px !important;
        -moz-background-size: 100px 100px !important;
        -o-background-size: 100px 100px !important;
        background-size: 100px 100px !important
    }
}

/*
Copyright © 2013 Adobe Systems Incorporated.

Licensed under the Apache License, Version 2.0 (the “License”);
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an “AS IS” BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/

.accessible-megamenu {
    position: relative;
    display:block;
    box-sizing: border-box;
    list-style: none;
   
	width:100%;
	height:32px;
	margin-top:6px;
}

.accessible-megamenu h2,
.accessible-megamenu h3,
.accessible-megamenu h4 {
	font-family:Arial, Helvetica, sans-serif;
	line-height:21px;
	font-size:12px;
	text-align:left;
	text-shadow: 1px 1px 1px #FFFFFF;
	padding: 0;
	font-weight: 500;
}
.accessible-megamenu li h3{
	font-weight: 600;
	font-size:14px;
	margin:7px 0 8px 0;
	width: 125px;
	padding-bottom:1px;
	border-bottom:1px solid #888888;
	color: #333;
	font-family: 'Arimo', Arial, Helvetica, sans-serif;
}
.accessible-megamenu li h3.long{
	width: 200px;
}
.accessible-megamenu li h3.imgtxt{
	font-weight: 600;
	font-size:0.95em;
	margin-bottom:0;
	padding-bottom:1px;
	color: #333;
  	border:none;
}

.accessible-megamenu li h4{
	font-weight: 600;
	font-size:16px;
	margin-bottom:0;
	padding-bottom:1px;
	color: #333;
}

.accessible-megamenu .accessible-megamenu-top-nav-item {
    position: relative;
    display: block;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    height: 3.077em;
    float: left;
    color: #666666;
    text-shadow: 0 1px 0 #fff;
    -moz-text-shadow: 0 1px 0 #fff;

	margin-right:8px;
	border:none;
	
}

.accessible-megamenu :focus {
    outline:  2px solid rgba(34, 95, 215, 0.3);
    -moz-outline-radius: 3px;
}

.accessible-megamenu .accessible-megamenu-top-nav-item a[aria-expanded] {
    position: relative;
    display: block;
    color: #EEEEEE;
    text-decoration: none;
    z-index: inherit;
	background:url(/media/wwwcantonedu/images/drop.png) no-repeat 100%;
	background-size: 12px 7px;
	background-image: url(/media/wwwcantonedu/images/drop.svg);
	font-family: "Benchnine", Impact, Haettenschweiler, "Arial Black", sans-serif;

	text-transform: uppercase;
letter-spacing: 1px;
		font-size:20px;
		padding: 4px 6px 4px 6px;

	padding-right:23px;
	
	text-shadow: 1px 1px 1px #333;
}


.accessible-megamenu .accessible-megamenu-top-nav-item a[aria-expanded]:hover,
.accessible-megamenu .accessible-megamenu-top-nav-item a[aria-expanded]:focus {
    color: #161616;
	text-shadow: 1px 1px 1px #ffffff;
    outline-offset: -1px;
	
}

.accessible-megamenu .accessible-megamenu-top-nav-item a[aria-expanded]:hover,
.accessible-megamenu .accessible-megamenu-top-nav-item a[aria-expanded]:focus,
.accessible-megamenu .accessible-megamenu-top-nav-item a[aria-expanded].open {
    z-index: 1002;
	
	/* Background color and gradients */
	
	background: #F4F4F4;
	background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
	background: -ms-linear-gradient(top,#F4F4F4,#EEEEEE);
    background: -o-linear-gradient(top,#F4F4F4,#EEEEEE);
	
	/* Rounded corners */
	
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

.accessible-megamenu .accessible-megamenu-top-nav-item a[aria-expanded].open {
	color: #161616;
	text-shadow: none;
	border: 1px solid #777777;
	border-bottom: none;
	padding: 4px 21px 4px 6px;
	background:#EDEDED url(/media/wwwcantonedu/images/drop.png) no-repeat 100%;
	background-size: 12px 7px;
	background-image: url(/media/wwwcantonedu/images/drop.svg);
}

.accessible-megamenu .accessible-megamenu-top-nav-item:first-child a[aria-expanded] {
    border-bottom-left-radius: 3px;
}

.accessible-megamenu .accessible-megamenu-top-nav-item:first-child a[aria-expanded].open {
    border-bottom-left-radius: 0px;
    
}

.accessible-megamenu .accessible-megamenu-panel {
    position: absolute;
    display: block;
    color: #FFF;
    margin: 0;
    padding: 0 0.769em 0.769em;
    line-height: normal;
    background: #F4F4F4;
	background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
	background: -ms-linear-gradient(top,#F4F4F4,#EEEEEE);
    background: -o-linear-gradient(top,#F4F4F4,#EEEEEE);
    cursor: default;

    visibility: hidden;
    top: -9999em;
    max-height: 0px;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity 150ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
       -moz-transition: opacity 150ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
        -ms-transition: opacity 150ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
         -o-transition: opacity 150ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
            transition: opacity 150ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;

    border: 1px solid #b3b3b3;
    border-color: rgba(0,0,0,0.3);
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}


.accessible-megamenu .accessible-megamenu-panel.open {
    visibility: visible;
    top: auto;
    max-height: 710px;
    opacity: 1;
    z-index: 1001;
    -webkit-transition: opacity 150ms ease, max-height 500ms ease, visibility 0s linear 0s, top 0s linear 0s;
       -moz-transition: opacity 150ms ease, max-height 500ms ease, visibility 0s linear 0s, top 0s linear 0s;
        -ms-transition: opacity 150ms ease, max-height 500ms ease, visibility 0s linear 0s, top 0s linear 0s;
         -o-transition: opacity 150ms ease, max-height 500ms ease, visibility 0s linear 0s, top 0s linear 0s;
            transition: opacity 150ms ease, max-height 500ms ease, visibility 0s linear 0s, top 0s linear 0s;
}

.accessible-megamenu .accessible-megamenu-panel a {
    display: inline-block;
    font-size: 12px;
	font-family:'Arimo', Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #015b86;
    margin-bottom: 0.5em;
}
.accessible-megamenu .accessible-megamenu-panel.cols-1, 
.accessible-megamenu .accessible-megamenu-panel.cols-2, 
.accessible-megamenu .accessible-megamenu-panel.cols-3, 
.accessible-megamenu .accessible-megamenu-panel.cols-4,
.accessible-megamenu .accessible-megamenu-panel.cols-5 {
	font-family:'Arimo', Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	padding:0;
	padding-top: 10px;
	border:1px solid #777777;
	border-top:none;
	
	/* Gradient background */
	background:#F4F4F4;
	background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));
	background: -ms-linear-gradient(top,#EEEEEE, #BBBBBB);
    background: -o-linear-gradient(top,#EEEEEE, #BBBBBB);
  	opacity: 0.97;

	/* Rounded Corners */
	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
}


.accessible-megamenu .accessible-megamenu-panel.cols-1 {
    width: 140px;
}

.accessible-megamenu .accessible-megamenu-panel.cols-1 > ol > li {
    width: auto;
}

.accessible-megamenu .accessible-megamenu-panel.cols-3 {
    width: 270px;
}

.accessible-megamenu .accessible-megamenu-panel.cols-3 > ol > li {
    width: 140px;
}

.accessible-megamenu .accessible-megamenu-panel.cols-3 {
    width: 470px;
}

.accessible-megamenu .accessible-megamenu-panel.cols-3 > ol > li {
    width: 140px;
}

.accessible-megamenu .accessible-megamenu-panel.cols-3b {
    width: 420px;
	padding: 0;
	padding-top: 10px;
	
	/* Gradient background */
	background:#F4F4F4;
	background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));
	background: -ms-linear-gradient(top,#EEEEEE, #BBBBBB);
    background: -o-linear-gradient(top,#EEEEEE, #BBBBBB);
	
	/* Rounded Corners */
	-moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
	left:auto;
	border:1px solid #777777;
	border-top: none;

}
.accessible-megamenu .accessible-megamenu-panel.cols-3c {
    width: 446px;
	padding: 0;
	padding-top: 10px;
	
	/* Gradient background */
	background:#F4F4F4;
	background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));
	background: -ms-linear-gradient(top,#EEEEEE, #BBBBBB);
    background: -o-linear-gradient(top,#EEEEEE, #BBBBBB);
	
	/* Rounded Corners */
	-moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
	left:auto;
	border:1px solid #777777;
	border-top: none;

}
.accessible-megamenu .accessible-megamenu-panel.cols-3c ol > li:first-of-type {
	padding-right: 0;
	margin: 0;
	border-right: none;
	}

.accessible-megamenu .accessible-megamenu-panel.cols-4 {
    width: 630px;
}

.accessible-megamenu .accessible-megamenu-panel.cols-4 > ol > li {
    width: 140px;
}

.accessible-megamenu .accessible-megamenu-panel.cols-4b {
    width: 878px;
    left: -6.462em;
    border-top-left-radius: 3px;
}

.accessible-megamenu .accessible-megamenu-panel.cols-4b > ol > li {
    width: 22%;
}

.accessible-megamenu .accessible-megamenu-panel.cols-5 {
    width: 740px;
}

.accessible-megamenu .accessible-megamenu-panel.cols-5 > ol > li {
    width: 120px;
}

.accessible-megamenu .accessible-megamenu-panel ol {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.accessible-megamenu .accessible-megamenu-panel ol > li {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.accessible-megamenu .accessible-megamenu-panel > ol > li {
    float: left;
    display: block;
    margin-right: 1em;
}

.accessible-megamenu .accessible-megamenu-panel > ol > li:first-of-type {
    border-left: none;
    box-shadow: none;
	padding-left: 5px;
	padding-right: 5px;
	width: 130px;
	
	border-right: solid 1px #999;
		/* Background color and gradients */

	background: #F4F4F4;
	background: -moz-linear-gradient(top, #EEEEEE, #F4F4F4);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#F4F4F4));
	background: -ms-linear-gradient(top,#EEEEEE, #F4F4F4);
    background: -o-linear-gradient(top,#EEEEEE, #F4F4F4);
}

.accessible-megamenu .accessible-megamenu-panel > p {
    color: #015b86;
    font-size: 1.2em;
    line-height: 1.1em;
}


.accessible-megamenu .accessible-megamenu-panel > ol > li > h3 {
    font-size:14px;
	margin:7px 0 8px 0;
	padding-bottom:1px;
	border-bottom:1px solid #888888;
}

.accessible-megamenu .accessible-megamenu-panel > ol > li > h3 > a {
    font-weight: bold;
    color: #029feb;
    font-size: 1.2em;
    margin-bottom: 6px;
    padding-top: .4em;
    padding-bottom: 0;
    line-height: 1.1em;
}

.accessible-megamenu .accessible-megamenu-panel ol ol > li > a {
    width: auto;
}

.accessible-megamenu .accessible-megamenu-panel a:hover,
.accessible-megamenu .accessible-megamenu-panel a:focus {
    color: #029feb;
}

.accessible-megamenu .accessible-megamenu-panel > ol > li > h3 > a:hover,
.accessible-megamenu .accessible-megamenu-panel > ol > li > h3 > a:focus {
    color: #029feb;
}

.accessible-megamenu .accessible-megamenu-panel hr {
	border-width: 1px;
	width: 110%;
}


.menu_right {
	float:right;
	margin-right:0px;
}

.align_right {
	/* Rounded Corners */
	-moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
	left:auto;
	right:0;
	top:auto;
}

.accessible-megamenu .accessible-megamenu-panel li .greybox li {
	background:#F4F4F4;
	border:1px solid #bbbbbb;
	margin:0px 0px 4px 0px;
	padding:8px 6px 4px 6px;
	width:116px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.accessible-megamenu .accessible-megamenu-panel li .greybox li:hover {
	background:#ffffff;
	border:1px solid #aaaaaa;
	padding:8px 6px 4px 6px;
	margin:0px 0px 4px 0px;
}

.accessible-megamenu .accessible-megamenu-panel .support-title{
  width:270px;
}
.accessible-megamenu .accessible-megamenu-panel .support {
	font-size:12px;
	line-height:24px;
	position:relative;
	text-shadow: 1px 1px 1px #ffffff;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	width:270px;
}

.quick{
	border:none;
	background: #F4F4F4;
	
	/* Rounded corners */
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	
}

.accessible-megamenu .accessible-megamenu-top-nav-item .quick a[aria-expanded]{

	color: #000;
	text-shadow: none;
	}

.quick:hover {
		background: #ededee;
		border: none;
	
	/* Rounded corners */
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	}
.simple{
	
}

.simple li a {
	color:#000;
	text-shadow: none;
	padding-left:4px;
	top: 5px;
	line-height: 11px;
}
.simple li a:hover {
	color:#015b86;
	text-shadow: none;
	border-left: solid #090 3px;
	padding-left:4px;
}

.imgshadow { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
}
.img_left { /* Image sticks to the left */
	float:left;
	margin:5px 15px 5px 5px;
}
.icon-link{
	position:relative;
	float:left;
	width: 230px;
	height: 40px;
}
.icon{
	position:relative;
	float:left;
	width: 40px;
}
.icon-text{
	position:relative;
	float:left;
	width: 180px;
	padding-top: 6px;
}
.graphic-link-box{
	float: left;
	position: relative;
	width: 300px;
	padding-left: 10px;
}
.imagebox{
	width: 280px;
	height: 90px;
	position: relative;
	float: left;
}
.graphic{
	width: 140px;
	position: relative;
	float: left;
}

.titlebox{
	padding-top: 10px;
	height: 100px;
	width: 125px;
	position: relative;
	float: right;
	
}



/******* Media Queries *******/

@media screen and (min-width: 1200px) {
	.js .nav-collapse.closed {
				max-height: 0;
}
    nav {
		visibility: hidden;
	}
	nav.megamenu{
		visibility: visible;
	}
}

@media screen and (max-width: 1199px) {
nav {
		visibility: visible;
	}
	nav.megamenu{
		visibility: hidden;
	}
.searchBox2 {
	visibility: hidden;
}
    .nav-collapse, .nav-collapse ul {
	opacity: 0.98;
	} 
    #container{
    width: 100%
    }
     #header{
    width: 100%;
    }
    
    #directory{
    width: 10%;
    }
    #hor_menu{
    display:none;
    }
    #maincontent{
    width: 100%;
    }
    .search-container{
    	margin-bottom: 3%;
    	width: 40%;
    	left: 0;
    }
     #menu-block, .menu-block{
		width: 50%;
		float: left;
		position: relative;
	}
	#menu-block2, .menu-block2{
		width: 50%;
		float: left;
		position: relative;
    background: #004b8d;
	}
	#menu-block3, .menu-block3{
		width: 50%;
		float: left;
		position: relative;
	}
	#menu-block3 .icon-link, .menu-block3 .icon-link{
	position:relative;
	float:left;
	width: 100%;
	margin-top: 0.5em;
	padding-left: 0.5em;	
}
#menu-block3 .icon, .menu-block3 .icon{
	position:relative;
	float:left;
	width: 40px;
}
#menu-block3 .icon-text, .menu-block3 .icon-text{
	position:relative;
	float:left;
	width: 180px;
	padding-top: 0.3em;
	padding-left: 0.5em;
	text-align: left;
}
    
#hero{
    width: 100%;
    }
.pinch--right{
    display: none;
    }
#main_left{
    	width: 65%;
    	margin-top: 0;
    	padding-top: 1%;
    }
 .slope--header {
    	clip-path:none;
    }
  
    .office2{
			width: 92%;
    }

#ftext{
	width:18%;
	
}
	#menu .dropdown_3columns img, #menu .dropdown_5columns img{
		width: 45%;
	}


img,embed,object,video{
	max-width:100%;
	height: auto;
}
}

@media screen and (max-width: 960px) {
#container {
	width: 100%;
}
#quick{
	width:100%;
}
#quick-container{
	width:100%;
}
#header {
	width:100%;
}
#logo {
	width:30%;
	margin: 0;
}
	#fifty{
		height: auto;
		width: 90px;
	}
	#fifty img{
		width: 70%;
		height: auto;
	}
	#apply{
		display: none;
	}
  #alert{
		width: 86.95%;
	}	
	
#hor_menu {
	display:none;
}
#menu{
	display: none;
	}
nav {
		visibility: visible;
	}
nav.megamenu{
		visibility: hidden;
	}
.nav-collapse, .nav-collapse ul {
	opacity: 0.98;
	}
	#menu-block, .menu-block{
		width: 50%;
		float: left;
		position: relative;
	}
	#menu-block2, .menu-block2{
		width: 50%;
		float: left;
		position: relative;
	}
	#menu-block3, .menu-block3{
		width: 50%;
		float: left;
		position: relative;
	}
	#menu-block3 .icon-link, .menu-block3 .icon-link{
	position:relative;
	float:left;
	width: 100%;
	margin-top: 0.5em;
	padding-left: 0.5em;	
}
#menu-block3 .icon, .menu-block3 .icon{
	position:relative;
	float:left;
	width: 40px;
}
#menu-block3 .icon-text, .menu-block3 .icon-text{
	position:relative;
	float:left;
	width: 180px;
	padding-top: 0.3em;
	padding-left: 0.5em;
	text-align: left;
}
	
#directory {
	display:none;
}
.search-container{
		display: none;
}
	.searchBox2 {
	visibility: visible;
}
#top_content{
	width:100%;
}
#featured{
	width:100%;
}
#maincontent{
	width: 100%;
}
#main_left {
	width:65%;
	padding: 10px 20px 20px 20px;
    margin-top: -5%;
    padding-top: 1%;
}
#main_right {
	width: 28%;
    	margin-top: -5%;
}
  
#main_wide  {
  width:98%;
  padding-right: 2%;
}

     .slope--header {
    	clip-path:none;
    }

#sublinks{
	margin-right: 0;
	}
#subhead{
	width:100%;
	padding-right: 0;
	}
.subhead{
	width:100%;
	padding-right: 0;
	}
#additional_items{
	width:33%;
}
    .additional_items{
    	width: 28%;
    }
.office, .office2{
	width:92%;
}
    
.button-panel{
    margin-top: -8%;
    }

	h2{
		padding: 3% 0;
	}


#footer{
	width:100%;
	border-radius:0;
}

#footer_nav{
	width:70%;
	margin: 0 auto;
}

#ftext{
	width:25%;	
}

#links-pages {
	display:none;
}
	
	#google_search{
		width: 95%;
	}
	

img,embed,object,video{
	max-width:100%;
	height:auto;
}
	
/*Admissions*/
.admissionscol{
	width: 47.5%;
}
	
/*Career Services*/
.careercol{
	width: 47.5%;
}
#info_box3 {
	width:45%;
	height:auto;
	margin:2%;
	margin-bottom:10px;
}

/*Icon Navigation*/
#icon{
	padding: 1%;
	width: 17%;
}
#main_left .icon{
	padding: 1%;
	width: 17%;
}
#prospective a:link{
		width:90%;
		height:280px;
		padding-right: 20px;
		background:url(/media/prospectivebg2x.jpg) no-repeat top center;
	}
	
	#prospective a:hover{
		background:url(/media/prospectivebg2x-roll.jpg) no-repeat top center;
	}

#admitted a:link{
		width:90%;
		height:280px;
		padding-right: 20px;
		background:url(/media/admittedbg2x.jpg) no-repeat top center;
	}
	
	#admitted a:hover{
		background:url(/media/admittedbg2x-roll.jpg) no-repeat top center;
	}


}
@media screen and (max-width: 768px) {
#container {
	width: 100%;
}
#header {
	width:100%;
	height: 70px;
	margin-bottom: 0;
	border: none;
}
    .primary{
    	font-size: 2.5em;
    	padding-left: 20px;
    }
	
#logo {
	width:30%; 
	padding-top:2px;
	height: 70px;
}
  
  #alert{
		width:82%;
		font-size: 16px;
	}

#hor_menu {
	width:100%;
}
	

#maincontent{
	width: 100%;
}
#main_left {
	width: 94%;
	margin: 0;
    margin-top: -20%;
	min-height:auto;
}
#main_right {
	width:100%;
	margin: 0;
}
#main_wide  {
  width:98%;
  padding-right: 2%;
}

 #main_wide .column{
      width:100%;
      }

#sublinks{
	padding-top:0;
	}
#subhead{
	width:100%;
}
.subhead{
	width:100%;
}
#additional_items{
	width: 100%;
	margin: 0 0 0 10px;
}
.additional_items{
    width: 100%;
    }
    
.office, .office2{
	width:100%;
}
    
.button-panel{
    margin-top: -12%;
    margin-bottom: 16%;
    width: 60%;
    }
h1 {
    font-size: 2.2em;
    }

#footer{
	width:100%;
}

#footer_nav{
	width:90%;
	padding: 0 5% 0 5%;
	margin: 0 auto;
}
#ftext{
	width: 25%;
	padding-left:10%;
}

#links-pages {
	display:none;
}
.badge{
	max-width:50%;
	height: auto;
}
  
#main_left .icon, #main_wide .icon, #grid .icon{
    height: 210px;
}
	
img,embed,object,video{
	max-width:100%;
	height:auto;
}
/*Admissions*/
.admissionscol{
	width:100%;
	margin-right:0;
	margin-left:0;
}

/*Courses*/
.courses{
    width: 98%;
  }
.semester{
   width:100%;
 }
	
/*Career Services*/
.careercol{
	width:100%;
	margin-right:0;
	margin-left:0;
}
#key .item {
	position:relative;
	float:left;
	width:43%;
	margin: 2%;
}

#info_box3 {
	width:95%;
	height:auto;
	margin:2%;
	text-align: center;
}
/* Box */
#box{
	width: 96%;
	height: auto;
	float:left;
	position: relative;
}
.box-2col{
	width: 100%;
	float: left;
	position: relative;
	margin-bottom: 3%;
}
.box-3col{
	width: 100%;
	float: left;
	position: relative;
	margin-bottom: 3%;
}
.box-4col{
	width: 100%;
	float: left;
	position: relative;
	margin-bottom: 3%;
}

	
/* Bio Blocks */

#bio{
	width: 95%;
}
#bio .photo{
	width:100%;
}

#bio .text{
	width: 100%;
}


/*Icon Navigation*/
#icon{
	padding: 1%;
	width: 24%;
}
#main_left .icon{
	padding: 1%;
	width: 24%;
}
	
/*Tabbed Panels*/
.TabbedPanelsTab {
		font-size: 12px;
		width: 42%;
		height:30px;
	}
.TabbedPanelsTabSelected {
	background:#00a160;	
}
	
/* Programs */
.program_box{
	width: 25%;
	padding: 0 2% 10px 2%;
}

.program_title{
	width:100%;
}
/*Resources Toggle */
.checkitem{
    height: 22px;
    padding: 2%;
    }
    
#myTable{
    width: 95%;
    }
    
#toggle-body{
    width: 95%;
    }
    .support-text h2{
        font-size: 24px;
    }    
    
.support-tag-wrap{
       height: auto; 
    } 

}
@media screen and (max-width: 600px) {
#container {
	width: 100%;
}
     
#quick{
	display: none;
}
#header {
	width:100%;
}
.nav-collapse, .nav-collapse ul {
	opacity: 1.0;
	}
    
 .primary{
    	font-size: 1.75em;
    }
 #hero{
    height: 300px;
    }
   
 .button-panel{
    margin-top: -20%;
    margin-bottom: 18%;
    width: 60%;
    }
	
#logo {
	width:40%;
}
  
  #alert{
		width:80.5%;
		font-size: 14px;
		padding:8px 0 8px 110px;
	}
#directory{
	height: 80px;
	}
	
#maincontent{
	width: 100%;
}
#main_left {
	width:93%;
}
#main_right {
	width: 95%;
	padding-top: 0;
	background: #FFF;
	margin: 2%;
	border: solid 1px #333;
}
#main_wide  {
  width:95%;
  padding-right: 2%;
}
	
#sublinks{
	margin-right: 0;
	padding-bottom: 0;
	}
#subhead{
	width:100%;
	}
.subhead{
	width:100%;
	}
#additional_items {
	width: 100%;
	margin: 0;
}
.office, .office2{
	padding-right:0;
	width:93%;
	margin: 2%
}
	
table, table li{
		font-size: 12px;
	}
#column, .column, .seventy, .thirty{
		width: 100%;
	}
.wide{
  width: 100%;
}
#customForm select {
	width: 98%;
	}
#footer{
	font-size:10px;
}
#footer_nav{
	width:59%;
	margin: 0 auto;
	padding:0 5% 0 5%;
}
#ftext{
	padding-left: 5%;
	width: 80%;
	margin: 0 5% 2% 5%;
	border-bottom: 1px solid #cfab7a;
}

#fconnected{
	text-align: center;
	margin: 0;
	padding: 0;
	width: 100%;
}
#links-base {
	display:none;
}
	#google_search{
		width: 91%;
	}
	
#quote{
	margin-top: 8%;
	}
  
.support_block{
  width:100%;
  font-size: 14px;
}
	
img,embed,object,video{
	max-width:100%;
	height:auto;
}

/*Admissions*/
.admissionscol{
	width:100%;
	margin-right:0;
	margin-left:0;
}
#button .large .header{
	font-size:1.1em;
	width: 110%;

	}
/*Career Services*/
.careercol{
	width:100%;
	margin-right:0;
	margin-left:0;
}
#info_box3 {
	width:95%;
	height:auto;
	margin:2%;
	text-align: center;
}
  
/* Publications */
  .pubs{
  width: 100%;
margin: 2% -10px;
border-bottom: 1px solid #e4e4e4;
  }
  
/* Programs */
.program_box{
	width: 45%;
  	height: 230px;
	padding: 0 2% 10px 2%;
}

.program_title{
	width:100%;
  	font-size: .875em;
}

	/* Google Captcha */
.g-recaptcha {
	transform:scale(0.8);
	-webkit-transform:scale(0.8);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
}
    /*Resources Toggle */
    
#toggle-body{
    width: 95%;
    }
    

    
    #myInput{
        width: 84%;
    }
    

.support-column{
    float: left;
	width: 100%;
    }
.tag-registration, .tag-campus, .tag-support, .tag-essential, .tag-wellness, .tag-specialized{
    margin: 1%;
    }   

}
@media screen and (max-width: 480px) {
#container {
	width: 100%;
}
#header {
	width:100%;
	height: 66px;
}
#logo {
	width:50%;
	height: 66px;
}
  
#alert{
    width:69%;
    font-size: 12px;
    padding:7px 0 8px 120px;
	}
    
#fifty{
    max-width: 10%;
    margin-top:10px;
	}
	#menu-block2, .menu-block2{
		width: 80%
	}
	
#menu-block3, .menu-block3{
		width: 20%;
		float: left;
		position: relative;
	}
	#menu-block3 .icon-link, .menu-block3 .icon-link{
		width: 100%;
		margin-top: 0.5em;
		padding-left: 0.9em;
	}
    #menu-block3 .icon-text, .menu-block3 .icon-text{
	display: none;
	}
.searchBox{
    width: 84%;
    }
.search-container{
    background-size: 36px 36px;
    }
 #hero{
    height: 250px;
    }
    
.button-panel{
    margin-top: -20%;
    margin-bottom: 16%;
    width: 100%;
    }
    
#menu-block3 .icon-text, .menu-block3 .icon-text{
	display: none;
	}

#maincontent{
	width:100%;
}
  
#main_wide  {
  width:93%;
  padding-right: 2%;
}
  
 .checkboxes{
    display: block;
   	text-align: left;
  }
	
#footer {
	width:100%;		
}

#footer_nav{
	width:60%;
	padding: 0 5% 0 5%;
	margin: 0 auto;
}

img,embed,object,video{
	max-width:100%;
	height:auto;
}
/*Icon Navigation*/
#icon{
	padding: 1%;
	width: 38%;
}
#main_left .icon{
	padding: 1%;
	width: 38%;
}

}
@media screen and (max-width: 320px) {
#container {
	width: 100%;
}
#header {
	width:100%;
	height:52px;
}
#logo {
	height:52px;
    width: 75%;
    margin-left: 1%;
}
  
    #fifty{
        display: none;
    }
#alert{
		width:64%;
		font-size: 11px;
		padding:8px 0 8px 110px;
	}
#menu-block3 .icon-link, .menu-block3 .icon-link{
		padding-left: 0.5em;
	}
    
.searchBox{
    width: 80%;
   }
    
 #hero{
    height: 190px;
    }
    
#hor_menu {
	width:100%;
}
#maincontent{
	width: 96%;
}
#main_left {
	width:91%; /* 590px / 920px */
}
#main_right {
	width:99%;
	margin: 2%;
	border: solid 1px #333;	
}
#main_wide  {
  width:93%;
  padding-right: 2%;
}
#sublinks{
	width:99%;
}
#subhead{
	width:98%;
	}
.subhead{
	width:98%;
	}
.office, .office2{
	width:95%;
}
#footer {
	width:100%;		
}

#links-base {
	display:none;
}
	img,embed,object,video{
	max-width:100%;
	height:auto;
}
	
#quote{
	margin-top: 10%;
	}
	
/*Tabbed Panels*/
	.TabbedPanelsTab {
		font-size: 12px;
		width: 40%;
		height:30px;
	}
  
/* Programs */
.program_box{
	width: 35%;
  	height: 180px;
	padding: 2%;
}

.program_title{
	width:100%;
  	font-size: .875em;
}

/*Icon Navigation*/
#icon{
	padding: 1%;
	width: 34%;
}
#main_left .icon{
	padding: 1%;
	width: 34%;
}
  
#main_left .icon, #main_wide .icon, #grid .icon{
    height: 160px;
}


}