/* **********  RESET browser settings  *********** */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
}
a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}
/* **********  END RESET browser settings  *********** */

/* basic styling and commonly used classes */
body {
    background:#000000;
    font-family: 'Open Sans',tahoma,lucida,verdana,helvetica,sans-serif;
    font-size: 13px;
    color:#111;
}

p {margin-bottom: 18px;}

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

.sans {font-family: 'Open Sans',tahoma,lucida,verdana,helvetica,sans-serif;}

.align-center {text-align:center;}

a, a:hover, a:focus {cursor:pointer;outline:none;}

a {color: #111; text-decoration: none;}

img{border:none;}
.clear {clear:both;display:block;font-size:0;line-height:0;}
/* ********************************************** */





/* ********  NAVIGATION  ********* */
#topnav {position:absolute; top:0; left:0; height:60px; background-color: rgba(0,0,0,0.1);  width:100%; overflow:hidden; border-bottom: 1px solid rgba(255,255,255,0.2); z-index:1000;}
	#topnav .orange {float:left; width:18px; height:60px; background-color:#e66b11;}

	#topnav .title {float:left; padding-left:25px; margin-top:8px; height:50px; width:86px; border-right:1px solid #a7afb0;}
	#topnav .title h1 a{color:#a7afb0; font-size:18px; line-height:16px; font-family: 'Dosis', verdana sans-serif; font-weight:700; letter-spacing: 1px; padding-top: 10px; display: block;}
	
	#topnav .date {float:left; padding-left:12px; margin-top:8px; height:50px; width:105px; border-right:1px solid #a7afb0;}
	#topnav .date h2 {color:#a7afb0; font-size:22px; line-height:45px; font-family: 'heuristicaregular', Georgia, serif;}
	
	#topnav .stories {float:left; padding-left:20px; margin-top:8px; height:50px;}
	#topnav .stories a {background:url(../images/icon_stories.png) no-repeat top center; font-size:9px; line-height:9px; color:#a7afb0; padding-top:39px; display:block; text-align:center; text-decoration: none;}
	
	#topnav .mercer-logo {position:absolute; right:15px; top:10px;}
	
	
#stories-slider {display:none; z-index:10000; background-color:rgba(0,0,0,0.8); position:absolute; left:-500px; top:0px; padding:0; height:60px; min-width:250px;}

#stories-slider a.closebtn {position:absolute; top:0; left:0px; text-indent:-9999px; width:18px; height:60px; background:url(../images/storynav_close_btn.png) no-repeat;}
#stories-slider ul {list-style-type:none; overflow:hidden; margin-left:18px;}
#stories-slider ul li {float:left; width:67px; height:50px; text-align:center; color:#fff; text-transform: uppercase; padding:5px 10px; line-height:14px;}
#stories-slider ul li a {}
#stories-slider ul li img {}

#rightnav {position:absolute; right:0px; bottom:0px; width:50px; background:url(../images/bg_rightnav.png) no-repeat right 70px; height:100%; z-index:1;}

#rightnav a.next{
	width:35px;
	background:url(/images/btn_nextstory.png) center top no-repeat;
	position:fixed;
	top:300px;
	right:20px;
	z-index:10000;
	font-size:10px; line-height:9px; color:#fff; padding-top:37px; display:block; text-align:center;
	text-transform: uppercase;
	}
#rightnav a.prev{
	width:35px;
	background:url(/images/btn_prevstory.png) center top no-repeat;
	position:fixed;
	top:375px;
	right:20px;
	z-index:10000;
	font-size:10px; line-height:9px; color:#fff; padding-top:37px; display:block; text-align:center;
	text-transform: uppercase;
	}
	
#home #rightnav a.next {box-shadow:;}

#home #rightnav a.next {
	-webkit-animation: arrowEffect 4s 1s infinite;
	-moz-animation: arrowEffect 4s 1s infinite;
	animation: arrowEffect 4s 1s infinite;}



@-webkit-keyframes arrowEffect {
	0% {}
	20% {box-shadow: 0 0 10px 10px rgba(255,255,255,0.5);}
	40% {box-shadow: 0 0 0 0px rgba(255,255,255,0);}
	100% {}
}


@-moz-keyframes arrowEffect {
	0% {}
	20% {box-shadow: 0 0 10px 10px rgba(255,255,255,0.5);}
	40% {box-shadow: 0 0 0 0px rgba(255,255,255,0);}
	100% {}
}
@keyframes arrowEffect {
	0% {}
	20% {box-shadow: 0 0 10px 10px rgba(255,255,255,0.5);}
	40% {box-shadow: 0 0 0 0px rgba(255,255,255,0);}
	100% {}
}
	
	
#social {background-color:#0c72ce; position:fixed; right:0px; bottom:0px; padding:6px 12px 6px 6px; overflow:hidden; z-index:5;
-webkit-border-top-left-radius: 10px; -moz-border-radius-topleft:10px; border-top-left-radius: 10px; }
#social img {float:left; margin:0px 4px;}
	
/* ********************************************** */


/* HOMEPAGE styles */

.home-title {position:relative; margin-top:360px; width:100%;}
	.home-title h3 {font-size:22px; line-height:25px; color:#fff; text-transform: uppercase; font-family: 'heuristicaregular', Georgia, serif; margin-bottom:12px; text-align:center; letter-spacing: 3px;}
	.home-title h1 {font-size:80px; line-height:80px; color:#fff; text-transform: uppercase; font-family: 'heuristicaregular', Georgia, serif; margin-bottom:12px; text-align:center; letter-spacing: 5px;}
	
.home-tagline {position:relative; width:542px; height:54px; background:url(../images/home_divider.png) no-repeat top center; margin:0 auto; font-family:Georgia, serif; font-size:20px; color:#fff; letter-spacing: 1px;}


#float1 {
    position: absolute;
    right: 283px;
    bottom:30px;
    -webkit-animation: floatBubble1 4s normal ease-in-out;
    animation: floatBubble1 4s normal ease-in-out;
}
@-webkit-keyframes floatBubble1 {
    0% {bottom:-500px; opacity: 0;}
    50% {bottom:-500px; opacity: 1;}
    100% {bottom: 30px; opacity: 1;}
}
@keyframes floatBubble1 {
    0% {bottom:-500px; opacity: 0;}
    50% {bottom:-500px; opacity: 1;}
    100% {bottom: 30px; opacity: 1;}
}

#float2 {
    position: absolute;
    left: 280px;
    bottom:5px;
    opacity:0;
    -webkit-animation: floatBubble2 8s normal ease-in-out;
    animation: floatBubble2 8s normal ease-in-out;
}
@-webkit-keyframes floatBubble2 {
    0% {bottom:-500px; opacity: 0;}
    60% {bottom:-500px; opacity: 1;}
    80% {bottom: 5px; opacity: 1;}
    100% {opacity: 0;}
}
@keyframes floatBubble2 {
    0% {bottom:-500px; opacity: 0;}
    60% {bottom:-500px; opacity: 1;}
    80% {bottom: 5px; opacity: 1;}
    100% {opacity: 0;}
}

#float3 {
    position: absolute;
    left: 280px;
    bottom:5px;
    opacity:1;
    -webkit-animation: floatBubble3 9s normal ease-in;
    animation: floatBubble3 9s normal ease-in;
}
@-webkit-keyframes floatBubble3 {
    0% {opacity: 0;}
    70% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes floatBubble3 {
    0% {opacity: 0;}
    70% {opacity: 0;}
    100% {opacity: 1;}
}



/* PRESIDENT page styles */
.pres_title {margin:90px auto 0 auto; width:400px; text-align:center;}
.pres_title h2 {font-size:15px; color:#fff; font-family: 'Dosis', verdana sans-serif; font-weight:300; letter-spacing: 10px; text-transform: uppercase; text-align:center; border-top:1px solid #929698; padding:20px 0 10px 0; margin-top:20px;}
.pres_title h3 {font-size:16px; color:#0076a3; font-family: 'Dosis', verdana sans-serif; letter-spacing: 4px;  text-align:center; }

ul.buttons {list-style-type:none; margin:12px auto ; padding:0; width:350px;}
ul.buttons li {display:inline-block; border:1px solid #898d8f; padding:5px; width:auto; margin-right:10px; box-shadow:inset 0 0 0 2px rgba(255,255,255,0.1);}
ul.buttons li a {font-family: 'Dosis', verdana sans-serif; font-size:12px; text-transform: uppercase; letter-spacing:1px; color:#fff; padding:4px 9px; width:auto; display: block;background-color:rgba(0,191,243,0.35);}
ul.buttons li:last-child {margin-right:0;}


.pres_navbox {position:absolute; left:50px; bottom:40px; width:294px; font-family: 'Dosis', verdana sans-serif; color:#fff; font-size:18px; line-height:20px; letter-spacing:1px; font-weight:300; overflow:hidden;}
.pres_navbox p {margin-bottom:12px;}
.pres_navbox .hdr {background:url(../images/icon_camera.png) no-repeat 75px center rgba(0,174,240,0.35); padding:5px; font-size:16px; line-height:16px; font-weight:400; margin-bottom:8px;}

.pres_navbox .vid1 {float:left; width:138px; margin-right:17px; }
.pres_navbox .vid1 .slides-sihao {position:relative; width:138px; height:76px; overflow:hidden; padding:0; margin-bottom:6px;}
.pres_navbox .vid1 .slides-sihao > div {position: absolute; top: 0px; left: 0px; padding:0;}

.pres_navbox .vid2 {float:left; width:138px; margin-bottom:6px;}
.pres_navbox .vid2 .slides-mission {position:relative; width:138px; height:76px; overflow:hidden; padding:0; margin-bottom:6px;}
.pres_navbox .vid2 .slides-mission > div {position: absolute; top: 0px; left: 0px; padding:0;}

.pres_navbox .vid1 img, .pres_navbox .vid2 img {width:100%; height:auto;}
.pres_navbox .vid1 p, .pres_navbox .vid2 p, .pres_navbox .vid1 a, .pres_navbox .vid2 a {font-size:12px; line-height:14px; color:#fff;}
.pres_navbox .vid1 a:hover, .pres_navbox .vid2 a:hover {text-decoration:underline;}

.off {
	animation-name: none;	
}


  
  
.pres_popup {display:none; position:absolute; top: 0; left: 0; bottom: 0; right: 0; margin:auto; width:824px; height:579px; background-color:#c2c2c2; border:16px solid #fff; z-index:1000;}
.pres_popup a.close {position:absolute; top:-30px; right:-30px; background:url(../images/close.png) no-repeat; text-indent:-9999px; width:34px; height:34px; display:block;}

.pres_popup.letter .col1 {float:left; width:308px; padding-right:24px; }
	.pres_popup.letter .col1 h2 {font-family: 'heuristicaregular', serif; color:#fff; font-size:36px; line-height:36px; margin:15px 0 20px 15px;}
.pres_popup.letter .col2 {float:left; width:470px; padding-top:17px; font-family: Georgia, serif; font-size:14px; line-height:20px;}
	.pres_popup.letter .col2 .hdr {border:1px solid #fff; font-family: 'Dosis', verdana sans-serif; font-size:12px; text-transform: uppercase; letter-spacing:1px; color:#fff; padding:8px 10px; width:auto; display:inline-block; margin:0 0 70px 0;}
	
.pres_popup.mission .col1 {float:left; width:314px; padding-right:18px; text-align:right; padding-top:17px;}
.pres_popup.mission .col2 {float:left; width:470px; padding-top:17px; font-family: Georgia, serif; font-size:14px; line-height:20px;}
	.pres_popup.mission .col2 .hdr {border:1px solid #fff; font-family: 'Dosis', verdana sans-serif; font-size:12px; text-transform: uppercase; letter-spacing:1px; color:#fff; padding:8px 10px; width:auto; display:inline-block; margin:0 0 70px 0;}
	.pres_popup.mission .col2 h2 {font-family: 'heuristicaregular', serif; color:#fff; font-size:36px; line-height:36px; width:340px;}




.pres_popup.moment .col1 {float:left; width:504px; padding-right:16px; text-align:right; padding-top:48px; position:relative;}
	.pres_popup.moment .col1 .photo { width:504px; height:381px;}
	.pres_popup.moment .col1 .hdr {border:1px solid #fff; font-family: 'Dosis', verdana sans-serif; font-size:14px; text-transform: uppercase; letter-spacing:1px; color:#fff; padding:8px 8px 8px 10px; width: 133px; float: right; margin: 0 0 25px 0;}
	.pres_popup.moment .col1 .vid {display:none; position:absolute; width:504px; height:334px; padding-top:48px; top:17px; left:0; background:#000;}
	.pres_popup.moment .col1 h2 {font-family: 'heuristicaregular', serif; color:#fff; font-size:36px; line-height:36px; width:340px; margin: 85px 0 0 15px;}
	
.pres_popup.moment .col2 {float:left; width:280px; padding-top:48px; font-family: Georgia, serif; font-size:14px; line-height:20px;}
	.pres_popup.moment .col2 .hdr {border:1px solid #fff; font-family: 'Dosis', verdana sans-serif; font-size:12px; text-transform: uppercase; letter-spacing:1px; color:#fff; padding:8px 10px; width:auto; display:inline-block; margin:0 0 70px 0;}
	
	.pres_popup.moment .col2 .top-copy {width:280px;  color:#fff; font-size:13px; line-height:15px; text-transform: uppercase; font-family:"Open Sans", verdana, sans-serif; margin-bottom:10px;}
	
	.pres_popup.moment .col2 a { font-family: 'Dosis', verdana sans-serif; color:#0c72ce; background:url(../images/icon_camera_blue.png) no-repeat right center; padding:0 17px 0 0;}
	.pres_popup.moment .col2 a:hover {text-decoration: underline;}
	
.pres_popup.moment .hdr {border:1px solid #fff; font-family: 'Dosis', verdana sans-serif; font-size:12px; text-transform: uppercase; letter-spacing:1px; color:#fff; padding:8px 8px 8px 10px; width:auto; margin-top:45px;}



ul.buttons li.btn1 {
	-webkit-animation: sonarEffect 9s 1s infinite;
	-moz-animation: sonarEffect 9s 1s infinite;
	animation: sonarEffect 9s 1s infinite;}
ul.buttons li.btn2{
	-webkit-animation: sonarEffect 9s 3s infinite;
	-moz-animation: sonarEffect 9s 3s infinite;
	animation: sonarEffect 9s 3s infinite;}
ul.buttons li.btn3{
	-webkit-animation: sonarEffect 9s 5s infinite;
	-moz-animation: sonarEffect 9s 5s infinite;
	animation: sonarEffect 9s 5s infinite;}


@-webkit-keyframes sonarEffect {
	0% {}
	20% {box-shadow:inset 0 0 5px 5px rgba(255,255,255,0.3);}
	35% {box-shadow:inset 0 0 0 1px rgba(255,255,255,0);}
	100% {}
}
@-moz-keyframes sonarEffect {
	0% {}
	20% {box-shadow:inset 0 0 5px 5px rgba(255,255,255,0.3);}
	35% {box-shadow:inset 0 0 0 1px rgba(255,255,255,0);}
	100% {}
}
@keyframes sonarEffect {
	0% {}
	20% {box-shadow:inset 0 0 5px 5px rgba(255,255,255,0.3);}
	35% {box-shadow:inset 0 0 0 1px rgba(255,255,255,0);}
	100% {}
}



/******** STATS styles ***********/
#stats {background:#000 url(../images/bg_stats.png);}
	
#stats-container {position:relative; margin:80px 140px 30px 30px;}
	
#stats .item {position: relative; float: left; margin:10px;} /* border:20px solid #444; margin:10px; z-index: 2; display:block; */
#stats .item img {display:block;}

/* A Reputation of Substance */
#stats .item1 {width:196px; border:16px solid #282729; background:#282729; margin-top:20px;}
#stats .item1 .photo {position:relative;}
#stats .item1 .photo h2 {position:absolute; top:16px; left:-1px; background-color:rgba(242, 101, 34, 0.7); width:110px; color:#fff; font-size:16px; line-height:16px; padding:5px;}
#stats .item1 .copy {padding:10px 0 0 0;font-size:14px; line-height:18px; color:#898989;}

/* Top 10 */
#stats .item2 {width:201px; border:16px solid #282729; background:url(../images/stats_item2_bg.jpg); margin-top:20px;}
#stats .item2 .copy {padding:10px;font-size:13px; line-height:15px; color:#fff;}

/* 3 Fullbrights */
#stats .item3 {width:200px; border:16px solid #282729; background:#282729;}
#stats .item3 .copy {padding:10px 0; color:#898989; font-size:14px; line-height:18px;}

/* Edward R. Murrow Award */
#stats .item4 {width:272px; height:285px; border:16px solid #282729; background:url(../images/stats_item4_photo.jpg);}
#stats .item4 .copy {position:absolute; top:0; left:0; width:122px; padding:0; color:#000; font-size:12px; line-height:13px;}
#stats .item4 .copy h2 {background-color:#23b4e3; width:82px; color:#fff; font-size:17px; line-height:17px; padding:30px 5px 5px 5px; font-family: 'heuristicaregular';}
#stats .item4 .copy p {padding:5px 0 0 10px;}

/* Goldwater Scholar */
#stats .item5 {width:197px; border:16px solid #282729; background:#282729;}
#stats .item5 .photo {position:relative;}
#stats .item5 .photo h2 {position:absolute; bottom:0px; left:0px; background-color:rgba(242, 101, 34, 0.7); color:#fff; font-size:24px; line-height:24px; padding:5px; text-transform: uppercase;}
#stats .item5 .copy {padding:10px 0 0 0; font-size:13px; line-height:17px; color:#898989;}

/* 28.9% Jump */
#stats .item6 {width:201px; border:16px solid #282729; background:url(../images/stats_item6_bg.jpg);}
#stats .item6 .copy {padding:10px; font-size:16px; line-height:22px; color:#fff;}

/* Athletics */
#stats .item7 {width:260px; border:16px solid #282729; background:#282729;}
#stats .item7 .photo {width:260px;}
#stats .item7 .copy {font-size:12px; line-height:14px; color:#fff; padding-top:10px;}

/* Why Mercer - Pres. Carter */
#stats .item8 {width:175px; border:16px solid #282729; background:#282729;}
#stats .item8 h2 {color:#2b89cb; font-size:30px; line-height:30px; font-family: 'heuristicaregular'; margin-bottom:5px;}
#stats .item8 .copy {color:#898989; font-size:14px; line-height:17px; background-color:#000; padding:5px 5px 5px 10px;}
#stats .item8 .copy a {font-size:13px; color:#0c72ce; font-weight:600; background:url(../images/icon_camera_blue.png) no-repeat right center; padding-right:35px;}

#stats .item8 .hdr {width:175px; height:99px; position:relative;}
#stats .item8 .hdr > div {position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;}

/* $250 MM */
#stats .item9 {width:126px; border:16px solid #282729; background:#111111;}
#stats .item9 h2 {color:#252525; font-size:26px; line-height:45px; display:block; height:45px; text-align:center; background-color:#e87013; font-family: 'heuristicaregular'; font-weight:bold;}
#stats .item9 .copy {font-size:13px; color:#ff7433; line-height:18px; padding:8px 8px 10px 12px;}

/* Top 50 */
#stats .item10 {width:138px; border:16px solid #282729; background:#111111;}
#stats .item10 .copy {font-size:13px; color:#707070; line-height:16px; padding:10px 8px;}

#stats .item:hover {border:16px solid #49484a;}



/******** INITIATIVES styles ***********/
.init_title {position:absolute; top:83px; right:100px; background:url(../images/initiatives_hdr_bg.png) no-repeat right bottom; width:88%; height:280px;  display:block;}
	.init_title .hdr {position:absolute; left:0; bottom:0; height:33px; width:363px; display:block; border:1px solid #fff; color:#fff; font-family: 'Dosis', verdana sans-serif; font-size:13px; line-height:33px; text-align:center; background-color:#1c65e8; text-transform: uppercase; letter-spacing: 1px;}

.init_copy {position:absolute; top:375px; left:22px;}
.init_overlay1 {width:480px; background:rgba(0,0,0,0.4); padding:7px;}
.init_overlay1 .copy {color:#fff; font-size:13px; line-height:18px; font-weight:300; text-shadow: 2px 2px 10px #000000;}
.init_overlay1 .copy .bigger {font-size:18px;}

.init_overlay2 {border:1px solid #fff; width:407px; overflow:hidden; padding:7px; margin-bottom:12px;}
.init_overlay2 .copy {float:left; height:122px; width:104px; padding:16px 13px 11px 8px; background:rgba(0,0,0,0.8); color:#fff; font-size:13px; line-height:13px; font-weight:300;}
.init_overlay2 .copy p {margin-bottom:10px;}
.init_overlay2 .copy a.video {font-size:10px; color:#0c72ce; line-height:11px; height:12px; font-weight:600; background:url(../images/icon_camera_blue.png) no-repeat right center; padding-right:35px;}
.init_overlay2 .photo{float:left;}
.init_overlay2 .photo img {display:block;}

	
	
/******** COLLEGE HILL styles ***********/
#college_hill {background:#fff;}

#the_title {position:absolute; bottom:0px; left:0px; width:50%; height:50%;}
	#the_title .three {position:absolute; width:179px; height:146px; top:0; right:0;}
	#the_title .bars {position:absolute; top:40px; left:0;}
		#the_title .bars ul {list-style-type:none; margin:0; padding:0;}
		#the_title .bars ul li {display:block; width:130px; background:#000; margin-bottom:7px; height:20px; padding-left:21px; color:#fff; font-size:15px; line-height:20px; font-weight:300; text-transform:uppercase;}
		#the_title .copy {position:absolute; top:160px; left:15%; width:70%; font-size:18px; line-height:18px; font-weight:300;}
		#the_title .copy h2 {color:#0c72ce; font-size:30px; line-height:36px; margin-bottom:12px;}
		#the_title .copy .smaller {font-size:13px;}
		#the_title .copy a{font-size:14px; color:#0c72ce; font-weight:600; margin-bottom:12px; display:block; width:auto;}
		
	


#the_how {position:absolute; top:0px; left:0px; width:50%; height:50%;
	background:url(../images/collegehill_thehow_bg.jpg) no-repeat bottom right; background-size:cover;}
	#the_how .overlay {display:none; position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:rgba(146, 39, 143, 0.7); /*background:url(../images/collegehill_thehow_pop_bg.png);*/}
	#the_how .overlay a.close {position:absolute; bottom:0px; right:0px; background:url(../images/close.png) no-repeat; text-indent:-9999px; width:34px; height:34px; display:block;}
	#college_hill .overlay .copy {position:absolute; top:100px; left:15%; width:70%; color:#fff; font-size:14px; line-height:20px;}
	#college_hill .overlay .copy h2 {color:#ff8037; font-size:20px;}
	
 	#the_how .block {display:block; width:25px; height:25px; background-color:red; position:absolute; bottom:100px; left:100px; 
	box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 1), 0px 0px 10px 0px rgba(255, 0, 0, 1);} 

#the_what {position:absolute; top:0px; right:0px; width:50%; height:50%;
	background:url(../images/collegehill_thewhat_bg.jpg) no-repeat bottom left; background-size:cover;}
	#the_what .overlay {display:none; position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:rgba(79, 0, 185, 0.7); /*background:url(../images/collegehill_thewhat_pop_bg.png);*/}
	#the_what .overlay a.close {position:absolute; bottom:0px; left:0px; background:url(../images/close.png) no-repeat; text-indent:-9999px; width:34px; height:34px; display:block;}

#the_fun {position:absolute; bottom:0px; right:0px; width:50%; height:50%;
	background:url(../images/collegehill_thefun_bg.jpg) no-repeat top left; background-size:cover;}
	#the_fun .overlay {display:none; position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:rgba(119, 0, 185, 0.7); /*background:url(../images/collegehill_thefun_pop_bg.png);*/}
	#the_fun .overlay a.close {position:absolute; top:0px; left:0px; background:url(../images/close.png) no-repeat; text-indent:-9999px; width:34px; height:34px; display:block;}
	
#college_hill a.btn {position:absolute; top: 0; left: 0; bottom: 0; right: 0; margin:auto; display:block; width:33px; height:33px;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; padding:4px;
	color:#fff; font-size:10px; text-align:center; font-weight:300; text-transform: uppercase; border:1px solid #fff;
	box-shadow: 0 0 5px 2px rgba(255,255,255,0.4);}


#college_hill #the_how a.btn { background-color:#92278f; }
#college_hill #the_what a.btn { background-color:#4f00b9; }
#college_hill #the_fun a.btn { background-color:#7700b9; }


#college_hill #the_how a.btn-test {position:absolute; top: 0; left: 0; bottom: 0; right: 0; margin:auto; display:block; width:33px; height:33px; background-color:#92278f; 
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; padding:4px;
	color:#fff; font-size:10px; text-align:center; font-weight:300; text-transform: uppercase; border:1px solid #fff;
	box-shadow: 0 0 5px 2px rgba(255,255,255,0.4);}

#college_hill #the_how a.btn {
	-webkit-animation:  newEffect 3s ease-out infinite;
	-moz-animation: newEffect 3s ease-out infinite;
	animation:  newEffect 3s ease-out infinite;
	}
	
#college_hill #the_what a.btn {
	-webkit-animation:  newEffect 3s 1s ease-out infinite;
	-moz-animation: newEffect 3s 1s ease-out infinite;
	animation:  newEffect 3s 1s ease-out infinite;
	}
	
#college_hill #the_fun a.btn {
	-webkit-animation:  newEffect 3s 2s ease-out infinite;
	-moz-animation: newEffect 3s 2s ease-out infinite;
	animation:  newEffect 3s 2s ease-out infinite;
	}
	
@-webkit-keyframes newEffect {
	0% {}
	20% {box-shadow:0 0 20px 20px rgba(255,255,255,0.6);}
	45% {box-shadow: 0 0 0 1px rgba(255,255,255,0);}
	100% {}
}
@-moz-keyframes newEffect {
	0% {}
	20% {box-shadow:0 0 20px 20px rgba(255,255,255,0.6);}
	45% {box-shadow: 0 0 0 1px rgba(255,255,255,0);}
	100% {}
}
@keyframes newEffect {
	0% {}
	20% {box-shadow:0 0 20px 20px rgba(255,255,255,0.6);}
	45% {box-shadow: 0 0 0 1px rgba(255,255,255,0);}
	100% {}
}


@media (max-width:1024px) {
	#the_title .bars {top:10px;}
	#the_title .copy {top:95px; left:5%; width:90%; font-size:14px; line-height:16px;}
	#the_title .copy h2 {font-size:20px; line-height:24px;}
	
	#college_hill .overlay .copy {top:80px; left:5%; width:90%; font-size:13px; line-height:15px;}
	#college_hill .overlay .copy h2 {font-size:16px;}
}
	



/******** CONNECT styles ***********/
.expand {position:absolute; top:81px; left:698px; width:214px;}
.expand .issuebox {border:1px solid #fff; background-color:rgba(0, 0, 0, 0.5); width:212px; height:41px; overflow:hidden; position:relative;}
.expand .issuebox .copy {float:left; padding:5px 0 0 11px; color:#fff; font-size:14px; line-height:16px; font-family: 'heuristicaregular';}
.expand .issuebox .copy .hdr{font-weight:400; font-size:14px; font-family: 'Dosis', verdana sans-serif;}

.expand .issuebox .link {position:absolute; right:12px; top:5px;}
.expand .issuebox .link a {display:block; font-size:9px; text-align:center; color:#fff; font-weight:600;}
.expand .issuebox .link a.more {display:none; background:url(../images/arrow_more.png) no-repeat bottom center; height:30px;}
.expand .issuebox .link a.less {background:url(../images/arrow_down.png) no-repeat bottom center; height:30px;}

.expand .creditbox {border:1px solid #fff; background-color:rgba(0, 0, 0, 0.5); width:201px; padding:20px 0px 0px 11px; overflow:hidden; position:relative; color:#fff; font-size:12px; margin-top:5px; font-weight:300;}
.expand .creditbox a {color:#fcfcfc;}
.expand .creditbox a:hover {text-decoration: underline;}
.expand .creditbox h3 {font-size:14px; font-weight:300;}
.expand .creditbox strong {font-weight:400;}
.expand .creditbox p {margin-bottom:14px; font-size:12px; line-height:14px;}

.connect-hdr {position:absolute; top:159px; left:205px; width:493px; height:86px; background:url(../images/connect_hdr_bg.png) bottom right no-repeat;}
.connect-hdr .hdr {position: absolute;
left: 0;
top: 0;
height: 33px;
width: 102px;
display: block;
border: 1px solid #fff;
color: #fff;
font-family: 'Dosis', verdana sans-serif;
font-size: 13px;
line-height: 33px;
text-align: center;
background-color: #1c65e8;
text-transform: uppercase;
letter-spacing: 1px;}

.connect-copy {position:absolute; overflow:hidden; top:266px; left:0px; background-color:rgba(230,107,17,0.8);}
.connect-copy .col1 {float:left; width:214px; height:134px; padding:12px 15px 14px 21px;}
	.connect-copy .col1 .slides {background-color:rgba(255,255,255,0.2); width:214px; height:134px; position:relative; overflow:hidden;}
	.connect-copy .col1 .slides > div {position: absolute; top: 19px; left: 18px;}

.connect-copy .col2 {float:left; width:395px; padding:8px 12px 0 0; font-size:16px; line-height:20px; color:#fff; font-weight:300; }
.connect-copy .col2 .bigger {font-size:24px; line-height:24px; color:#fff; font-weight:300;}
.connect-copy .col2 a {color:#fff; }
.connect-copy .col2 a:hover {text-decoration: underline;}



.report-box {width:95%;}
.report-box img {width:100%; height:auto; display:block; }


/* ********************************************** */
@font-face {
    font-family: 'heuristicabold';
    src: url('/css/fonts/heuristica-bold-webfont.eot');
    src: url('/css/fonts/heuristica-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/heuristica-bold-webfont.woff2') format('woff2'),
         url('/css/fonts/heuristica-bold-webfont.woff') format('woff'),
         url('/css/fonts/heuristica-bold-webfont.ttf') format('truetype'),
         url('/css/fonts/heuristica-bold-webfont.svg#heuristicabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'heuristicaregular';
    src: url('/css/fonts/heuristica-regular-webfont.eot');
    src: url('/css/fonts/heuristica-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/heuristica-regular-webfont.woff2') format('woff2'),
         url('/css/fonts/heuristica-regular-webfont.woff') format('woff'),
         url('/css/fonts/heuristica-regular-webfont.ttf') format('truetype'),
         url('/css/fonts/heuristica-regular-webfont.svg#heuristicaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@media (max-width:1024px) {
	.pres_title {margin:90px 0 0 100px; width:400px; text-align:center;}
	.pres_navbox {position:absolute; right: 125px; top: 250px; left:auto; bottom:auto;}

}