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

body {
	background:url(/media/wwwcantonedu/images/bg15.jpg) repeat-x;
	background-color: #e4e4e4;
	margin:0;
}

#container {
	width:1200px;
	margin: 0 auto;
	background:#FFF;
	border: solid 1px #d8d9db;
	overflow: hidden;
}
.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: 360px; 
        top: 10px;
        width: auto; 
        height: auto; 
        overflow: visible;
		color: #004b8d;
    }

header {
	position:relative;
	width: 100%;
}
#logo {
	position:relative;
	float:left;
	width:325px;
	height:100px;
	left:20px;
	text-align: center;
}
#report{
	position:absolute;
	width:100%;
	height:70px;
	padding-top:15%;
	font-size:50px;
	text-align:center;
	color:#FFF;
	font-family: 'Benchnine', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
    z-index:999;
}
.headline1{
	text-shadow: 3px 3px 1px #000;
}
.headline2{
    font-size: 160px;
    font-weight: 700;
    margin-top: -35px;
	text-shadow: 3px 3px 1px #000;
}
#menu {
	background: #004b8d;
	}

#content {
	position: relative;
	float:left;
	width: 1200px;
	font-family: 'Arimo', Arial, Helvetica, sans-serif;
}
main{
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	text-align: center;
	border-bottom: 1px solid #d8d9db;
	padding-bottom: 20px;
}
section{
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	text-align: center;
	padding-bottom: 20px;
	clear: both;
}

nav .bottom{
	position: relative;
	float: left;
	width: 100%;
	display: block;
}

#stats{
	position: relative;
	width: 65%;
	margin: 0 auto;
	border-top: 1px dotted #d8d9db;
	border-bottom: 1px dotted #d8d9db;
	overflow: auto;
}
.stat-block{
	position:relative;
	float:left;
	width:40%;
	padding:5%;
	display:block;
}

#student{
	position:relative;
	float:left;
	width: 100%;
}
#message{
	color: #FFF;
	font-family: 'Arimo', Arial, Helvetica, sans-serif;
	margin-top: -200px;
	padding-left:120px;
	padding-right:10px;
	font-size:60px;
	height:200px;
	text-shadow: 1px 1px 1px #333;
}
#programs{
	position:relative;
	float:left;
	width:1200px;
	text-align:center;
}

#awards{
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	text-align: center;
`	padding-top: 1%;
}

.badge{
	position: relative;
	float: left;
	width: 200px;
	height: 100%;
	padding: 20px;
}
#anywhere{
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	text-align: center;
	border-top: 1px solid #d8d9db;
	margin-top: 20px;
	padding-top: 20px;
}
#staff{
	position:relative;
	float:left;
	width:100%;
	text-align:center;
	margin: 0 auto;
	padding-bottom:20px;
}
#staff_emp{
	position: relative;
	float: left;
	width: 200px;
	height: 100%;
	padding: 20px;
	display:block;
	}
/* Faculty Blocks */

.block{
	position: relative;
	float:left;
	content: "";
	width: 300px;
	height:300px;
	padding: 0;
	display:block;
	z-index:1;
	}
	
.block h3{
	position:absolute;
	color:#FFF;
	font-size:32px;
	font-family:"Arimo", Arial, Helvetica, sans-serif;
	text-transform:none;
	font-weight:700;
	padding:0;
	padding-left:14px;
	text-align:left;
	top: 200px;
	z-index:9999;
	text-shadow: 1px 1px 1px #000000;
}
.block .item{
	line-height: 30px;
	margin: 0;
	position: relative;
	z-index: 100;
	-webkit-filter: contrast(120%);
	-webkit-backface-visibility: hidden;
}
	
.block .info	{
	position:absolute;
	z-index:99;
	color:#FFFFFF;
	background: rgba(0, 0, 0, 0.5);
	width: 300px;
	height: 300px;
	top:0;
	display:none;
	 max-width: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.block .info p{
	width:85%;
	font-size: 17px;
}


.block:hover .info{
	display:block;
	line-height: 1.75em;
 	opacity: 1;
    -webkit-transition: all 0.5s ease;
 	transition: all 0.5s ease;
}

.block:hover h3{
	display:none;
}

iframe{
	border: none;
}

/* Bio Highlights */
.bio{
	position: relative;
	float: left;
	width: 50%;
	text-align: center;
	min-height: 840px;
}
.bio h3{
	color: #FFF;
	font-size: 48px;
	margin-top:60%;
	text-shadow: 1px 1px 2px #000;
}
.bio .info a:link{
  color:#FFF;
  box-shadow: 0 1px 0 #FFF;
}
.bio .info a:hover{
  box-shadow: none;
}
.bio .info a:visited{
  color:#DDD;
}
.fac1{
	background: url(/media/report1920/kambiz.jpg) top center no-repeat #3c723b;
    color: #fff;
}
.fac2{
	background: url(/media/report1920/mercado.jpg) top center no-repeat #ff3f49;
	color: #fff;
}
.fac3{
	background: url(/media/report1920/hamilton-honey.jpg) top center no-repeat #004b8d;
	color: #fff
}
.fac4{
	background: url(/media/report1920/ran.jpg) top center no-repeat #333;
    color: #fff;
}
.fac5{
	background: url(/media/report1920/hein.jpg) top center no-repeat #65cfc3;
    color: #fff;
}
.fac6{
	background: url(/media/report1920/shakeil.jpg) top center no-repeat #333;
	color: #fff;
}
.fac7{
	background: url(/media/report1920/ponsammy.jpg) top center no-repeat #004b8d;
	color: #fff;
}
.fac8{
	background: url(/media/report1920/moultrie.jpg) top center no-repeat #3c723b;
  	color: #fff;
}
.fac9{
	background: url(/media/report1920/hogle.jpg) top center no-repeat #333;
	color: #fff;
}
.fac10{
	background: url(/media/report1920/forrest.jpg) top center no-repeat #ff3f49;
	color: #fff;
}
.winter{
	background: url(/media/wwwcantonedu/report-images/winterterm.jpg) top center no-repeat #29557c;
}
.summer{
	background: url(/media/wwwcantonedu/report-images/summer.png) top center no-repeat;
}
.white{
	padding: 2% 0;
}
.teal{
	background: #65cfc3;
	color: #FFF;
	padding: 2% 0;
}
.red{
	background: #b74739;
	color: #FFF;
	padding: 2% 0;
}
.purple{
	background: #95467d;
	color: #FFF;
	padding: 2% 0;
}
.pink{
	background: #b53b58;
	color: #FFF;
	padding: 2% 0;
}
.orange{
	background: #de6246;
	color: #FFF;
	padding: 2% 0;
}
.vert{
	background: #00804B;
	color: #FFF;
	padding: 2% 0;
}
.gray{
	background: #333;
	color: #FFF;
	padding: 2% 0;
}
.gradient{
	background: #333;
	background: -moz-linear-gradient(top, #00bff3, #b54d87);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00bff3), to(#b54d87));
	background: -ms-linear-gradient(top,#00bff3,#b54d87);
    background: -o-linear-gradient(top,#00bff3,#b54d87);
	color: #FFF;
	padding: 2% 0;
}
.gradient:after {
  content: "";
  display: table;
  clear: both;
  margin-top: 1%;
}

.blue{
	background: #004b8d;
	color: #FFFFFF;
	padding: 2% 0;
}
.blue:after {
  content: "";
  display: table;
  clear: both;
  margin-top: 1%;
}
.green{
	background: #EEE;
	color: #333;
	padding: 2%;
	border-radius: 20px;
	border: 2px dashed #22BC64;
}
.blue h3, .green h3, .blue h4, .teal h3, .vert h3, .green h4, .gray h3, .gradient h3, .gradient h4{
	color: #FFFFFF;
}

.blue a:link, .blue a:visited{
	color:#d8bb93;
	box-shadow: 0 1px 0 #FFF;
}

#embed-container{
	width:100%;
	margin: 0 auto;
}
	

#laptop{
	position:relative;
	float:left;
	width: 1200px;
	height:100%;
	text-align:center;
	border-top: 1px solid #d8d9db;
	background-image: -moz-linear-gradient(top, #FFFFFF, #d8d9db);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #d8d9db));
	-msfilter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#d8d9db')";
}

.button a:link{
	display:block;
	border: 1px solid #e4e4e4;
	height:44px;
	width:40%;
	border-radius: 5px;
	padding: 24px 4px 4px 4px;
	color: #FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	margin: 0 auto;
	margin-top:20px;
	margin-bottom:10px;
	font-size: 36px;
	font-family: 'Benchnine', Arial, Helvetica, sans-serif;
	background:#00a160;

}
.button a:hover{
	background:#00814d;
	color: #FFFFFF;
	-webkit-transition: background .5s ease;
        -moz-transition: background .5s ease;
        -o-transition: background .5s ease;
        transition: background .5s ease;

}
.button a:visited{
	display:block;
	border: 1px solid #00a160;
	border-radius: 5px;
	padding: 2px;
	color: #FFF;
	text-decoration:none;
}

#resources{
	border: 1px solid #090;
	width:900px;
	height:540px;
	-moz-border-radius: 0px 10px 10px 10px;
	-webkit-border-radius: 0px 10px 10px 10px;
	border-radius: 0px 10px 10px 10px;
	font-family: 'Arimo', Arial, Helvetica, sans-serif
}
.solo{
	width: 80%;
	margin: 0 auto;
}
.vidblock{
	background: #004b8d;
	width: 100%;
	position: relative;
	float: left;
	margin-bottom: 2%;
	padding-top: 2%;
}
.column{
	width:45%;
	padding:0 10px 20px 30px;
	float:left;
	position:relative;
}

#winsum{
	width:70%;
	height:auto;
	margin: 0 auto;
}
#winsum:after {
  content: "";
  display: table;
  clear: both;
  margin-top: 1%;
}

.winsum_block{
	position: relative;
	float: left;
	width: 45%;
}

#figure{
	position:relative;
	text-align:left;
}
.icon-title{
	float: none;
	display: inline-block;
	vertical-align: middle;
	padding-right:10px;
}

.download{
	position: relative;
	margin: 0 auto;
	width:80%;
	text-align:center;
}

.download img{
	border: 1px solid #999;
	margin-top:6px;
}

footer {
	position:relative;
	float:left;
	width:100%;
	color:#FFF;
	border-top: 1px solid #0063ab;
	padding:10px 0 30px 0;
	font-size:12px;
	font-family:'Arimo', Arial, Helvetica, sans-serif;
	background: #004b8d;
	text-align:center;
}

footer p{
	font-size:14px;
  	text-align: center;
}

footer h1{
	color:#ffffff;
	font-size:24px;
	font-style: normal;
	padding: 0;
}

img{
	border: none;
	box-shadow: none;
}



/*Programs */
#program{
	width:200px;
	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:16px;
	font-family:'Arimo', Arial, Helvetica, sans-serif;
	text-align:center;
	padding-top:10px;
	padding-bottom:20px;
	z-index: 999;
	}	

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


/* Text Styles */
h1{
	color:#004b8d;
	font-size:32px;
	font-family: 'Benchnine', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:20px 0 20px 0;
	font-style: normal;
}

h2{
	position: absolute;
	width: 80%;
	color:#FFF;
	font-size:92px;
	text-align:center;
	font-family: 'Benchnine', Arial, Helvetica, sans-serif;
	height:100px;
	text-transform:uppercase;
	margin:8% 10%;
	top: 350px;
  	text-shadow: 3px 3px 1px #000, 1px 1px 1px #000, -1px -1px 1px #000;
	word-spacing: 10px;
}

h3{
	color:#004b8d;
	font-size:30px;
	font-family: 'Benchnine', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	display: block;
    margin-top: 1em;
    margin-bottom: 0.5em;
    font-weight: bold;
}
h3 .sub{
	color:#555;
	font-size:20px;
	display: block;
	margin: 0 auto;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
	width:60%;
	border-bottom: 1px solid #999;
	padding-bottom:10px;
	font-style: italic;
	font-family: 'Arimo', Arial, Helvetica, sans-serif;
}

h4{
	color:#555;
	font-size:20px;
	display: block;
	margin: 0 auto;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
	width:60%;
	border-bottom: 1px solid #999;
	padding-bottom:10px;
	font-style: italic;
	font-family: 'Arimo', Arial, Helvetica, sans-serif;
}

h5{
	color:#555;
	font-size:18px;
}
.dropbox{
		float: left;
margin: 0 8px 0 17.5%;
padding-top: 6px;
}
.dropcap{
	border: 2px solid #333;
	height: 80px;
	width: 80px;
}
.dropcap2{
	border: 2px solid #FFF;
	height: 80px;
	width: 80px;
}
.gray .dropcap{
  	border: 2px solid #cfab7a;
  	height: 80px;
  	width: 80px;
}
.dropcap-letter{
	font-size: 58px;
	padding: 1%;
	margin: 0;
	text-align: center;
	font-weight: 600;
}


a:link{
	color: #004b8d;
	box-shadow: 0 1px 0 #004b8d;
}

a:visited{
	color: #999;

}

a:hover{
	color: #cfab7a;
	text-decoration:none;
}
.teal a:link, .red a:link, .purple a:link, .pink a:link, .orange a:link, .vert a:link, .gradient a:link{
	color: #FFF;
	box-shadow: 0 1px 0 #FFF;
}
.teal a:hover, .red a:hover, .purple a:hover, .pink a:hover, .orange a:hover, .vert a:hover, .gradient a:hover{
	color: #333;
}
.gray a:link{
  	color: #FFF;
  	box-shadow: 0 1px 0 #cfab7a;
}
.gray a:hover{
  	color: #cfab7a;
  	box-shadow: #FFF;
}

.gray a:visited{
  	color: #e4e4e4;
}

.countup{
	font-size:70px;
}
.canton{
	color:#004b8d;
}

hr{
	width: 60%;
}

p{
	font-size:20px;
	font-family: "Arimo", Arial, Helvetica, sans-serif;
	line-height:24px;
	margin-top: 1em;
    margin-bottom: 1em;
}

ul { 
    display: block;
    padding-left: 40px;
}

li{
	font-size:20px;
	font-family: "Arimo", Arial, Helvetica, sans-serif;
	list-style-type:square;
	line-height:24px;
	margin-top: 1em;
    margin-bottom: 1em;
}
#menu li{
	list-style-type:none;
	margin:0;
	font-family:'Benchnine', Arial, Helvetica, sans-serif;
	font-size:20px;
}

#staff a:link{
	color:#004b8d;
	font-size:13px;
}
#staff a:hover{
	text-decoration: none;
}
main p, main ul{
	width:65%;
	text-align:left;
	margin: 0 auto;
	margin-top: 1em;
    margin-bottom: 1em;
}

section p, section ul{
	width:65%;
	text-align:left;
	margin: 0 auto;
	margin-top: 1em;
    margin-bottom: 1em;
}
nav p{
	width:65%;
	text-align:left;
	margin: 0 auto;
	margin-top: 1em;
    margin-bottom: 1em;
}

#awards p{
	width:80%;
	text-align:center;
	margin: 0 auto;
}

#anywhere p{
	width:80%;
	text-align:center;
	margin: 0 auto;
}

#laptop p{
	width:80%;
	text-align:center;
	margin: 0 auto;
}

strong{
	font-weight:600;
}
em { 
    font-style: italic;
}

blockquote {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 40px;
    margin-right: 40px;
}

.quote {
	color: #00a160;
	font-size: 24px;
	background: url(/media/wwwcantonedu/report-images/quote.png) no-repeat;
	background-image: linear-gradient(transparent, transparent), url(/media/wwwcantonedu/report-images/quote.svg);
	padding-top: 60px;
	
}
.quote-credit{
	text-align: right;
	font-size: 20px;
	font-style: italic;
}

#column li{
	font-size:16px;
	margin-top: 0.5em;
    margin-bottom: 0.5em;
	display:list-item;
}

#column a {
	color:#009c55;
	text-decoration:none;
}
#column a:hover{
	text-decoration:underline;
}
.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;
}
a.img:link{
  box-shadow:none;
}

.infographic{
	position: relative;
	width: 30%;
	margin: 0 auto;
	text-align: center;
	border: 4px dotted #FFF;
	font-size: 20px;
	padding: 2%;
	border-radius: 20px;
}
.whitehead{
	color: #FFF;
	font-size: 56px;
	font-weight: 700;
}
.bluehead{
	color: #0095cb;
	font-size: 80px;
	font-weight: 700;
}
.legend li{
	list-style-type: none;
}
.legend-item{
	width: 20px;
	height: 20px;
	position: relative;
	float: left;
	margin-right: 1%;
}