@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Muli);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600);


*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }


html, body, p, h1, h2, h3, h4, h5, ul, ol, li, form, input, img, a, hr, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, iframe

{
margin:0;
padding:0;
border:none;
outline:none;
vertical-align:baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
display: block;
}


html {
	
  /* -webkit-font-smoothing: antialiased;
  	-webkit-text-stroke:0.5px rgba(255, 255, 255, 0.70); 
	-webkit-text-stroke:1px rgba(255, 255, 255, 0.1);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004); */
}


body {
	
	font-family: "Muli","Open Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:16px;
}

img {	
max-width:100%;	
}

p {
	
margin-bottom:14px;
line-height:26px;
color:#333;	
}


.sectionlink p {

line-height:20px;

}

.animate {
	
-webkit-transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;		
	
}


a {
	
color:#1F7F9F;
color:#2AA0C5;
text-decoration: none;
	
}

a:hover {
	
	color:#2EB8E5;
	text-decoration:underline;
	
}






p.intro {

	font-size:18px;
	font-weight:400;
	color:#575757;
	line-height:30px;
}


h1, h2, h3, h4, h5 {
	
	font-weight:normal;
    color:#4CAAE2;
	letter-spacing:-0.5px;
	margin-bottom:8px;
}


h2 {
	
font-size:32px;
text-shadow: 0 1px 0 #FFFFFF;
margin-bottom:12px;
	
}

h3 {
	
font-size:24px;
line-height:30px;	
	
}


h4 {
	
	font-size:18px;
	line-height:21px;
	color:#333;
	letter-spacing:0px;
}


h5 {
	
	font-size:17px;
	line-height:19px;
	color:#333;
	margin-bottom:4px;
}



ul {
	
list-style:circle;
margin:0 0 18px 18px;
	
}

ul li {
	
line-height:20px;
margin-bottom:8px;	
}

.alert {
color:#900;	
}


.featurebox {
	
background:url(../images/seal_background.png) top right no-repeat #f4f4f4;
padding:14px 14px 8px 14px;
box-shadow: 0 0 50px 0 rgba(60, 60, 60, 0.20) inset;
color:#333;
	
}

.featurebox p {
line-height:20px;
font-size:14px;
margin-bottom:8px;
}


.featurebox li {
	font-size:14px;
}

.bigger {
font-size:19px;	
}


.asidebox {
background:#f4f4f4;
padding:14px 14px 8px 14px;
box-shadow: 0 0 50px 0 rgba(60, 60, 60, 0.20) inset;	
}



hr {
    background: none;
	border-bottom: 1px dotted #77D1FE;
	margin-bottom:14px;
	clear:both;
   }

hr.innerclear {
	height:20px;
}

hr.hidden {
	
	border-bottom:none;
}



header {
	
background:#333;
background: rgba(0, 0, 0, 0.7);
position:fixed;
z-index:10000;
width:100%;	
}

#topnav {
	
	max-width:1200px;
	margin:0 auto 0 auto;
	min-height:20px;
	position:relative;
}


#topnav h1 {
	
width:274px;
display:inline-block;
margin-bottom:0;
	
}


#topnav h1 a {
display:block;
width:438px;
height:58px;
background:url(../images/paths_head_text.png) left no-repeat;
text-indent:-9999999px;
border-bottom:none;
}



/* MENU LINK */

#pagelinks {
	
	position:absolute;
	text-indent:-999999px;
	top:11px;
	left:470px;
	width:150px;
	height:38px;
	background:#000;
	background:url(../images/menu_bg.png) top rgba(48,105,134, 0.84);
	color:#fff;
	cursor:pointer;
	border-radius:4px;
}


#pagelinks:hover {
	background-color: rgba(48,105,134, 0.99);
	
}

  /* class added in jQery */
   #topnav .closemenu {
   background-position:0px 38px;   
   }


.lt-ie9 #pagelinks {
	border:1px solid #999;
	text-indent:0;
	text-transform:uppercase;
	font-size:20px;
}


/* close MENU LINK */



#topnav a#hcchome {
	
position:absolute;
top:8px;
right:0;
width:130px;
height:45px;
text-indent:-9999999px;
background:url(../images/hc_logo_white.png) no-repeat;
border-bottom:none;
	
}

#menuitems {
	
margin-top:20px;
padding-top:16px;
padding-bottom:14px;
border-top:1px dotted #5d5d5d;
display:none;
}


#menuitems ul {
margin:0;	
}


#menuitems li {
margin:0;
padding:0;
margin-right:4%;
display:inline-block;
font-size:18px;
width:22%;
}


#menuitems ul li:last-child {	
margin-right:0;
	
}

#menuitems img {
	display:block;
	margin-bottom:4px;
	
}

#menuitems a {
	color:#fff;
}

#menuitems a:hover {
	text-decoration:none;	
}

#menuitems a:hover img {
 	max-width:97%;
	margin-left:3px;
	margin-top:3px;

}




/* Main Banner */


#headbanner {
	
	position:relative;
	height:620px;
	overflow:hidden;
}


#banner-content {
	
max-width:1200px;
height:620px;
margin:0 auto 0 auto;
position:relative;
	
}

#banner-controls {

position:absolute;
right:0;
bottom:9px;
}


#prev, #next {
	
  display:inline-block;
  width:38px;
  height:38px;
  background:url(../images/slideshow_arrows.png);
  cursor:pointer;
  text-indent:-99999px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;	
  border-bottom:none;
}


#prev {
	background-position:left;
}
#prev:hover, #next:hover {	

opacity: 0.8;
	
}

#next {
	background-position:right;
}


#banner-arrow {
	width:1300px;
	height:225px;
	position:absolute;
	z-index:800;
	bottom:60px;
	left:-632px;
	background:url(../images/big-arrow.png) top right no-repeat;	
}



/* MAIN SECTION LINKS */

.sectionlink {
	
}

.sectionlink a {
	
	text-decoration:none;
	border-bottom:none;
}

.sectionlink img {
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.28);
border:6px solid #fff;	
	
}

.sectionlink a:hover img {
 	
	max-width:108%;
	margin-top:-8px;
	margin-left:-8px;
}


/* hacking ie10+ for shadow mods */
 @media screen
 and (-ms-high-contrast: active),
 (-ms-high-contrast: none) {  
       
.sectionlink img {
box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.10);

}
 }




/* general content frames */


.content-wrap {
	
	min-height:80px;
	background:url(../images/contentblock-topshadow.jpg) top repeat-x, url(../images/contentblock-bottomshadow.jpg) bottom repeat-x;
	
}


.contentblock {
	
	 max-width:1200px;	
	 margin:0 auto 0 auto;
	 padding:40px 0 70px 0;
}


.contentblock:after  {
	
  content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;	
}



.sectionheader {
	
	height:242px;
	background:#eaeaea;
	position:relative;
}


a.linktoself {
	
	width:78px;
	height:39px;
	background:url(../images/down-arrow.png) no-repeat;
	display:block;
	position:absolute;
	left:49%;
	top:-40px;
	z-index:700;
	text-indent:-999999px;
	opacity:0.64;
	-webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;	
	
}


a.linktoself:hover {
	
	 opacity:0.92;
	
}



/* SUB HEADS */


#whatis {
	
 background:url(../images/subhead-whatispt.jpg) center no-repeat #fba521;
}

#degrees {
	background:url(../images/subhead-degrees.jpg) center no-repeat #407d18;
}

#programs {
	background:url(../images/subhead-programs.jpg) center no-repeat #3a7898;
}

#getstarted {
	background:url(../images/subhead-gettingstarted.jpg) center no-repeat #862747;
}




/* COLUMNS */


.onehalf {
	 
	width:48%;
	float:left;
	margin-right:4%;
 }
 
 .oneforth {
	 
	float:left;
	width:22%;
	margin-right:4%;
 }
 
 .threeforths {
	float:left;
	width:74%;
	margin-right:4%;	 
 }
 
 .onethird {
	float:left;
	width:30.5%;
	margin-right:4%;	 
 }
 
 .twothird {
	float:left;
	width:64%;
	margin-right:4%;	 
 }
 


.lastcolumn {
	margin-right:0!important; 
 }



/* Pathways Tabs */

ul#pathways_tabs {
	 
	 list-style:none;
	 margin:20px 0 40px 0;
	 font-size:20px;
	 letter-spacing:-0.5px;
	 border-bottom:1px solid #666;
 }
 

ul#pathways_tabs li {
	 
	 display:inline-block;
	 margin-right:30px;
	 margin-bottom:0;
	 line-height:24px;
	 
 }
 
 ul#pathways_tabs li a {
	 
border-bottom:none;
 }
 
  ul#pathways_tabs li a:hover {
	 
color:#333;
text-decoration:none;
 }
 
 
 li.current {
	 
	background:#4C4C4C;
	display:block;
	padding:6px 12px 6px 12px;
	position:relative;
 }
 
 
 li.current:after {

   border-right: 8px solid transparent;
   border-left: 8px solid transparent; 
   border-top: 8px solid #4C4C4C;
    content: "";
    height: 0;
	width: 0;
    left: 42%;
	bottom: -8px;
    position:absolute;
 }
 
 
 li.current a  {
	 
	 cursor:default;
	 color:#fff;

 }
 
 ul#pathways_tabs li.current a:hover {
	 
	/* kill any hove effext */
	color:#fff;
 }



/* image border and ds */

.fancy {

box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.28);
border:6px solid #fff;	

}



/* GETTING STARTED */


p.numbers {
	
margin-left:44px;
position:relative;
}


p.numbers span {
	
	position:absolute;
	border-radius:50%;
	background:#666;
	top:0;
	left:-44px;
	padding:5px 12px 4px 12px;
	color:#fff;
	font-size:19px;	
}

.question, .money {
margin-left:80px;
position:relative;
}

.question span {
	
	position:absolute;
	border-radius:50%;
	background:#A72B25;
	top:0;
	left:-80px;
	padding:6px 22px 4px 22px;
	color:#fff;
	font-size:43px;
	font-family:"Montserrat";
	font-weight:400;
}


.money span {

	position:absolute;
	border-radius:50%;
	background:#228B31;
	top:0;
	left:-80px;
	padding:6px 20px 4px 20px;
	color:#fff;
	font-size:42px;
	font-family:"Montserrat";
	font-weight:400;
}



/* FOOTER */


footer {	
background:url(../images/footer_bg.jpg) top center no-repeat #434343;
}

footer p {
color:#CCC;
line-height:15px;
}

footer a {
color:#2EB8E5;
text-decoration: none;
}

footer a:hover {
	color:#fff;
	text-decoration:none;
}






/* MEDIA QUERIES */



@media only screen
and (max-width:1260px)
 {
	 
	.contentblock {
		
	padding-left:40px;
	padding-right:40px;
		
	}
	 
	 
 }



@media only screen
and (max-width:1230px)
 {
	
	#topnav {
		padding-left:30px;
	}
#pagelinks {
	left:480px;
}

#topnav a#hcchome {
right:30px;	
}

#banner-controls {
	
 right:30px;	
	
}

.sectionheader {	
	background-size:auto 226px!important;
	height:226px;
		
	}
	 
 }


@media only screen
and (max-width:1100px)
 {
	 
	 #headbanner {
		 height: 460px;
	 }
	 
	 #banner-content {
		 
		 height:460px;
	 }
	 
	 #banner-arrow {
		 bottom:40px;
		 left:-820px;
		 height:160px;
		 background-size:890px auto;
	 }

	 
	 #introcopy { 
		 float:none;
		 width:100%;
	 }
	 
	 
	 #topsectionlinks {
		 
		 float:none;
		 width:100%;
	 }
	 

    #topsectionlinks .oneforth h4 {
		
	font-size:15px;	
		
	}
	
	.sectionheader {	
	background-size:auto 200px!important;
	height:200px;
		
	}
	
	
	ul#pathways_tabs {
	 
	 font-size:15px;
		
	}
	
	body {
		
	font-size:15px;	
		
	}
	
	 
 }
 
 
 
 
 @media only screen
and (max-width:930px)
 {
	 
	 .sectionheader {	
	background-size:auto 180px!important;
	height:180px;
		
	}
	
	 #topnav h1 a {
		 
		width:400px;
		background-size:400px auto!important;
		position:relative;
		top:2px;
	 }
	 
	 #pagelinks {
		 
		left:440px;
		 
	 }
	 
 }
 
 
 
 @media only screen
and (max-width:800px)
 {
	 
	.sectionheader {	
	background-size:auto 150px!important;
	height:150px;
		
	}
	
	
	h3 {
		
	font-size:19px;	
	line-height:22px;
		
	}
	
	
	a#hcchome {
		 
		display:none; 	 
	 }
	 
 }
 
 
 

 


@media only screen
and (max-width:680px)
 {


 #introcopy { 
		 width:98%;
		 float:none; 
	 }

 #topsectionlinks {
		 
		 width:100%;
		 float:none;
	 }


 #topsectionlinks .oneforth img { 
		 max-width:86%;
	 }



#degreetypes .oneforth {
		float:none;
		width:100%; 
		 
	 }

	 
	.sectionheader {	
	background-image:none!important;
	height:80px;
		
	}
	
	
	a.linktoself {
		
		background:none;
		top:24px;
		left:24px;
		width:auto;
		text-indent:0;
		color:#fff;
		text-decoration:none;
		font-size:24px;
		transition:none;
	}
	
	
	h2 {
		
	 font-size:24px;
	 line-height:26px;	
		
	}
	
	
	 #topnav h1 a {
		 
		width:300px;
		background-size:300px auto!important;
		position:relative;
		top:4px;
	 }
	 
	 #pagelinks {
		 
		left:360px;
		 
	 }
	 
	 
 }
 
 
 
 @media only screen
and (max-width:600px)
 {
	 .onehalf {
		float:none;
		width:100%;
		margin-right:0; 
		 
	 }
	 
	 .twothird {
		 
		float:none;
		margin-right:0;
		width:100%; 
	 }
	 
	 
	 .onethird {
		 
		float:none;
		width:100%;
		margin-right:0; 
	 }
	 
	 .oneforth {
		width:46%; 
	 }
	 
	 #topsectionlinks .oneforth { 
		 width:22%;
	 }
	 
	 #topsectionlinks .oneforth img { 
		 max-width:100%;
		 transition:none!important;
		 border:none;
	 }
	 
	 
	 #topsectionlinks .oneforth img { 
		 max-width:100%;
		 transition:none!important;
		 border:none;
	 }
	 
	 #topsectionlinks .oneforth a:hover img { 
		 margin-top:0!important;
		 margin-left:0!important;
	 }
	 
	 
	 
	 ul#pathways_tabs li { 
	 display:block;
	 margin-right:0;
	 
	 }
	 
	 
	 ul#pathways_tabs li.current { 
	 padding:4px 0 4px 8px;
	 
	 }
	 
	 
	  ul#pathways_tabs li.current:after { 
	left:92%;
	 
	 }
	 
	 
	 
 }
 
 
 @media only screen
and (max-width:420px)
 {
	 
	 
	 h4 {
		 
		font-size:15px; 
		 
	 }
	 
	 
	 #topnav {
    padding-left: 10px;
}
	 
	 #topnav h1 {
		 
		width:140px;
		
	 }
	 
	 
	  #topnav h1 a {
		 
		width:170px;
		background-size:170px auto!important;
		position:relative;
		top:2px;
		
	 }
	 
	#pagelinks {
		 
		 left:190px;
		 
	 }
	 
	 #menuitems li {
		display:block; 
		width:90%;
		font-size:15px;
		margin-bottom:6px;
		 
	 }
	 
	 #menuitems li a {
		display:block;
		 
	 }
	 
	 
	 #menuitems li a:hover {
		color:#DAF0BF;
		 
	 }
	 
	 
	 #menuitems img {
		display:none;
		 
	 }
	 
	 
	 #topsectionlinks {
		 
		display:none; 
	 }
	 
	 
	 #banner-content {
    display:none;
}

#headbanner {
    height: 212px;
}


.backstretch {
margin-top:58px!important;	
}

	 
header {
  background:rgba(0, 0, 0, 0.88);
}
	
	
.contentblock {  
   padding:30px 20px 30px 20px;
}
	
	 
 }