/*  file: styles.css
/*  Copyright (C)2015 GORGES, Inc. All Rights Reserved.  */

.container_inner {
	/*
  position: relative;
  */
}
.menu {
	/*
	position: absolute;
	top: 0;
	bottom: 0;
	*/
}
.container_menu {
  background-image: url(nav_right.gif);
}
.container_menu .title {
  background-image: url(nav_left.gif);
}
.module-heading {
  background-image: url(module_back.gif);
}
.module-links a, .module-links a:visited {
  background-image: url(button2_back.gif);
}
.module-links a:hover {
  background-image: url(button2_hover.gif);
}
button {
  background-image: url(button_back.gif);
}
button :hover, #button {
  background-image: url(button_hover.gif);
}
#mask {
  background-image: url(module_back.gif);
}
.course .menu a {
  background-image: url(../images/menu_resources.gif);
}


/* REPLACEMENT STYLES */
div.container_inner {
/*
	border-bottom: 2px solid #bac0a6;
	border-left: 2px solid #bac0a6;
*/
	border-bottom: none;
	border-left: none;
/*	padding: 0.5em 1em 0.25em 2em; */
}

.course .sidebar,
.course .menu {
	background-color: #f2f4f5;
}


/* NAVIGATION */

nav {
	background-color: #bac0a6;
	border: 1px solid #aaaaaa;
	display: block;
	margin-top: 0.5em;
	text-align: right;
}

nav ul {
	margin-bottom: 0;
	padding: 0.25rem;
}

nav ul li {
	display: inline-block;
	padding: 0 1.5rem;
}

nav ul li a {
	color: #ffffff;
/*	font-size: 2rem; */
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
}

nav ul li a:hover, nav ul li a:focus {
	color: #000000;
	text-decoration: none;
}

#nav_home_img {
	display: block;
	background-image: url("nav_home_f.gif");
	background-repeat: no-repeat;
	width: 129px;
	height: 40px;
}

#nav_home_img:hover {
	display: block;
	background-image: url("nav_home_on.gif");
	background-repeat: no-repeat;
	width: 129px;
	height: 40px;
}

#nav_about_img {
	display: block;
	background-image: url("nav_about_f.gif");
	background-repeat: no-repeat;
	width: 129px;
	height: 40px;
}

#nav_about_img:hover {
	display: block;
	background-image: url("nav_about_on.gif");
	background-repeat: no-repeat;
	width: 129px;
	height: 40px;
}

#nav_bb_img {
	display: block;
	background-image: url("nav_bb_f.gif");
	background-repeat: no-repeat;
	width: 129px;
	height: 40px;
}

#nav_bb_img:hover {
	display: block;
	background-image: url("nav_bb_on.gif");
	background-repeat: no-repeat;
	width: 129px;
	height: 40px;
}

#nav_contact_img {
	display: block;
	background-image: url("nav_contact_f.gif");
	background-repeat: no-repeat;
	width: 130px;
	height: 40px;
}

#nav_contact_img:hover {
	display: block;
	background-image: url("nav_contact_on.gif");
	background-repeat: no-repeat;
	width: 130px;
	height: 40px;
}

#nav_bg {
	background-image: url("nav_background.gif");
	background-position: right;
}

#nav_home_txt, #nav_about_txt, #nav_bb_txt, #nav_contact_txt {
	position: absolute;
	top: -999em;
}
/* END NAVIGATION */

/* Styles for Scroll.js */
#head-nav ul li:first-child {
	display: none;
}

.header-shrink #header_logo {
	display: none !important;
}

.header-shrink #crumbline {
	position: fixed;
	top: 10px;
	left: 15px;
	line-height: 1.7em;
}

.header-shrink #dashboard {
	position: fixed;
	right: 15px;
	top: 10px;
	display: inline-flex;
}

.header-shrink #dashboard a:last-child:before {
	content: "|";
	font-size: 10pt;
	margin: 0 10px 0 10px;
}

.header-shrink #container_header {
	height: 1.5rem;
}

.header-shrink #head-nav ul li:first-child {
	display: inline-block;
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	position: fixed;
	left: -8px;
}

.header-shrink {
	position: fixed;
	top: 0;
  background: white;
}
.header-shrink #container_outer #container_header {
  background: white;
}

a[name] {
  padding-top: 120px;
  margin-top: -120px;
  display: inline-block; /* required for webkit browsers */
}

header {
	width: 100%;
	background-color: white;
	z-index: 9999;
}

body {
	/*
	padding-top: 9rem;
	*/
}

@media all and (max-width: 1449px) {
	.header-shrink #crumbline {
		top: 28px;
	}

	.header-shrink #head-nav {
		margin-top: 1.5em;
	}
}

@media all and (max-width: 860px) {
	.header-shrink #crumbline {
		top: 28px;
		right: 15px;
	}

	.header-shrink #head-nav {
		margin-top: 3em;
	}
}