body {
	color: #000000;
	background-color: #ffffff;
	overflow-x: hidden;
}

h2 { margin: 10px 0; }

a:link { text-decoration:none; }

#contactInfo h2 { margin-top: 0; }

.container-body { margin: 0 25px; }

header {
	background-color: #4488cc; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, #4488cc , f0f0fa); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #4488cc, f0f0fa); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #4488cc, f0f0fa); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #4488cc, #f0f0fa); /* Standard syntax */
    background: url('../../../images/banners/HPC_Banner-3060px.png') no-repeat center top;
}

@media (min-width: 1200px) and (max-width: 1680px) {
	header {
		background: url('../../../images/banners/HPC_Banner-1170px.png') no-repeat right top;
	}
}
  
@media (min-width: 980px) and (max-width: 1199px) {
	header {
		background: url("../../../images/banners/HPC_Banner-940px.png") no-repeat right top;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	header {
		background: url("../../../images/banners/HPC_Banner-724px.png") no-repeat right top;
	}
}

article h4 {
	padding-left: 10px;
	padding-right: 10px;
}

.page-header {
	border-bottom-color: #333a5a;	
}

.logo-font {
	font-family: Gotham, Helvetica, sans-serif;
	color: #333a5a;
	text-align: right;
	line-height: 14px;
    padding-top: 20px; 
	text-transform: uppercase;
    font-style: italic;
}

@media (min-width: 768px) and (max-width: 979px) {
	input, textarea, .uneditable-input {
		width:110px;
	}
	
	.logo-font {
		font-size: 11px;
	}
}

/****** MENU CSS ****************/
.navbar {
    border-radius: 0;
    border: 0;
	margin-bottom: 0px;
}

#top-menu .navbar-inner {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.container-fluid {
  	padding-right: 0;
}

#featured .item {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%;
}

.breadcrumb {
    background-color: #d8d8e8;
}

.breadcrumb > li {
	text-shadow: none;
}

.breadcrumb > li > .divider {
    color: #3a5199;
}

.logo {
	margin-top:10px;
	margin-bottom:10px;
}
 
/* Main Menu Hover */
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li:hover {
    background-color: #333A5A;
}
 
@media (min-width: 980px) and (max-width: 1199px) {
	#footer-nav-seal {
		padding: 0 125px;
	}
}

.nav-pills > li > a:hover { background-color: #e8e8e8; }

@media (max-width: 767px) {
	#program-areas div div:nth-child(2){
		margin-left: 0px;
	}
}

@media (max-width: 767px) {
	body {
		padding-right: 0px;
		padding-left: 0px;
	}
}

@media (max-width: 979px) {
	.navbar-inverse .navbar-inner {
		background-color: #1b1b1b;
		background-image: -moz-linear-gradient(top, #222222, #111111);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
		background-image: -webkit-linear-gradient(top, #222222, #111111);
		background-image: -o-linear-gradient(top, #222222, #111111);
		background-image: linear-gradient(to bottom, #222222, #111111);
		background-repeat: repeat-x;
		border-color: #252525;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
	}
	
	.navbar-wrapper {
		margin-top: 0px;
	}
}

#contactDiv {
	position:absolute;
	top:27px;
	display:none;
	z-index:20;
}

#contactInfo {
    background-color: #e8e8e8;
}

table .table:nth-child {
    width: 100%;
}

.navbar-inner {
	border: 0;
	border-radius: 0;
	min-height:27px;
	
	/*background: url(../images/menu-background-gradiant.png) repeat-x left top;*/
    filter: none;
	color: #ffffff;
    background-color: #4488CC; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#55AAFF, #4488CC); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#55AAFF, #4488CC); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#55AAFF, #4488CC); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#4488CC, #3a5199); /* Standard syntax */
}

.navbar .nav > li > a {
	color: #ffffff;
}

.navbar-inverse .navbar-inner {
    /*background: url(../images/menu-background-gradiant.png) repeat-x left top;*/
    filter: none;
	color: #ffffff;
    background-color: #4488CC; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#55AAFF, #4488CC); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#55AAFF, #4488CC); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#55AAFF, #4488CC); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#4488CC, #3a5199); /* Standard syntax */
}

.navbar-inverse .navbar-inner #contactInfo {
	color: #333a56;
}

.navbar-inverse .nav > li > a,
.navbar-inverse .nav > li > a:hover,
.navbar-inverse .nav > li > a:focus {
    padding: 0px 15px 0px;
    color: #FFFFFF;
    font-weight: bold;
}

.nav li {
	line-height: 27px;
}

.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
    color: #000000;
    background-color: #d3d3e4; /* For browsers that do not support gradients */
    /*background: -webkit-linear-gradient(#55AAFF, #4488CC); /* For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(#55AAFF, #4488CC); /* For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(#55AAFF, #4488CC); /* For Firefox 3.6 to 15 */
    /*background: linear-gradient(#3a5199, #2f2e33); /* Standard syntax */
}

@media (max-width: 979px) {
  .navbar-inverse .nav-collapse .nav>li>a,
  .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #ffffff;
  }
}

.back-to-top {
    color: #fff;
    text-align: center;
    text-decoration: none;
    border-color: #fff;
    border-style: solid;
    border-width: 1px 0 1px 1px;
    background-color: #4488cc;
    line-height: .9375em;
    padding: .5em 0;
    z-index: 100;
    position: fixed;
    bottom: 4em;
    right: 0;
    width: 3em;
    height: 3em;
	visibility: hidden;
}

@media (max-width: 979px) {
    .navbar .nav-child {
        display: none;
    }
}

@media (min-width: 980px) {
    /* this is the code for dropdown menus, taken from Protostar */
    nav .nav-child {
        position: absolute;
        top: 95%;
        left: 0;
        z-index: 1000;
        display: block;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        list-style: none;
        background-color: #4488CC;
        border: 1px solid #ccc;
        border: 1px solid rgba(0,0,0,0.2);
        *border-right-width: 2px;
        *border-bottom-width: 2px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
        -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
        box-shadow: 0 5px 10px rgba(0,0,0,0.2);
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
      
        visibility:hidden;
        opacity:0;
        filter:alpha(opacity=0);
        -webkit-transition: .35s ease-in-out; /* Safari */
        -moz-transition: .35s ease-in-out;
        -o-transition: .35s ease-in-out;
        -webkit-transition-delay: 1s; /* Safari */
        -moz-transition: 1s;
        -o-transition: 1s;
        transition: .35s ease-in-out;
        transition-delay: .2s;
    }
    
    nav .nav-child.pull-right {
        right: 0;
        left: auto;
    }
    
    nav .nav-child .divider {
        *width: 100%;
        height: 1px;
        margin: 8px 1px;
        *margin: -5px 0 5px;
        overflow: hidden;
        background-color: #e5e5e5;
        border-bottom: 1px solid #fff;
    }
    
    nav .nav-child a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-size: 13px;
        font-weight: normal;
        line-height: 18px;
        color:#d8d8e8;
        white-space: nowrap;
    }
    
    nav .nav li {
        position: relative;
    }
    
    nav .nav > li > .nav-child > li:first-child {
        display: none;
    }
    
    nav .nav-child .deeper > a:after {
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #cccccc;
        margin-top: 5px;
        margin-right: -12px;
    }
  
    nav .nav-child .deeper:hover > a:after {
    	border-left-color: #ffffff;
	}
    
    /* Displays dropdown on hover */
    nav .nav > li:hover > .nav-child,
    nav .nav > li > a:focus + .nav-child,
    nav .nav li li:hover > .nav-child,
    nav .nav li li > a:focus + .nav-child {
        visibility:visible;
        opacity:1;
        filter:alpha(opacity=100);
    }
    
    nav .nav li li .nav-child {
        top: -8px;
        left: 100%;
    }
    
    nav .nav-child li > a:hover,
    nav .nav-child li > a:focus,
    nav .nav-child:hover > a {
        text-decoration: none;
        color: #333a5a;
        background-color: #d8d8e8;
    }
    /* END of PROTOSTART Dropdown CSS */
}

@media (min-width: 980px) and (max-width: 1199px) {
    .navbar .container {
        width: 940px;
    }
}

@media (min-width: 1200px) {
    .navbar .container {
        width: 1170px;
    }
}

@media screen and (min-width: 1400px) {
    .hr_footer, .footer { width: 1200px; }
    .nav_footer ul { padding-left: 0; text-align:center;}
    .disclaimer p { left:0; width:auto; }
    .flexslider { width:1134px; }
    .flex-caption { width:1089px; }
    .sub-logo { left:760px; }
    .flex-control-nav { top:-120px; left:-420px; }
}

.container-fluid {
    padding-left: 0;
}

.nav_top {
    background-color: #f00;
    border-radius: 0 0 10px 10px;
    width: 420px;
}

@media (max-width: 979px) {
    .nav_top {
	   width: 320px;
    }
}

.nav_top form {
    margin-bottom: 0px;
}

input[type="search"] {
    padding-top: 0px; 
    padding-bottom: 0px;
    margin-top: 2px;
}

/*** FOOTER ***/
footer .nav li {
    text-transform: uppercase;
}

footer a { color: #5bc0de; }

footer .navbar-default {
    background: transparent;
}

footer ul {
	margin-top: 20px;
}

.disclaimer {
	color: #333a56;
	font-style: italic;
	font-size: 10px;
	text-align: center;
	line-height: 14px;
	margin-top: 5px;
}

#footer-nav-seal {
    background-color: #333a56;
}

.footer-nav {
    width: 660px;
    margin-right: auto;
    margin-left: auto;
}
 
.footer-logo {
	float: right;
}

@media (max-width: 767px) {
    footer .nav, footer .logo { text-align: center; }
    footer .nav > li { float: none; }
    footer .nav > li > a { margin-right: 0; }
    footer .nav-pills > li > a { margin-bottom: 3px; }
}

/********** MASTER **************/
/* BODY - Font Color and Font Family */
p, h1, h2, h3, h4 {
	color: #000000;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* Font Size */
h1 { font-size: 38.5px; }
h2 { font-size: 31.5px; }
h3 { font-size: 24.5px; }
h4 { font-size: 17.5px; }
p { font-size: 14px; }

/* Colour */
a { color: #4488cc; }
a:hover, a:focus { color: #3C50AA; }
.navbar-inverse .navbar-inner { background: linear-gradient(#4488cc, #3C50AA); }